@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{--navy:#0d1528;--raised:#121d34;--ivory:#fbf4e8;--mist:#dde1ea;--muted:#aab2c1;--amber:#f5a420;--line:rgba(251,244,232,.16);--max:1320px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ivory);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--amber);color:var(--navy)}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);background:var(--amber);color:var(--navy);padding:.7rem 1rem;z-index:100}.skip-link:focus{transform:none}.site-header{height:78px;max-width:var(--max);margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand-mark{width:36px;height:34px;filter:brightness(0) invert(1)}.brand-word{width:133px;height:auto;filter:brightness(0) invert(1)}nav{display:flex;gap:30px;font-size:.82rem}nav a{text-decoration:none;color:var(--mist)}nav a:hover{color:var(--amber)}main,footer{max-width:var(--max);margin:auto}.hero{min-height:calc(100dvh - 78px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);align-items:center;padding:clamp(60px,8vw,110px) 34px;position:relative}.hero-copy{align-self:center;z-index:2}.hero h1{font-size:clamp(3.5rem,7.4vw,6rem);line-height:.96;letter-spacing:-.04em;font-weight:480;max-width:760px;margin:0}.hero-copy p{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--mist);margin:28px 0 30px;max-width:520px}.text-link,.product-link{display:inline-flex;gap:.65rem;align-items:center;color:var(--amber);font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span,.product-link span{transition:transform .2s ease}.text-link:hover span{transform:translateY(3px)}.product-link:hover span{transform:translate(3px,-3px)}.threshold{height:min(68vh,650px);position:relative;display:grid;place-items:center}.threshold img{width:min(100%,520px);filter:brightness(0) invert(1);position:relative;z-index:2;clip-path:inset(0 100% 0 0);animation:discover 1.4s cubic-bezier(.16,1,.3,1) .25s forwards}.threshold-glow{position:absolute;width:26%;aspect-ratio:1;background:var(--amber);filter:blur(100px);opacity:.13;left:32%;top:35%}.coordinate-line{position:absolute;left:0;right:0;top:72%;height:1px;background:linear-gradient(90deg,transparent,var(--amber) 26%,rgba(245,164,32,.08) 75%,transparent);transform:scaleX(0);transform-origin:left;animation:line-in 1.2s cubic-bezier(.16,1,.3,1) .7s forwards}.coordinate-label{position:absolute;right:0;top:calc(72% + 14px);font-size:.65rem;letter-spacing:.16em;color:var(--amber)}@keyframes discover{to{clip-path:inset(0)}}@keyframes line-in{to{transform:scaleX(1)}}.statement{padding:100px 34px 150px;border-top:1px solid var(--line)}.statement p{font-size:clamp(1.85rem,3.7vw,3.5rem);line-height:1.15;letter-spacing:-.035em;max-width:1100px;margin:0;color:var(--mist)}.statement strong{color:var(--ivory);font-weight:520}.products{padding:0 34px 160px}.section-title{font-size:clamp(3rem,6vw,5.6rem);font-weight:480;line-height:.98;letter-spacing:-.04em;margin:0 0 100px}.product{border-top:1px solid var(--line);min-height:570px;position:relative;padding:56px 0;overflow:hidden}.product h3{font-size:clamp(2.3rem,4.8vw,4.7rem);line-height:1.02;letter-spacing:-.04em;font-weight:480;margin:70px 0 24px;max-width:850px}.product p{color:var(--muted);max-width:630px;font-size:1.08rem;margin:0 0 32px}.product-identity{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.76rem;letter-spacing:.04em}.product-identity img{width:42px;height:42px;object-fit:contain}.product-datehog{display:grid;grid-template-columns:1fr 330px;gap:60px}.product-datehog .product-identity{grid-column:1/-1}.date-grid{align-self:center;border:1px solid var(--line);padding:28px;display:grid;background:var(--raised)}.date-grid span{font-size:.62rem;letter-spacing:.15em;color:var(--muted)}.date-grid b{font-size:8.5rem;line-height:1;font-weight:300;color:var(--amber);font-variant-numeric:tabular-nums}.date-grid small{color:var(--muted)}.product-mitsa{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.mitsa-orbit{height:430px;position:relative;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(245,164,32,.12),transparent 47%)}.mitsa-orbit:before,.mitsa-orbit:after{content:"";position:absolute;border:1px solid rgba(251,244,232,.18);width:68%;aspect-ratio:1;border-radius:50%}.mitsa-orbit:after{width:92%}.mitsa-orbit img{width:34%;position:relative;z-index:1}.product-mitsa h3{margin-top:52px}.product-hectofy{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.hectofy-logo{width:150px!important;height:45px!important}.signal-field{height:390px;border:1px solid var(--line);background:var(--raised);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.signal-field span{position:absolute;top:24px;font-size:.62rem;letter-spacing:.14em;color:var(--muted)}.signal-field strong{font-size:1.5rem;margin-bottom:24px}.signal-field i{display:block;height:1px;background:linear-gradient(90deg,var(--amber) var(--w,50%),rgba(251,244,232,.08) 0);margin:10px 0}.signal-field i:nth-of-type(1){--w:76%}.signal-field i:nth-of-type(2){--w:54%}.signal-field i:nth-of-type(3){--w:89%}.signal-field i:nth-of-type(4){--w:63%}.signal-field i:nth-of-type(5){--w:42%}.origin{border-top:1px solid var(--line);padding:145px 34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.origin-mark{height:420px;display:grid;place-items:center;background:var(--raised);overflow:hidden}.origin-mark img{width:82%;filter:brightness(0) invert(1)}.origin-copy h2,.closing h2{font-size:clamp(3rem,5vw,5.2rem);font-weight:480;line-height:1;letter-spacing:-.04em;margin:0 0 38px}.origin-copy p{color:var(--muted);max-width:650px;font-size:1.1rem}.origin-copy p:last-child{color:var(--ivory);font-size:1.35rem}.closing{border-top:1px solid var(--line);padding:160px 34px 150px}.closing h2{max-width:960px}.closing .text-link{font-size:1.15rem}footer{min-height:190px;padding:50px 34px;display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:end;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}footer img{width:145px;filter:brightness(0) invert(1)}footer p{margin:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:820px){.site-header{height:68px;padding:0 20px}.brand-word{width:112px}.brand-mark{width:30px}nav{gap:18px}nav a:nth-child(2){display:none}.hero{min-height:calc(100dvh - 68px);grid-template-columns:1fr;padding:56px 20px 24px}.hero h1{font-size:clamp(3.2rem,14vw,5rem)}.hero-copy p{max-width:330px}.threshold{height:36vh;min-height:260px}.threshold img{width:72%}.statement{padding:90px 20px 120px}.products{padding:0 20px 110px}.section-title{margin-bottom:65px}.product{min-height:0;padding:48px 0 70px}.product-datehog,.product-mitsa,.product-hectofy,.origin{grid-template-columns:1fr;gap:42px}.product-datehog .product-identity{grid-column:auto}.product h3{margin-top:48px}.date-grid{width:78%;justify-self:end;order:3}.mitsa-orbit{height:330px;order:2}.product-mitsa .product-copy{order:1}.signal-field{height:300px}.origin{padding:100px 20px}.origin-mark{height:310px;order:2}.closing{padding:110px 20px}.closing .text-link{font-size:.95rem}footer{padding:42px 20px;grid-template-columns:1fr;gap:14px;align-items:start}}
@media(max-width:480px){nav{gap:14px;font-size:.75rem}nav a:last-child{display:none}.brand-word{width:103px}.hero{padding-top:44px}.hero h1{font-size:3.45rem}.threshold{margin-top:12px}.product h3{font-size:2.65rem}.date-grid{width:92%}.date-grid b{font-size:7rem}.origin-copy h2,.closing h2{font-size:3rem}.product-identity span{max-width:220px}.hectofy-logo{width:130px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.threshold img{clip-path:none;animation:none}.coordinate-line{transform:none;animation:none}.reveal{opacity:1;transform:none;transition:none}.text-link span,.product-link span{transition:none}}

/* One authored motion moment: the Sector001 threshold resolving into depth. */
.threshold>img{display:none}.door-sequence{width:min(100%,520px);color:var(--ivory);fill:currentColor;position:relative;z-index:2;overflow:visible}.door{opacity:0;transform-box:fill-box;transform-origin:left center;animation:door-arrive .58s cubic-bezier(.16,1,.3,1) calc(.12s + var(--i) * .075s) forwards}.door-origin{transform:translateX(-16px)}.door-pair{transform:translateX(-11px) scaleY(1.045)}.coordinate-line{animation-duration:.7s;animation-delay:.82s}.coordinate-label{opacity:0;animation:label-in .4s ease-out 1s forwards}@keyframes door-arrive{to{opacity:1;transform:none}}@keyframes label-in{to{opacity:1}}
.reveal{opacity:1;transform:none;transition:none}.sector-coordinate{height:420px;background:var(--raised);position:relative;display:grid;place-items:center}.sector-coordinate .cube{width:48%;aspect-ratio:1;border:1px solid var(--ivory);position:relative;transform:rotate(45deg)}.sector-coordinate .cube:before,.sector-coordinate .cube:after{content:"";position:absolute;background:var(--line)}.sector-coordinate .cube:before{width:1px;height:141%;left:50%;top:-20.5%;transform:rotate(-45deg)}.sector-coordinate .cube:after{height:1px;width:141%;top:50%;left:-20.5%;transform:rotate(-45deg)}.sector-coordinate .sol{position:absolute;width:9px;height:9px;background:var(--amber);left:28%;top:66%}.sector-coordinate b{position:absolute;left:24px;top:22px;font-size:.66rem;letter-spacing:.14em;font-weight:600}.sector-coordinate small{position:absolute;right:22px;bottom:20px;color:var(--amber);letter-spacing:.14em}
@media(max-width:820px){.door-sequence{width:72%}.sector-coordinate{height:310px;order:2}}
@media(prefers-reduced-motion:reduce){.door{opacity:1;transform:none;animation:door-soften .25s ease-out both}.coordinate-label{opacity:1;animation:none}@keyframes door-soften{from{opacity:.72}to{opacity:1}}}

/* Truthful product diagrams and registered company footer. */
.date-grid ol{list-style:none;padding:28px 0 0;margin:0;counter-reset:steps}.date-grid li{counter-increment:steps;position:relative;padding:14px 0 14px 38px;border-top:1px solid var(--line);color:var(--ivory);font-size:.9rem}.date-grid li:before{content:"0" counter(steps);position:absolute;left:0;color:var(--amber);font-size:.68rem;letter-spacing:.08em}.signal-field{justify-content:center;gap:0}.signal-field>strong{font-size:1rem;font-weight:520;margin:0;padding:20px 0;border-top:1px solid var(--line);position:relative}.signal-field>strong:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;background:var(--amber);transform:translateY(-50%)}
footer{align-items:start}footer .footer-brand{display:flex;flex-direction:column;gap:18px}footer address{font-style:normal;line-height:1.75;color:var(--muted)}footer address strong{display:block;color:var(--ivory);font-weight:550;margin-bottom:8px}footer .footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}footer .footer-meta a{color:var(--ivory)}
@media(max-width:820px){footer .footer-meta{align-items:flex-start}footer address{margin-top:16px}}
