@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-variable-latin.woff2") format("woff2")}
:root{--bg:#141414;--bg-2:#1a1a1a;--fg:#ededed;--fg-muted:#a1a1a1;--rule:#2a2a2a;--rule-strong:#3a3a3a;--accent:#0297de;--link:#36aee8;--on-accent:#02070a;--ease:cubic-bezier(0.23,1,0.32,1);color-scheme:dark}
:root[data-theme="light"]{--bg:#fafafa;--bg-2:#f0f0f0;--fg:#141414;--fg-muted:#575757;--rule:#e0e0e0;--rule-strong:#c8c8c8;--accent:#0297de;--link:#0270a6;--on-accent:#02070a;color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#fafafa;--bg-2:#f0f0f0;--fg:#141414;--fg-muted:#575757;--rule:#e0e0e0;--rule-strong:#c8c8c8;--link:#0270a6;color-scheme:light}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s var(--ease),color .2s var(--ease)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){a:hover{color:var(--fg)}}
:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:2px}
::selection{background:var(--accent);color:var(--on-accent)}
.skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:6px;text-decoration:none;font-weight:500}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
@media (min-width:768px){.wrap{padding:0 40px}}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--rule)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none;font-weight:600;letter-spacing:-.02em;font-size:16px;min-height:44px}
.brand svg{width:28px;height:28px;flex-shrink:0}
.nav{display:flex;align-items:center;gap:4px}
.nav a{display:none;align-items:center;min-height:44px;padding:0 12px;color:var(--fg-muted);text-decoration:none;font-size:15px;border-radius:8px;transition:color .15s var(--ease)}
@media (min-width:860px){.nav a{display:inline-flex}}
.nav a.btn{border-radius:9999px}
@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--fg)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:9999px;background:var(--accent);color:var(--on-accent);font-weight:500;font-size:16px;text-decoration:none;border:0;transition:transform .16s var(--ease),background-color .16s var(--ease)}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#18a6e8;color:var(--on-accent)}}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule-strong)}
@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:var(--bg-2);color:var(--fg)}}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--rule)}
.hero .wrap{position:relative;z-index:2;min-height:min(86vh,760px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(220px,42vw,120px);padding-bottom:clamp(56px,9vw,112px)}
.hero-mark{position:absolute;z-index:1;color:var(--accent);pointer-events:none;width:clamp(420px,92vw,1060px);top:-6%;right:-30%}
@media (min-width:900px){.hero-mark{top:50%;right:auto;left:max(calc(50% + 120px),700px);transform:translateY(-50%);width:min(64vw,900px)}.hero-copy{max-width:min(620px,calc(50vw + 40px))}}
@media (min-width:900px) and (max-width:1199px){.hero-copy{max-width:600px}.hero h1{font-size:clamp(46px,6.6vw,80px)}}
.hero-mark path{stroke-dasharray:1;stroke-dashoffset:0}
.js .hero-mark path{animation:draw .86s var(--ease) .08s both}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hero-copy{max-width:620px;display:flex;flex-direction:column;gap:24px}
.hero h1{font-size:clamp(46px,8.4vw,104px);line-height:.98;letter-spacing:-.04em}
.hero .sub{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--fg-muted);max-width:34ch}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.section{border-bottom:1px solid var(--rule);padding:clamp(64px,9vw,120px) 0}
.section .grid{row-gap:28px}
.sec-head{grid-column:1/-1}
.sec-body{grid-column:1/-1}
@media (min-width:900px){.sec-head{grid-column:1/span 4}.sec-body{grid-column:6/span 7}}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-.025em}
.sec-head p{margin-top:14px;color:var(--fg-muted);max-width:32ch}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.rows li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 16px;padding:26px 0;border-bottom:1px solid var(--rule)}
.rows .n{grid-row:span 2;font-size:15px;font-variant-numeric:tabular-nums;color:var(--fg-muted);padding-top:4px}
.rows h3{font-size:22px;line-height:1.3;letter-spacing:-.015em}
.rows p{color:var(--fg-muted);max-width:60ch}
.principles .n{width:12px;height:12px;border-radius:9999px;background:var(--accent);margin-top:10px;padding:0}
.steps .n::before{content:""}
.about p{font-size:clamp(20px,2.3vw,26px);line-height:1.5;letter-spacing:-.012em;max-width:30ch}
.about p+p{margin-top:18px}
.contact-mail{display:inline-flex;align-items:center;min-height:48px;font-size:clamp(26px,4.2vw,48px);font-weight:500;letter-spacing:-.03em;color:var(--fg);text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px;word-break:break-word}
@media (hover:hover) and (pointer:fine){.contact-mail:hover{color:var(--accent)}}
.contact-list{margin:32px 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--rule)}
.contact-list li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--rule)}
.contact-list .k{color:var(--fg-muted)}
.contact-list a{color:var(--fg);text-decoration:none;display:inline-flex;min-height:28px;align-items:center}
@media (hover:hover) and (pointer:fine){.contact-list a:hover{color:var(--link)}}
.risk{padding:48px 0;border-bottom:1px solid var(--rule)}
.risk p{max-width:68ch;color:var(--fg-muted);font-size:15px;line-height:1.65}
.risk h2{font-size:15px;font-weight:600;margin-bottom:10px;color:var(--fg)}
.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:24px;padding-bottom:28px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 8px;margin-left:-10px}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--fg-muted);text-decoration:none;font-size:15px}
@media (hover:hover) and (pointer:fine){.site-footer nav a:hover{color:var(--fg)}}
.site-footer small{color:var(--fg-muted);font-size:14px}
.theme-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 12px;border-radius:9999px;border:0;background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--fg);font:inherit;font-size:14px;cursor:pointer;transition:transform .16s var(--ease)}
.theme-toggle:active{transform:scale(.97)}
.theme-toggle .ic{position:relative;width:16px;height:16px;border-radius:9999px;box-shadow:inset 0 0 0 1.5px currentColor;overflow:hidden;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.theme-toggle .ic::after{content:"";position:absolute;inset:0 0 0 50%;background:currentColor}
:root[data-theme="light"] .theme-toggle .ic{transform:rotate(180deg)}
.legal{padding:clamp(48px,7vw,96px) 0 clamp(64px,8vw,112px)}
.legal .grid{row-gap:24px}
.legal h1{grid-column:1/-1;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.03em}
@media (min-width:900px){.legal h1{grid-column:1/span 4}.legal .body{grid-column:6/span 7}}
.legal .body{grid-column:1/-1;max-width:68ch}
.legal h2{font-size:20px;letter-spacing:-.01em;margin:36px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{color:var(--fg-muted)}
.legal p+p{margin-top:12px}
.legal ul{padding-left:20px;margin:10px 0 0}
.legal li+li{margin-top:4px}
.legal strong{color:var(--fg);font-weight:500}
.legal address{font-style:normal;color:var(--fg)}
.back{display:inline-flex;align-items:center;min-height:44px;color:var(--fg-muted);text-decoration:none;font-size:15px;margin-bottom:24px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-property:color,background-color,opacity!important}.btn:active,.theme-toggle:active{transform:none}.theme-toggle .ic{transition:none}}