:root{--bg:#090b10;--surface:#11141b;--surface-2:#171b24;--text:#f4f5f7;--muted:#9aa1ae;--line:#262c38;--brand:#b8ff39;--accent:#7c5cff;--danger:#ff5d6c;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.32);color-scheme:dark}html[data-theme=light]{--bg:#f5f5f0;--surface:#fff;--surface-2:#ebece5;--text:#101218;--muted:#5f6570;--line:#d9dbd3;--shadow:0 20px 60px rgba(20,25,15,.1);color-scheme:light}@media(prefers-color-scheme:light){html[data-theme=auto]{--bg:#f5f5f0;--surface:#fff;--surface-2:#ebece5;--text:#101218;--muted:#5f6570;--line:#d9dbd3;--shadow:0 20px 60px rgba(20,25,15,.1);color-scheme:light}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:-30%;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 24%),radial-gradient(circle at 15% 70%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 22%);pointer-events:none;z-index:-2}a{color:inherit}button,input,textarea,select{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:var(--brand);color:#111;padding:10px 16px;z-index:99}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.33}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:1.3rem;font-weight:850;letter-spacing:-.05em}.brand b,.accent{color:var(--brand)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links>a{text-decoration:none;color:var(--muted);font-size:.9rem}.nav-links>a:hover,.nav-links>a:focus{color:var(--text)}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);width:42px;height:42px;border-radius:50%;cursor:pointer}.menu-toggle{display:none}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-block:80px}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:800;color:var(--brand);margin:0 0 20px}.hero h1{font-size:clamp(4rem,10vw,8.6rem);line-height:.8;letter-spacing:-.085em;margin:0 0 30px}.hero-slogan{font-size:clamp(1.1rem,2vw,1.55rem);max-width:730px;color:var(--text);margin:0 0 14px}.hero-description{max-width:650px;color:var(--muted);font-size:1rem}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{display:inline-flex;justify-content:center;text-decoration:none;background:var(--brand);color:#10130c;font-weight:800;padding:13px 22px;border-radius:999px;border:1px solid var(--brand);transition:.2s}.button:hover{transform:translateY(-3px)}.button.ghost{background:transparent;color:var(--text);border-color:var(--line)}.portrait-wrap{position:relative;justify-self:end}.portrait{display:block;width:min(390px,34vw);aspect-ratio:1;object-fit:cover;border-radius:42% 58% 55% 45%/50% 42% 58% 50%;filter:saturate(.9);box-shadow:var(--shadow);position:relative}.orbit{position:absolute;inset:-25px;border:1px solid var(--line);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brand);top:13%;left:10%;box-shadow:0 0 25px var(--brand)}.availability{position:absolute;bottom:-15px;left:-35px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:.75rem;box-shadow:var(--shadow)}.availability i{display:inline-block;width:7px;height:7px;background:var(--brand);border-radius:50%;margin-right:7px}.section{padding-block:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px;gap:30px}.section-heading h2,.contact h2{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1;margin:0;max-width:700px}.section-heading>p{color:var(--muted);max-width:370px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card,.post-card{background:color-mix(in srgb,var(--surface) 93%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:300px;transition:.25s;position:relative;overflow:hidden}.feature-card:hover,.post-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:var(--shadow)}.card-number{position:absolute;right:20px;top:17px;color:var(--muted);font-size:.72rem}.feature-icon{font-size:2rem;display:block;margin:36px 0 70px}.feature-card h3,.post-card h3{font-size:1.35rem;line-height:1.15;margin:0 0 12px}.feature-card p,.post-card p{color:var(--muted);font-size:.9rem}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card{min-height:270px;display:flex;flex-direction:column}.post-meta{font-size:.7rem!important;letter-spacing:.1em}.post-card h3 a{text-decoration:none}.text-link{margin-top:auto;text-decoration:none;font-weight:700;font-size:.85rem}.text-link span{color:var(--brand)}.contact{margin-block:80px;padding:80px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 10%,var(--surface)))}.contact>p:not(.eyebrow){color:var(--muted)}.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.social-row a{border:1px solid var(--line);border-radius:999px;padding:10px 15px;text-decoration:none}.social-row a span{color:var(--brand)}.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.article{padding-block:90px;max-width:820px}.article h1{font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:-.06em}.back-link{color:var(--muted)}.article-cover{width:100%;border-radius:var(--radius);margin:30px 0}.prose{font-size:1.12rem;line-height:1.9}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:40px;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:left;gap:50px}.portrait-wrap{justify-self:center}.portrait{width:min(420px,75vw)}.feature-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.contact{padding:50px 30px}}
@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.menu-toggle{display:block;position:relative}.menu-toggle span:not(.sr-only){display:block;width:18px;height:1px;background:currentColor;margin:5px auto}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.theme-toggle{align-self:center}.hero{padding-block:55px;min-height:auto}.hero h1{font-size:clamp(3.4rem,22vw,6rem)}.hero-actions{flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.section{padding-block:75px}.section-heading h2,.contact h2{font-size:2.7rem}.contact{margin-block:40px}.site-footer{flex-direction:column;gap:6px}.availability{left:-5px}}
/* Keep long identity names inside the copy column on desktop. */
@media(min-width:901px){.hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px}.hero-copy{min-width:0;position:relative;z-index:1}.hero h1{font-size:clamp(3.8rem,6.6vw,6.5rem);line-height:.82;letter-spacing:-.075em;white-space:nowrap;max-width:100%}}
/* Mobile hardening: prevent long identity text and portrait art from widening the viewport. */
html,body{max-width:100%;overflow-x:hidden}.shell,.hero-copy{min-width:0}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero h1{max-width:100%;overflow-wrap:anywhere}.portrait-wrap{max-width:100%}.portrait{max-width:100%;height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.nav{height:68px}.nav-links{top:68px}.hero{padding-block:30px 38px;gap:54px}.eyebrow{margin-bottom:13px}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem);line-height:.88;letter-spacing:-.065em;word-break:break-word;margin-bottom:20px}.hero-slogan{font-size:1rem;margin-bottom:9px}.hero-description{font-size:.92rem;margin-block:0}.hero-actions{width:100%;margin-top:24px;gap:9px}.button{width:100%;min-height:46px;align-items:center;padding-block:10px}.portrait-wrap{width:min(282px,76vw);margin-inline:auto}.portrait{width:100%;aspect-ratio:1}.orbit{inset:-10px}.availability{left:50%;bottom:-17px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);text-align:center;padding:8px 12px}.feature-grid{grid-template-columns:minmax(0,1fr);gap:10px}.feature-card{min-height:0;padding:20px}.feature-icon{margin:12px 0 20px}.feature-card h3,.post-card h3{margin-bottom:8px}.feature-card p,.post-card p{margin-block:0}.section{padding-block:44px}.section-heading{margin-bottom:24px;gap:12px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{margin-block:0}.section-heading h2,.contact h2{font-size:clamp(2.25rem,12vw,3rem)}.post-grid{gap:10px}.post-card{min-height:0;padding:20px}.post-meta{margin-bottom:12px!important}.text-link{margin-top:22px}.contact{margin-block:24px;padding:30px 22px;border-radius:24px}.contact h2{margin-bottom:12px}.contact>p:not(.eyebrow){margin-block:0}.social-row{display:grid;margin-top:24px}.social-row a{display:flex;justify-content:space-between;min-height:44px;align-items:center;padding-block:8px}.site-footer{padding-block:22px}}
@media(max-width:360px){.hero h1{font-size:2.65rem}.eyebrow{font-size:.64rem;letter-spacing:.14em}.portrait-wrap{width:78vw}.section-heading h2,.contact h2{font-size:2.15rem}}
/* Compact phone layout */
@media(max-width:620px){.hero{padding-block:24px 28px;gap:38px}.hero h1{margin-bottom:15px}.hero-slogan{line-height:1.45}.hero-description{line-height:1.55}.hero-actions{margin-top:18px}.portrait-wrap{width:min(230px,64vw)}.availability{font-size:.67rem}.section{padding-block:32px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:clamp(2rem,10.5vw,2.65rem)}.feature-grid{gap:8px}.feature-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:8px;padding:17px 18px;border-radius:17px}.feature-icon{margin:0;font-size:1.65rem;grid-column:1}.feature-card h3{grid-column:2;margin:0;font-size:1.12rem}.feature-card p{grid-column:1/-1;font-size:.84rem;line-height:1.5}.card-number{top:10px;right:13px}.post-card{padding:18px;min-height:0}.contact{padding:26px 20px;margin-block:18px}.contact h2{font-size:2.15rem}.site-footer{padding-block:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}