:root{--ink:#211c18;--ink-2:#57504a;--gray:#8c847c;--gray-2:#bdb5ad;--line:#f2ede7;--line-2:#e9e3dc;--bg:#fff;--bg-2:#f7f5f2;--bg-3:#f0ece7;--orange:#fb5a1a;--orange-2:#dd4a10;--orange-soft:#ffede4;--orange-line:#f9cdb4;--cyan:#00b8b8;--cyan-soft:#e0f7f6;--cyan-line:#b2e8e6;--navy:#131010;--navy-2:#1d1917;--pad:clamp(20px, 5vw, 80px);--wrap:1120px;--nav-h:64px;--dock-h:72px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-sm:12px;--r:20px;--r-lg:28px;--r-xl:36px;--sh-1:0 1px 4px #211c180d, 0 3px 12px #211c180d;--sh-2:0 2px 6px #211c180d, 0 6px 20px #211c1814;--sh-3:0 6px 24px #211c1814, 0 24px 64px #211c181f;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.4, .5, 1)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{padding-bottom:var(--dock-h);background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:-.017em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:450;line-height:1.7;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg,canvas{max-width:100%;display:block}p,h1,h2,h3,h4,figure,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #fb5a1a73}.kr{word-break:keep-all;overflow-wrap:break-word}.sec{padding:clamp(120px, 17vw, 260px) var(--pad)}.sec--tight{padding-block:clamp(90px,12vw,170px)}.sec--full{align-content:center;min-height:100svh;display:grid}.wrap{width:min(var(--wrap), 100%);margin-inline:auto}.wrap--narrow{width:min(880px,100%);margin-inline:auto}.center{text-align:center}.tone-gray{background:var(--bg-2)}.tone-gray3{background:var(--bg-3)}.tone-orange{background:var(--orange);color:#fff}.tone-orange-soft{background:var(--orange-soft)}.tone-cyan-soft{background:var(--cyan-soft)}.tone-dark,.tone-ink{background:var(--navy);color:#fff}.tone-ink .hero__title,.tone-ink .h1,.tone-ink .h2{color:#fff}.tone-ink .hero__lead{color:#ffffff9e}.tone-ink .lead{color:#ffffffad}.tone-ink .lead b{color:#fff}.tone-ink .chip{color:#ffffffd1;background:#201b18;border-color:#2c2622}.tone-ink .btn--ghost{color:#fff;background:#201b18;border:1px solid #2c2622}.tone-ink .mini{box-shadow:0 24px 70px #00000080}::selection{background:var(--orange);color:#fff}.tone-dark .muted,.tone-orange .muted,.tone-dark .eyebrow,.tone-orange .eyebrow{color:#ffffffb8}.tone-dark .eyebrow:before,.tone-orange .eyebrow:before{background:#fff}.eyebrow{letter-spacing:-.01em;color:var(--orange);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px}.eyebrow--plain:before{display:none}.h1{letter-spacing:-.055em;font-size:clamp(34px,5.8vw,72px);font-weight:800;line-height:1.14}.h2{letter-spacing:-.052em;font-size:clamp(27px,4.2vw,54px);font-weight:800;line-height:1.2}.h3{letter-spacing:-.032em;font-size:clamp(19px,1.9vw,25px);font-weight:750;line-height:1.44}.lead{color:var(--gray);letter-spacing:-.018em;margin-top:20px;font-size:clamp(16px,1.35vw,19px);line-height:1.82}.lead b,.lead strong{color:var(--ink);font-weight:700}.tone-dark .lead,.tone-orange .lead{color:#ffffffc7}.tone-dark .lead b,.tone-orange .lead b{color:#fff}.o{color:var(--orange)}.c{color:var(--cyan)}.small{font-size:14px;line-height:1.7}.mono{font-family:var(--mono);letter-spacing:.06em;font-size:12px}.head{max-width:22ch}.head--center{text-align:center;max-width:24ch;margin-inline:auto}.lead--center{text-align:center;max-width:46ch;margin-inline:auto}.btn{background:var(--ink);color:#fff;letter-spacing:-.02em;height:56px;transition:transform .28s var(--ease), background .28s var(--ease), box-shadow .28s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:16px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.btn--o{background:var(--orange);box-shadow:0 6px 20px #fb5a1a4d}.btn--o:hover{background:var(--orange-2);box-shadow:0 10px 28px #fb5a1a61}.btn--ghost{background:var(--bg-3);color:var(--ink)}.btn--ghost:hover{background:var(--line-2)}.btn--dim{color:#fff;background:#ffffff24}.btn--dim:hover{background:#fff3}.btn--light{color:var(--ink);background:#fff}.btn--outline-light{color:#fff;background:0 0;border:1px solid #fff6}.btn--white{color:var(--ink);background:#fff}.btn--white:hover{background:#fff}.actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.actions--center{justify-content:center}.tlink{color:var(--orange);letter-spacing:-.02em;align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.tlink i{transition:transform .3s var(--ease);font-style:normal}.tlink:hover i{transform:translate(4px)}.card{border-radius:var(--r-lg);box-shadow:var(--sh-1);background:#fff;padding:clamp(24px,3vw,38px)}.card--flat{box-shadow:none;border:1px solid var(--line)}.card--lift{transition:transform .35s var(--ease), box-shadow .35s var(--ease)}.card--lift:hover{box-shadow:var(--sh-2);transform:translateY(-6px)}.grid{gap:clamp(16px,2vw,24px);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,84px);display:grid}.split--copyfirst>:first-child{order:0}@media (max-width:900px){.grid-2,.grid-3,.split{grid-template-columns:minmax(0,1fr)}}[data-r]{opacity:0;filter:blur(14px);transition:opacity .72s var(--ease), transform 1.05s var(--ease), filter .62s var(--ease);transition-delay:var(--d,0s);will-change:transform, opacity, filter;transform:translateY(30px)scale(.988)}[data-r].on{opacity:1;filter:blur();will-change:auto;transform:none}[data-r=scale]{filter:blur(18px);transform:translateY(22px)scale(.955)}[data-r=fade]{filter:blur(9px);transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}[data-r]{opacity:1!important;transform:none!important}}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(.4deg)}}@keyframes floaty2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-13px)rotate(-.5deg)}}@keyframes floaty3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-a{animation:floaty 7s var(--ease) infinite}.float-b{animation:floaty2 9s var(--ease) infinite;animation-delay:-3s}.float-c{animation:floaty3 6s var(--ease) infinite;animation-delay:-1.6s}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,6%)scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5%,-4%)scale(1.08)}}.wash--drift1{animation:22s ease-in-out infinite drift1}.wash--drift2{animation:26s ease-in-out infinite drift2}@keyframes ping{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}.ping{position:relative}.ping:after{content:"";border-radius:inherit;background:var(--orange);animation:2.2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.sbar>i{background-image:linear-gradient(105deg, var(--orange) 40%, #ff9d70 50%, var(--orange) 60%);background-size:200% 100%;animation:2.6s linear infinite shimmer}@keyframes softpulse{0%,to{box-shadow:0 1px 4px #211c180d,0 3px 12px #211c180d}50%{box-shadow:0 2px 8px #fb5a1a1f,0 8px 28px #fb5a1a29}}.pulse-card{animation:5s ease-in-out infinite softpulse}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.65;transform:scale(.72)rotate(18deg)}}@keyframes twinkle2{0%,to{opacity:.5;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes typebounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing{align-items:center;gap:4px;padding:12px 15px;display:inline-flex}.typing i{background:var(--gray-2);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typebounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.float-a,.float-b,.float-c,.wash--drift1,.wash--drift2,.pulse-card,.ping:after,.sbar>i{animation:none!important}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sec,.gate,.tick,.veil{animation:linear both sceneIn,linear both sceneOut;animation-timeline:view(),view();animation-range:entry entry 62%,exit 24%}.dev,.showcase{animation:linear both productIn;animation-timeline:view();animation-range:entry 6% cover 42%}}}@keyframes sceneIn{0%{opacity:0;filter:blur(10px);transform:translateY(42px)scale(.985)}to{opacity:1;filter:blur();transform:none}}@keyframes sceneOut{0%{opacity:1;filter:blur();transform:none}to{opacity:.34;filter:blur(5px);transform:translateY(-26px)scale(.988)}}@keyframes productIn{0%{filter:blur(8px)saturate(.86);transform:translateY(66px)scale(.945)}to{filter:blur()saturate();transform:none}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.62s}::view-transition-old(root){animation:.42s cubic-bezier(.4,0,.2,1) both vtOut}::view-transition-new(root){animation:.62s cubic-bezier(.16,1,.3,1) both vtIn}@keyframes vtOut{to{opacity:0;filter:blur(6px);transform:scale(1.012)}}@keyframes vtIn{0%{opacity:0;filter:blur(10px);transform:scale(.988)translateY(12px)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.fxdefs{width:0;height:0;position:absolute;overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tone-dark,.tone-ink,.tone-orange,.tick,.veil,.gate{animation-name:sceneInSolid,sceneOutSolid}}}@keyframes sceneInSolid{0%{filter:brightness(.82)}to{filter:brightness()}}@keyframes sceneOutSolid{0%{filter:brightness()}to{filter:brightness(.72)}}.u-mt-1{margin-top:8px}.u-mt-2{margin-top:12px}.u-mt-3{margin-top:16px}.u-mt-4{margin-top:20px}.u-mt-5{margin-top:26px}.u-mt-6{margin-top:34px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.grid-3>*,.grid-2>*,.plist>*,.stats>*{animation:linear both pvRise;animation-timeline:view()}.grid-3>:first-child,.grid-2>:first-child,.plist>:nth-child(odd),.stats>:first-child{animation-range:entry cover 32%}.grid-3>:nth-child(2),.grid-2>:nth-child(2),.plist>:nth-child(2n),.stats>:nth-child(2){animation-range:entry 6% cover 40%}.grid-3>:nth-child(3),.stats>:nth-child(3){animation-range:entry 12% cover 48%}.split>:last-child{animation:linear both pvRiseSoft;animation-timeline:view();animation-range:entry cover 52%}}}@keyframes pvRise{0%{opacity:0;transform:translateY(54px)}to{opacity:1;transform:none}}@keyframes pvRiseSoft{0%{transform:translateY(64px)}to{transform:none}}:root{--ctl-sm:36px;--ctl-md:44px;--ctl-lg:52px;--ring:#00f9f88c;--ring-dark:#fb5a1a99;--muted-fg:#8c847c}:where(a,button,[role=button],input,textarea,select,summary):focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:inherit;outline:none}.tone-ink :where(a,button,[role=button]):focus-visible,.tone-dark :where(a,button,[role=button]):focus-visible,.gate :where(a,button):focus-visible,.spacepin :where(a,button):focus-visible{box-shadow:0 0 0 3px var(--ring-dark)}:where(.btn,.err__yes,.gate__adult,.pjfilter button,.track,.agate,.pj__card,.maker){transition-property:transform,background-color,border-color,color,box-shadow,opacity;transition-duration:.3s;transition-timing-function:var(--ease)}:where(.btn,.err__yes,.gate__adult,.pjfilter button)[aria-disabled=true],:where(.btn,.err__yes,.gate__adult,.pjfilter button):disabled{opacity:.5;pointer-events:none}.btn--sm{height:var(--ctl-sm);padding:0 16px;font-size:14px}.btn--lg{height:var(--ctl-lg);padding:0 30px;font-size:17px}.muted{color:var(--muted-fg)}
.nav{z-index:90;pointer-events:none;background:0 0;justify-content:center;align-items:flex-start;height:76px;display:flex;position:fixed;top:0;left:0;right:0}.nav__wrap{pointer-events:auto;width:100%;max-width:1552px;height:76px;padding:0 var(--pad);transition:max-width .6s cubic-bezier(.22, 1, .36, 1), background .3s var(--ease), border-radius .6s cubic-bezier(.22, 1, .36, 1), padding .6s cubic-bezier(.22, 1, .36, 1), height .6s cubic-bezier(.22, 1, .36, 1), margin-top .6s cubic-bezier(.22, 1, .36, 1), box-shadow .3s var(--ease);align-items:center;gap:28px;display:flex}.nav.scrolled .nav__wrap{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#0e0d0cc7;border-radius:999px;max-width:880px;height:58px;margin-top:10px;padding:0 24px;box-shadow:0 8px 32px #00000073,inset 0 0 0 .5px #ffffff14}.nav__logo{flex:none;align-items:center;display:inline-flex}.nav__logo img{width:auto;height:21px;display:block}.ft__logo{opacity:.9;width:128px;height:auto;margin-bottom:clamp(30px,4vw,48px)}.nav__links{gap:clamp(16px,2vw,26px);margin-left:auto;display:flex}.nav__links a{color:#ffffffa3;letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:600;transition:color .2s}.nav__links a:hover{color:#fff}.nav__right{flex:none;align-items:center;gap:14px;margin-left:0;display:flex}.nav__login{color:#ffffff8c;font-size:14px;font-weight:600}.nav__login:hover{color:#fff}.nav__burger{border-radius:12px;width:40px;height:40px;display:none;position:relative}.nav__burger span{background:var(--ink);height:2px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;left:11px;right:11px}.nav__burger span:first-child{top:15px}.nav__burger span:nth-child(2){bottom:15px}.nav.open .nav__burger span:first-child{transform:translateY(4px)rotate(45deg)}.nav.open .nav__burger span:nth-child(2){transform:translateY(-4px)rotate(-45deg)}.sheet{inset:var(--nav-h) 0 0;z-index:89;padding:28px var(--pad);background:#fff;flex-direction:column;gap:2px;display:none;position:fixed}.sheet.open{display:flex}.sheet a{letter-spacing:-.035em;border-bottom:1px solid var(--line);padding:14px 0;font-size:24px;font-weight:750}.sheet .small{color:var(--gray);margin-top:24px}@media (max-width:1000px){.nav__links,.nav__login{display:none}.nav__burger{display:block}}.hero{padding:calc(var(--nav-h) + clamp(48px, 8vh, 90px)) var(--pad) clamp(60px, 9vh, 110px);overflow:hidden}.hero__dots{width:min(560px,86vw);height:auto;margin:0 auto clamp(26px,3.6vh,44px)}.hero__title{letter-spacing:-.055em;font-size:clamp(38px,6.8vw,86px);font-weight:800;line-height:1.08}.hero__lead{max-width:40ch;color:var(--gray);margin:22px auto 0;font-size:clamp(16px,1.4vw,19.5px);line-height:1.85}.hero__note{color:var(--gray-2);margin-top:26px;font-size:14px}.hero__strip{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(48px,7vh,84px);display:flex}.chip{background:var(--bg-2);height:40px;color:var(--ink-2);letter-spacing:-.02em;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14.5px;font-weight:650;display:inline-flex}.chip i{background:var(--orange);border-radius:50%;width:7px;height:7px}.chip--c i{background:var(--cyan)}.chip--g i{background:var(--gray-2)}.qcard{gap:18px;display:grid}.qcard__art{border-radius:var(--r);background:var(--bg-2);aspect-ratio:4/3;place-items:center;display:grid;overflow:hidden}.tone-gray .qcard__art{background:#fff}.qcard__art svg{width:82%;height:auto}.qcard h3{letter-spacing:-.03em;font-size:clamp(17px,1.6vw,21px);font-weight:750;line-height:1.45}.qcard p{color:var(--gray);margin-top:8px;font-size:15px;line-height:1.72}.qcard__eq{background:var(--orange-soft);font-family:var(--mono);color:var(--orange-2);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.flow{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:12px;display:grid}@media (max-width:980px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.flow{grid-template-columns:minmax(0,1fr)}}.flow__item{border-radius:var(--r);box-shadow:var(--sh-1);background:#fff;padding:24px 22px 26px;position:relative}.tone-gray .flow__item{background:#fff}.flow__no{background:var(--orange-soft);width:30px;height:30px;color:var(--orange-2);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.flow__item h4{letter-spacing:-.03em;margin-top:14px;font-size:17px;font-weight:750}.flow__item p{color:var(--gray);margin-top:6px;font-size:14.5px;line-height:1.7}.flow--num .flow__no{background:var(--cyan-soft);color:#058a8a}.stats{flex-wrap:wrap;justify-content:center;gap:clamp(28px,6vw,90px);margin-top:clamp(40px,6vh,70px);display:flex}.stat{text-align:center}.stat dt{color:#fff9;font-size:14px;font-weight:650}.stat dd{letter-spacing:-.05em;margin-top:8px;font-size:clamp(46px,7vw,88px);font-weight:800;line-height:1}.stat dd.o{color:#ff8a5c}.prod{border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fff;gap:14px;padding:26px 24px 28px;display:grid}.prod:hover{box-shadow:var(--sh-2);transform:translateY(-6px)}.prod__ico{width:52px;height:52px}.prod__ico svg{border-radius:16px;width:52px;height:52px;box-shadow:0 4px 12px #05070a1f}.prod h4{letter-spacing:-.03em;font-size:17.5px;font-weight:800}.prod h4 span{color:var(--gray-2);letter-spacing:-.01em;margin-top:3px;font-size:13px;font-weight:600;display:block}.prod p{color:var(--gray);font-size:14.5px;line-height:1.7}.mock{border-radius:var(--r-lg);box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;overflow:hidden}.mock__bar{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:8px;padding:13px 18px;display:flex}.mock__bar i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.mock__bar i:first-child{background:#ff6058}.mock__bar i:nth-child(2){background:#ffbe2f}.mock__bar i:nth-child(3){background:#29c840}.mock__url{border:1px solid var(--line);height:26px;font-family:var(--mono);color:var(--gray-2);background:#fff;border-radius:8px;flex:1;align-items:center;margin-left:10px;padding:0 10px;font-size:11px;display:flex}.mock__body{grid-template-columns:148px 1fr;min-height:300px;display:grid}.mock__side{border-right:1px solid var(--line);background:var(--bg-2);padding:14px 0}.mock__side span{color:var(--gray);border-radius:10px;margin:2px 10px;padding:9px 12px;font-size:13.5px;font-weight:600;display:block}.mock__side span.on{color:var(--ink);box-shadow:var(--sh-1);background:#fff}.mock__main{padding:22px}@media (max-width:620px){.mock__body{grid-template-columns:1fr}.mock__side{display:none}}.phone{width:min(280px,78vw);box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;border-radius:38px;margin-inline:auto;padding:10px}.phone__in{background:var(--bg-2);border-radius:30px;padding-bottom:14px;overflow:hidden}.phone__top{color:var(--gray-2);justify-content:space-between;padding:14px 18px 10px;font-size:12px;font-weight:700;display:flex}.push{box-shadow:var(--sh-1);background:#fff;border-radius:18px;margin:8px 10px 0;padding:14px 16px}.push--o{background:var(--orange-soft);box-shadow:none}.push small{color:var(--orange);justify-content:space-between;font-size:11.5px;font-weight:700;display:flex}.push b{letter-spacing:-.028em;margin-top:7px;font-size:14.5px;font-weight:750;line-height:1.45;display:block}.push p{color:var(--gray);margin-top:5px;font-size:13px;line-height:1.65}.prow{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin:8px 10px 0;padding:13px 16px;font-size:13.5px;display:flex}.prow b{font-weight:700}.prow i{color:var(--cyan);font-size:12px;font-style:normal;font-weight:700}.chat{gap:10px;display:grid}.chat p{letter-spacing:-.02em;border-radius:20px;width:fit-content;max-width:88%;padding:13px 17px;font-size:15px;line-height:1.65}.chat p.me{background:var(--ink);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.chat p.ai{box-shadow:var(--sh-1);background:#fff;border-bottom-left-radius:6px}.tone-cyan-soft .chat p.ai{background:#fff}.chat p.ai b{color:var(--cyan);letter-spacing:0;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.sheetdoc{border-radius:var(--r-lg);box-shadow:var(--sh-2);background:#fff;padding:clamp(24px,3vw,34px);position:relative}.sheetdoc__meta{color:var(--gray-2);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.sheetdoc h4{letter-spacing:-.035em;margin-top:14px;font-size:21px;font-weight:800}.sheetdoc__q{background:var(--cyan-soft);color:var(--ink-2);border-radius:16px;margin-top:14px;padding:15px 17px;font-size:14.5px;line-height:1.7}.sheetdoc__q b{color:#058a8a}.sheetdoc__rows{gap:11px;margin-top:16px;display:grid}.sheetdoc__rows div{grid-template-columns:82px 1fr;gap:12px;font-size:14px;line-height:1.65;display:grid}.sheetdoc__rows i{color:var(--gray-2);font-size:12.5px;font-style:normal;font-weight:700}.stamp{background:var(--orange);color:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:20px;padding:9px 15px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #fb5a1a59}.dcard{border-radius:var(--r-lg);box-shadow:var(--sh-2);background:#fff;overflow:hidden}.dcard__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dcard__top b{letter-spacing:-.03em;font-size:17px;font-weight:800}.dcard__top span{color:var(--gray-2);font-size:12.5px;font-weight:700}.dcard__rows{padding:8px 24px 22px}.dcard__rows>div{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr;gap:14px;padding:13px 0;font-size:14.5px;line-height:1.6;display:grid}.dcard__rows>div:last-child{border-bottom:0}.dcard__rows i{color:var(--gray-2);font-size:12.5px;font-style:normal;font-weight:700}.dcard__rows .hi{color:var(--orange)}.dalert{background:var(--orange-soft);border-radius:16px;margin:4px 24px 22px;padding:16px 18px;font-size:14.5px;line-height:1.7}.dalert small{color:var(--orange);margin-bottom:6px;font-size:12.5px;font-weight:800;display:block}.plist{gap:12px;display:grid}.prow2{border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);background:#fff;grid-template-columns:62px minmax(0,1fr) minmax(0,1.15fr) 28px;align-items:center;gap:clamp(14px,3vw,36px);padding:clamp(22px,3vw,32px) clamp(22px,3vw,34px);display:grid}.prow2:hover{box-shadow:var(--sh-2);transform:translateY(-4px)}.prow2__no{color:var(--orange);font-size:15px;font-weight:800}.prow2__nm small{color:var(--gray-2);font-size:13px;font-weight:650;display:block}.prow2__nm h3{letter-spacing:-.035em;margin-top:4px;font-size:clamp(20px,2.3vw,28px);font-weight:800}.prow2__ds{color:var(--gray);font-size:15px;line-height:1.72}.prow2__ar{color:var(--gray-2);transition:transform .3s var(--ease), color .3s;font-size:20px}.prow2:hover .prow2__ar{color:var(--orange);transform:translate(4px)}@media (max-width:800px){.prow2{grid-template-columns:46px 1fr 22px}.prow2__ds{display:none}}.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.mq+.mq{margin-top:14px}.mq__track{width:max-content;animation:mq var(--dur,70s) linear infinite;gap:14px;display:flex}.mq--rev .mq__track{animation-direction:reverse}.mq:hover .mq__track{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.rcard{border-radius:var(--r-lg);width:min(430px,84vw);min-height:188px;box-shadow:var(--sh-1);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#fff;flex-direction:column;justify-content:space-between;gap:22px;padding:28px 30px;display:flex}.rcard:hover{box-shadow:var(--sh-2);transform:translateY(-4px)}.rcard q{quotes:none;letter-spacing:-.025em;word-break:keep-all;font-size:16.5px;font-weight:550;line-height:1.68}.rcard footer{color:var(--gray-2);justify-content:space-between;font-size:13px;display:flex}.rcard footer b{color:var(--ink-2);font-weight:700}@media (prefers-reduced-motion:reduce){.mq__track{flex-wrap:wrap;width:auto;animation:none}}.lab{border-radius:var(--r-lg);box-shadow:var(--sh-2);background:#fff;overflow:hidden}.tone-gray .lab{background:#fff}.lab__bar{border-bottom:1px solid var(--line);color:var(--gray);justify-content:space-between;align-items:center;padding:15px 22px;font-size:13px;font-weight:700;display:flex}.lab__bar em{color:var(--cyan);align-items:center;gap:6px;font-style:normal;display:inline-flex}.lab__bar em:before{content:"";background:var(--cyan);border-radius:50%;width:7px;height:7px}.lab__body{padding:clamp(20px,2.4vw,28px)}.lab__ctrls{gap:15px;margin-top:18px;display:grid}.lab__ctrls label{color:var(--ink-2);grid-template-columns:78px 1fr 54px;align-items:center;gap:14px;font-size:14px;font-weight:650;display:grid}.lab__ctrls output{text-align:right;color:var(--orange);font-size:13.5px;font-weight:700}input[type=range]{appearance:none;background:var(--bg-3);border-radius:999px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--orange);width:22px;height:22px;box-shadow:var(--sh-1);cursor:pointer;background:#fff;border-radius:50%}input[type=range]::-moz-range-thumb{border:2px solid var(--orange);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px}.lab__out{background:var(--bg-2);color:var(--ink-2);border-radius:16px;margin-top:18px;padding:15px 18px;font-size:14.5px;line-height:1.72}.lab__out b{font-weight:750}.lab__out .warn{color:var(--orange);font-weight:750}.pick{flex-wrap:wrap;gap:8px;display:flex}.pick button{background:var(--bg-2);height:40px;color:var(--gray);transition:all .25s var(--ease);border-radius:999px;padding:0 15px;font-size:14px;font-weight:650}.pick button.on{background:var(--cyan);color:#fff}.loop{width:min(400px,84vw);margin-inline:auto}.loop text{font-family:var(--font);font-weight:750}.veil{padding:clamp(160px, 30vh, 340px) var(--pad);background:var(--navy);place-items:center;display:grid;position:relative;overflow:hidden}.veil__w{letter-spacing:-.05em;color:#ffffffd1;font-size:clamp(64px,15vw,210px);font-weight:800;line-height:1}.veil__g{-webkit-backdrop-filter:blur(14px);background:linear-gradient(105deg,#16181d80,#16181d0d 46%,#16181d8c);position:absolute;inset:0}.veil__m{color:#ffffff80;gap:22px;margin-top:26px;font-size:13.5px;font-weight:650;display:flex;position:relative}.veil__m i{color:#ff8a5c;font-style:normal}.ft{padding:clamp(60px, 8vw, 100px) var(--pad) 40px;background:var(--bg-2)}.ft__grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(24px,4vw,52px);display:grid}.ft__grid b{color:var(--ink);margin-bottom:14px;font-size:13px;font-weight:800;display:block}.ft__grid p,.ft__grid a{color:var(--gray);font-size:14.5px;line-height:1.95;display:block}.ft__grid a:hover{color:var(--orange)}.ft__btm{border-top:1px solid var(--line-2);color:var(--gray-2);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:clamp(36px,5vw,60px);padding-top:24px;font-size:13px;display:flex}.dock{z-index:95;width:min(660px,100vw - 20px);position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.dock__bar{height:58px;box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;border-radius:999px;grid-template-columns:40px auto minmax(0,1fr) 40px;align-items:center;gap:10px;padding:8px;display:grid}.dock__orb{background:linear-gradient(140deg, #4fe0e0, var(--cyan));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.dock__lb{letter-spacing:-.025em;white-space:nowrap;font-size:14px;font-weight:750}.dock__lb small{color:var(--gray-2);font-size:11.5px;font-weight:550;display:block}.dock__in{background:0 0;border:0;outline:0;min-width:0;height:100%;font-size:15px}.dock__in::placeholder{color:var(--gray-2)}.dock__go{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;transition:background .25s;display:grid}.dock__go:hover{background:var(--orange)}.dock__go:disabled{opacity:.3}.dock__panel{border-radius:var(--r-lg);box-shadow:var(--sh-3);border:1px solid var(--line);animation:up .3s var(--ease);background:#fff;position:absolute;bottom:68px;left:0;right:0;overflow:hidden}@keyframes up{0%{opacity:0;transform:translateY(14px)}}.dock__hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dock__hd b{font-size:15px;font-weight:800}.dock__hd-spark{width:22px;height:22px}.dock__hd-spark .s1{transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}.dock__hd small{color:var(--gray-2);font-size:12px;display:block}.dock__hd button{color:var(--gray-2);font-size:20px}.dot-live{background:#29c840;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dock__log{background:var(--bg-2);flex-direction:column;gap:9px;min-height:140px;max-height:44svh;padding:18px;display:flex;overflow-y:auto}.dock__log p{white-space:pre-line;border-radius:18px;width:fit-content;max-width:86%;padding:12px 16px;font-size:14.5px;line-height:1.65}.dock__log p.bot{box-shadow:var(--sh-1);background:#fff;border-bottom-left-radius:5px}.dock__log p.me{background:var(--ink);color:#fff;border-bottom-right-radius:5px;margin-left:auto}.dock__log p.wait{color:var(--gray-2)}.dock__qk{scrollbar-width:none;gap:8px;padding:14px 18px 6px;display:flex;overflow-x:auto}.dock__qk::-webkit-scrollbar{display:none}.dock__qk button{background:var(--bg-2);height:36px;color:var(--ink-2);border-radius:999px;flex:none;padding:0 14px;font-size:13.5px;font-weight:650}.dock__qk button:hover{background:var(--bg-3)}.dock__ft{color:var(--gray-2);padding:12px 18px 16px;font-size:13px;display:block}.dock__ft a{color:var(--cyan);font-weight:700}@media (max-width:620px){.dock__bar{grid-template-columns:40px minmax(0,1fr) 40px}.dock__lb{display:none}}.wash{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.wash--o{background:#fb5a1a29}.wash--c{background:#00b8b824}.rel{position:relative}.rel>.wrap,.rel>.wrap--narrow{z-index:1;position:relative}.showcase{height:clamp(360px,50vw,600px);margin-top:clamp(44px,7vh,86px);position:relative}.showcase__mid{z-index:2;width:min(620px,60%);position:absolute;top:0;left:46%;transform:translate(-50%)}.showcase__l,.showcase__r{z-index:3;position:absolute}.showcase__l{z-index:3;width:min(260px,23%);top:40%;left:1%}.showcase__r{z-index:3;width:min(252px,22%);top:6%;right:0}.showcase .mock__body{grid-template-columns:118px 1fr;min-height:210px}.showcase .mock__side span{margin-inline:7px;padding:7px 10px;font-size:12px}.showcase .mock__main{padding:16px}.showcase .mock__stat{padding:10px 11px}.showcase .mock__stat b{font-size:16px}.showcase .app-screen{font-size:13px}.showcase .acard{padding:12px 13px}.showcase .acard__big strong{font-size:17px}.showcase .qgrid{padding:12px 5px}.showcase .qgrid span{font-size:9px}.showcase .qgrid svg{width:26px;height:26px}.showcase .iphone{border-radius:40px;width:100%;padding:9px}.showcase .iphone:before{border-radius:36px}.showcase .iphone__screen{border-radius:31px}.showcase .iphone__island{width:68px;height:20px;top:7px}.showcase .iphone__status{padding:9px 18px 0;font-size:10.5px}.showcase .phone__in{border-radius:24px}.mini{border-radius:var(--r);box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;padding:18px 20px}.mini small{color:var(--gray-2);font-size:11.5px;font-weight:700}.mini b{letter-spacing:-.03em;margin-top:8px;font-size:15px;font-weight:750;line-height:1.45;display:block}.mini p{color:var(--gray);margin-top:6px;font-size:12.5px;line-height:1.6}.mini__badge{background:var(--orange);color:#fff;border-radius:999px;align-items:center;gap:5px;margin-top:12px;padding:6px 11px;font-size:11.5px;font-weight:800;display:inline-flex}@media (max-width:860px){.showcase{gap:16px;height:auto;display:grid}.showcase__mid,.showcase__l,.showcase__r{width:100%;position:static;transform:none}.showcase__r{width:min(240px,62%);margin-inline:auto}.showcase__l{display:none}}.story{position:relative}.story__pin{top:var(--nav-h);height:calc(100svh - var(--nav-h));padding:0 var(--pad);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(30px,5vw,80px);display:grid;position:sticky}.story__inner{width:min(var(--wrap), 100%);margin-inline:auto;display:contents}.story__steps{gap:2px;margin-top:26px;display:grid}.story__step{text-align:left;width:100%;transition:background .4s var(--ease), color .4s var(--ease);color:var(--gray-2);border-radius:14px;grid-template-columns:34px 1fr;align-items:baseline;gap:14px;padding:13px 16px;display:grid}.story__step b{font-size:13px;font-weight:800}.story__step span{letter-spacing:-.025em;font-size:15.5px;font-weight:650;line-height:1.6}.story__step.on{color:var(--ink);box-shadow:var(--sh-1);background:#fff}.story__step.on b{color:var(--orange)}.story__stage{place-items:center;height:min(62vh,520px);display:grid;position:relative}.story__frame{opacity:0;width:100%;max-width:460px;transition:opacity .5s var(--ease), transform .5s var(--ease);pointer-events:none;grid-area:1/1;transform:translateY(20px)scale(.97)}.story__frame.on{opacity:1;pointer-events:auto;transform:none}.story__bar{gap:6px;margin-top:22px;display:flex}.story__bar i{background:var(--line-2);border-radius:2px;flex:1;height:3px;overflow:hidden}.story__bar i.on{background:var(--orange)}@media (max-width:900px){.story{height:auto!important}.story__pin{grid-template-columns:1fr;height:auto;padding-block:clamp(60px,9vw,90px);position:static}.story__stage{height:auto;margin-top:28px}.story__frame{opacity:1;grid-area:auto;transform:none}.story__frame+.story__frame{margin-top:20px}.story__step{color:var(--ink)}.story__bar{display:none}}.sticker{background:var(--orange-soft);color:var(--orange-2);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:750;display:inline-flex}.sticker--c{background:var(--cyan-soft);color:#058a8a}.sticker--d{color:#fff;background:#ffffff24}.scard{border-radius:var(--r);box-shadow:var(--sh-2);border:1px solid var(--line);background:#fff;overflow:hidden}.scard__hd{border-bottom:1px solid var(--line);color:var(--gray);justify-content:space-between;align-items:center;padding:13px 18px;font-size:12.5px;font-weight:700;display:flex}.scard__bd{padding:20px 22px 22px}.srow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;font-size:14.5px;display:flex}.srow:last-child{border-bottom:0}.srow em{color:var(--cyan);margin-left:auto;font-size:12.5px;font-style:normal;font-weight:750}.sdot{background:var(--orange);border-radius:50%;flex:none;width:8px;height:8px}.sbar{background:var(--bg-3);border-radius:999px;height:8px;overflow:hidden}.sbar>i{background:var(--orange);border-radius:999px;height:100%;display:block}.app-screen{background:var(--bg-2);border-radius:30px;overflow:hidden}.app-hd{align-items:center;gap:9px;padding:14px 16px 10px;display:flex}.app-hd__av{background:linear-gradient(140deg, var(--orange), #ff8a5c);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.app-hd__t{letter-spacing:-.03em;font-size:14px;font-weight:800}.app-hd__t small{color:var(--gray-2);letter-spacing:-.01em;font-size:11px;font-weight:600;display:block}.app-hd__ic{color:var(--gray-2);gap:8px;margin-left:auto;display:flex}.app-hd__ic i{background:var(--bg-3);border-radius:6px;width:18px;height:18px;display:block;position:relative}.app-hd__ic i:after{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.acard{background:#fff;border-radius:18px;margin:8px 10px 0;padding:15px 16px;box-shadow:0 1px 3px #05070a0d}.acard--o{background:linear-gradient(135deg,#fff4ef,#ffe8de)}.acard--c{background:var(--cyan-soft)}.acard__hd{justify-content:space-between;align-items:baseline;display:flex}.acard__hd b{color:var(--gray);font-size:12.5px;font-weight:750}.acard__hd span{color:var(--gray-2);font-size:11.5px;font-weight:650}.acard__big{align-items:baseline;gap:8px;margin-top:7px;display:flex}.acard__big strong{letter-spacing:-.045em;font-size:24px;font-weight:800}.acard__big em{color:var(--orange);font-size:13px;font-style:normal;font-weight:750}.acard__big em.up{color:#16a34a}.acard p{color:var(--gray);margin-top:6px;font-size:12.5px;line-height:1.6}.acard__foot{border-top:1px solid var(--line);gap:0;margin-top:12px;padding-top:11px;display:flex}.acard__foot span{text-align:center;color:var(--gray);border-right:1px solid var(--line);flex:1;font-size:11.5px;font-weight:700}.acard__foot span:last-child{border-right:0}.qgrid{background:#fff;border-radius:18px;grid-template-columns:repeat(5,1fr);gap:4px 0;margin:8px 10px 0;padding:15px 8px;display:grid;box-shadow:0 1px 3px #05070a0d}.qgrid button,.qgrid span{color:var(--ink-2);letter-spacing:-.02em;justify-items:center;gap:6px;font-size:10.5px;font-weight:650;display:grid}.qgrid svg{border-radius:10px;width:30px;height:30px}.qgrid i{border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;display:grid}.abanner{background:linear-gradient(100deg, var(--orange), #ff7a4d);color:#fff;border-radius:18px;align-items:center;gap:12px;margin:8px 10px 0;padding:13px 15px;display:flex}.abanner b{letter-spacing:-.03em;font-size:13px;font-weight:800;line-height:1.4}.abanner small{opacity:.85;margin-top:3px;font-size:11px;font-weight:600;display:block}.abanner span{margin-left:auto;font-size:18px}.alist{background:#fff;border-radius:18px;margin:8px 10px 0;padding:6px 16px;box-shadow:0 1px 3px #05070a0d}.alist>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}.alist>div:last-child{border-bottom:0}.alist__ic{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.alist__tx{min-width:0}.alist__tx b{letter-spacing:-.028em;font-size:13px;font-weight:700;display:block}.alist__tx small{color:var(--gray-2);margin-top:2px;font-size:11.5px;display:block}.alist__vl{text-align:right;margin-left:auto;font-size:13px;font-weight:750}.alist__vl small{color:var(--cyan);font-size:11px;font-weight:700;display:block}.bnav{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);margin-top:12px;padding:9px 4px 4px;display:grid}.bnav span{color:var(--gray-2);justify-items:center;gap:4px;font-size:10px;font-weight:700;display:grid}.bnav span.on{color:var(--orange)}.bnav i{opacity:.85;background:currentColor;border-radius:6px;width:18px;height:18px;display:block}.bnav{grid-template-columns:repeat(5,1fr)}.bnav__spark svg{width:20px;height:20px}.bnav__spark .s1{transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}.mock__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mock__stat{background:var(--bg-2);border-radius:14px;padding:13px 14px}.mock__stat small{color:var(--gray-2);font-size:11.5px;font-weight:650;display:block}.mock__stat b{letter-spacing:-.04em;margin-top:5px;font-size:19px;font-weight:800;display:block}.mock__stat b em{color:var(--cyan);margin-left:4px;font-size:12px;font-style:normal}.tag{border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 10px;font-size:11.5px;font-weight:750;display:inline-flex}.tag--o{background:var(--orange-soft);color:var(--orange-2)}.tag--c{background:var(--cyan-soft);color:#058a8a}.tag--g{background:var(--bg-3);color:var(--gray)}.iphone{background:linear-gradient(145deg,#4b4846 0%,#262322 20%,#171514 48%,#3a3735 74%,#201d1c 100%);border-radius:47px;width:min(300px,80vw);margin-inline:auto;padding:11px;position:relative;box-shadow:0 2px 5px #211c182e,0 24px 60px #211c1838,0 60px 120px #211c1824}.iphone:before{content:"";z-index:0;background:#14110e;border-radius:43px;position:absolute;inset:4px}.iphone:after{content:"";background:linear-gradient(90deg,#4a4644,#2a2725);border-radius:2px;width:3px;height:58px;position:absolute;top:116px;left:-2.5px;box-shadow:0 -46px #3a3735,0 -46px #3a3735,210px -22px #857f78}.iphone__screen{z-index:1;background:var(--bg-2);border-radius:37px;position:relative;overflow:hidden}.iphone__island{z-index:6;background:#0a0908;border-radius:14px;width:86px;height:25px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.iphone__island:after{content:"";background:radial-gradient(circle at 34% 30%,#3a4a56 12%,#10151a 55%);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.iphone__status{color:var(--ink);justify-content:space-between;padding:13px 24px 2px;font-size:12.5px;font-weight:750;display:flex}.iphone__glare{z-index:5;pointer-events:none;background:linear-gradient(118deg,#fff3 0%,#ffffff0d 22%,#0000 40%);border-radius:37px;position:absolute;inset:0}.iphone__home{z-index:6;background:#211c18cc;border-radius:3px;width:108px;height:4.5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.macbook{width:100%;position:relative}.macbook__lid{background:linear-gradient(#e8e4df,#c9c4be);border-radius:18px 18px 0 0;margin-inline:5.4%;padding:12px 12px 0;position:relative;box-shadow:inset 0 -1px 3px #211c181f}.macbook__lid:before{content:"";z-index:3;background:radial-gradient(circle at 35% 30%,#4a545e 15%,#15181c 60%);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.macbook__screen{background:#fff;border:1px solid #b9b3ac;border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden}.macbook__screen .mock{box-shadow:none;border:0;border-radius:0}.macbook__glare{pointer-events:none;background:linear-gradient(112deg,#ffffff29 0%,#0000 34%);border-radius:10px 10px 0 0;position:absolute;inset:12px 12px 0}.macbook__deck{background:linear-gradient(#f2efeb 0%,#d8d3cd 46%,#a7a19a 100%);border-radius:2px 2px 12px 12px;height:15px;position:relative;box-shadow:0 14px 34px #211c1833,0 30px 70px #211c1824}.macbook__deck:before{content:"";background:linear-gradient(#b6b0a9,#d8d3cd);border-radius:0 0 9px 9px;width:13%;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.secchip{background:var(--navy);border:1px solid var(--navy);color:#fff;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.secchip svg{border-radius:8px;width:26px;height:26px}.secchip--bare{padding:7px 14px}.tone-dark .secchip{color:#fff;box-shadow:none;background:#ffffff14;border-color:#ffffff24}.tone-orange .secchip{color:#fff;box-shadow:none;background:#ffffff29;border-color:#fff3}.dock{width:min(430px,100vw - 24px)}.dock__bar{border:1px solid var(--line-2);border-radius:999px;grid-template-columns:34px minmax(0,1fr) 34px;height:50px;padding:7px 8px;box-shadow:0 4px 14px #211c181a,0 14px 40px #211c181f}.dock__spark{place-items:center;width:34px;height:34px;display:grid;position:relative}.dock__spark svg{width:24px;height:24px}.dock__spark .s1{transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}.dock__spark .s2{transform-origin:50%;animation:2.6s ease-in-out .5s infinite twinkle2}.dock__in{font-size:14px;font-weight:550}.dock__in::placeholder{color:var(--gray);font-weight:600}.dock__go{background:var(--ink);width:34px;height:34px;font-size:14px}.dock__panel{bottom:60px}@media (max-width:620px){.dock__bar{grid-template-columns:34px minmax(0,1fr) 34px}}.nav__bell{background:var(--orange);border-radius:50%;width:8px;height:8px;position:relative}.g3d{filter:drop-shadow(0 16px 36px #211c1829);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.g3d--float{animation:5.5s ease-in-out infinite floaty}.g3d--float2{animation:6.5s ease-in-out infinite floaty2}.g3d--float3{animation:7s ease-in-out infinite floaty3}.g3d--tl{transform:rotate(-5deg)}.g3d--tr{transform:rotate(4deg)}.g3dwrap{place-items:center;display:grid;position:relative}.g3dwrap--hero{padding:clamp(8px,2vw,24px)}.g3d-badge{pointer-events:none;z-index:3;filter:drop-shadow(0 10px 24px #211c1833);width:clamp(88px,12vw,150px);position:absolute}@media (prefers-reduced-motion:reduce){.g3d--float,.g3d--float2,.g3d--float3{animation:none}}.zag{pointer-events:none;position:absolute;inset:0;overflow:hidden}.zag i{background:var(--orange);clip-path:polygon(0 18%,55% 18%,55% 0,100% 0,100% 82%,42% 82%,42% 100%,0 100%);height:46%;position:absolute;top:30%;left:-12%;right:-12%;transform:rotate(-9deg)}.zag em{background:var(--cyan);width:13px;height:13px;display:block;position:absolute;transform:rotate(45deg)}.tone-ink .card,.tone-dark .card{background:var(--navy-2);border-color:#2a2522}.termline{font-family:var(--mono);letter-spacing:.28em;color:var(--orange);margin-bottom:clamp(14px,2vh,22px);font-size:11.5px;font-weight:600;display:inline-block}.termline:after{content:"_";margin-left:2px;animation:1.1s step-end infinite blinkc}@keyframes blinkc{50%{opacity:0}}.tick{background:var(--navy);padding:13px 0;overflow:hidden}.tick__in{white-space:nowrap;width:max-content;font-family:var(--mono);letter-spacing:.24em;color:#ffffffd9;gap:56px;font-size:12.5px;font-weight:600;animation:30s linear infinite tickmove;display:flex}.tick__in span{gap:56px;display:inline-flex}.tick i{color:var(--orange);font-style:normal}.tick em{color:var(--cyan);font-style:normal}@media (prefers-reduced-motion:reduce){.tick__in,.termline:after{animation:none}}@keyframes tickmove{to{transform:translate(-50%)}}.ft__404{font-family:var(--mono);letter-spacing:.3em;color:var(--gray-2);margin-top:26px;font-size:10.5px}.gate{min-height:100svh;padding:calc(var(--nav-h) + 20px) var(--pad) clamp(108px, 14vh, 168px);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.gate__dots{z-index:1;width:min(1020px,94vw);position:absolute;top:clamp(40px,9vh,110px);left:50%;transform:translate(-50%)}.gate__inner{z-index:2;width:100%;position:relative}.gate__h{letter-spacing:-.05em;color:#fff;margin-top:14px;font-size:clamp(34px,4.9vw,62px);font-weight:800;line-height:1.16}.gate__sub{color:#ffffff8f;max-width:44em;margin-top:18px;font-size:clamp(14.5px,1.2vw,17.5px);line-height:1.72}.gate__sub .pc{display:inline}.gate__meta{font-family:var(--mono);letter-spacing:.12em;color:#ffffff61;flex-wrap:wrap;gap:26px;margin-top:18px;font-size:11px;font-weight:600;display:flex}.gate .actions{margin-top:clamp(22px,3.4vh,34px)}.gate__scroll{z-index:2;font-family:var(--mono);letter-spacing:.32em;color:#ffffff57;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:9.5px;font-weight:600;display:flex;position:absolute;bottom:clamp(84px,10.5vh,118px);left:50%;transform:translate(-50%)}.gate__scroll i{background:linear-gradient(var(--orange), transparent);width:1.5px;height:30px;animation:hsdrop 1.6s var(--ease) infinite}@keyframes hsdrop{0%{transform-origin:top;transform:scaleY(0)}55%{transform-origin:top;transform:scaleY(1)}56%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (max-width:860px){.gate{padding-bottom:176px}.gate__dots{width:94vw;top:clamp(56px,12vh,120px)}.gate__sub .pc{display:none}}@media (prefers-reduced-motion:reduce){.gate__scroll i{animation:none}}.dev{margin-inline:auto;position:relative}.dev__frame{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.dev__screen{z-index:1;background:#fff;position:absolute;overflow:hidden}.dev--ip{aspect-ratio:421/880;filter:drop-shadow(0 26px 60px #00000057);width:min(300px,80vw)}.dev__screen--ip{border-radius:13.7%/6.3%;width:93.35%;height:96.818%;top:1.591%;left:3.325%}.dev--mb{aspect-ratio:1512/952;filter:drop-shadow(0 30px 70px #0000004d);width:min(760px,92vw)}.dev__screen--mb{border-radius:0 0 2px 2px;width:84.656%;height:87.395%;top:2.731%;left:7.672%}.dev__status{color:var(--ink);justify-content:space-between;align-items:center;padding:3.6% 6% 0;font-size:11.5px;font-weight:700;display:flex}.showcase .dev--ip,.showcase .dev--mb{width:100%}.showcase{place-items:center;padding-bottom:clamp(20px,4vh,48px);display:grid;position:relative}.dev__fit{transform:scale(var(--k,1));transform-origin:0 0;flex-direction:column;display:flex}.dev__fit>:last-child{flex:1;min-height:0}.dev--mb{width:min(980px,122%)}.dev--ip{width:min(340px,108%)}@media (max-width:860px){.dev--mb{width:100%}.dev--ip{width:min(300px,84%)}.showcase__hero{width:100%}}.sec,.hero,.gate{overflow-x:clip}.mock__grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.mock__card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:15px 16px}.mock__card b{letter-spacing:-.02em;font-size:14px;font-weight:750;display:block}.mock__card small{color:var(--gray);margin-top:5px;font-size:12px;display:block}.showcase{padding-block:clamp(26px,5vh,60px) clamp(30px,6vh,70px)}.showcase__hero{width:min(760px,94%)}.dev.showcase__hero{width:min(720px,92%)}.app-screen,.mock{--sp:cubic-bezier(.16, 1, .3, 1)}.pop{transition:opacity .42s var(--sp), transform .52s var(--sp);transform-origin:50%}.pop.is-hidden{opacity:0;transform:scale(.7)}.note{transition:opacity .6s var(--sp), transform .7s var(--sp);opacity:0;transform:translateY(16px)scale(.985)}.note--in{opacity:1;box-shadow:0 0 0 1px var(--orange-line), 0 12px 30px #fb5a1a1f;transform:none}.note__body{--n:0;opacity:0;max-height:0;transition:max-height .7s var(--sp), opacity .5s .1s var(--sp);overflow:hidden}.note__body--on{opacity:1;max-height:120px}.abanner{transition:opacity .55s var(--sp), transform .66s var(--sp);opacity:0;transform:translateY(14px)}.abanner--in{opacity:1;transform:none}.bnav span{transition:color .34s var(--sp), opacity .34s var(--sp);position:relative}.bnav span i{transition:background .34s var(--sp), transform .42s var(--sp)}.bnav span.on i{transform:scale(1.06)}.bnav span.has:after{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite ping;position:absolute;top:2px;right:26%}.bnav__spark svg{transition:transform .5s var(--sp), filter .5s var(--sp)}.bnav__spark.on svg{filter:drop-shadow(0 0 8px #fb5a1a8c);transform:scale(1.22)rotate(8deg)}.sbar i{transition:width 1.1s var(--sp)}.row--now{position:relative}.row--now:before{content:"";background:var(--orange-soft);opacity:.45;z-index:-1;border-radius:12px;animation:2.6s ease-in-out infinite softpulse;position:absolute;inset:-4px -8px}.alist>div{transition:opacity .4s var(--sp)}.mock__code{color:#e8e2da;font-family:var(--mono);background:#16130f;border-radius:14px;margin-top:16px;padding:13px 15px;font-size:12.5px;line-height:1.85}.mock__code span{opacity:.28;transition:opacity .5s var(--sp);white-space:nowrap;display:block}.mock__code span.on{opacity:1}.mock__code i{color:#6a625a;width:22px;font-style:normal;display:inline-block}.mock__code b.caret{vertical-align:-2px;background:var(--orange);width:7px;height:14px;margin-left:3px;animation:1s step-end infinite blinkc;display:inline-block}.mock__out{color:#4fe4e4;transition:opacity .5s var(--sp), transform .5s var(--sp);margin-top:6px;transform:translateY(4px);opacity:0!important}.mock__out.on{transform:none;opacity:1!important}@media (prefers-reduced-motion:reduce){.note,.abanner,.note__body{opacity:1!important;max-height:none!important;transform:none!important}.pop.is-hidden{opacity:1;transform:none}.mock__code span{opacity:1}.mock__out{opacity:1!important}.row--now:before,.bnav span.has:after,.mock__code b.caret{animation:none}}.tile{overflow:visible}.tile__sheen{animation:6.5s cubic-bezier(.5,0,.3,1) infinite sheenSweep}@keyframes sheenSweep{0%,62%{opacity:0;transform:rotate(18deg)translate(0)}68%{opacity:.34}92%,to{opacity:0;transform:rotate(18deg)translate(94px)}}.art{overflow:visible}.door{transform-origin:30px 69px;animation:6s cubic-bezier(.33,0,.12,1) infinite doorSwing}@keyframes doorSwing{0%{transform:rotateY(0)skewY(0)scaleX(1)}8%{transform:scaleX(.42)skewY(-5deg)}62%{transform:scaleX(.9)skewY(-1deg)}86%,to{transform:scaleX(1)skewY(0)}}.door__trail path{animation:6s ease-out infinite trailFade}.door__trail path:nth-child(2){animation-delay:.12s}.door__trail path:nth-child(3){animation-delay:.24s}@keyframes trailFade{0%,6%{opacity:0;transform:translate(-8px)}16%{opacity:.55;transform:none}52%,to{opacity:0;transform:translate(6px)}}.damper__rod{animation:6s cubic-bezier(.33,0,.12,1) infinite rodPush}.damper__cap{animation:6s cubic-bezier(.33,0,.12,1) infinite capPush}@keyframes rodPush{0%{transform:translate(0)}8%{transform:translate(-14px)}62%{transform:translate(-3px)}86%,to{transform:translate(0)}}@keyframes capPush{0%{transform:translate(0)}8%{transform:translate(-14px)}62%{transform:translate(-3px)}86%,to{transform:translate(0)}}.spring{transform-origin:124px 96px;animation:6s cubic-bezier(.33,0,.12,1) infinite springBreathe}@keyframes springBreathe{0%{transform:scaleX(1)}8%{transform:scaleX(.72)}62%{transform:scaleX(.95)}86%,to{transform:scaleX(1)}}.load{animation:3.4s cubic-bezier(.45,0,.25,1) infinite loadBob}@keyframes loadBob{0%,to{transform:translateY(-3px)}40%{transform:translateY(3px)}}.flow{animation:1.5s linear infinite flowRun}@keyframes flowRun{to{stroke-dashoffset:-32px}}.joint circle{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite jointTense}.joint circle:nth-child(2){animation-delay:.1s}.joint circle:nth-child(3){animation-delay:.2s}@keyframes jointTense{0%,to{transform:scale(1)}42%{transform:scale(1.14)}}.react path{animation:3.4s ease-in-out infinite reactPush}@keyframes reactPush{0%,to{opacity:.45;transform:translateY(2px)}48%{opacity:1;transform:translateY(-2px)}}.scan{animation:3.6s cubic-bezier(.5,0,.5,1) infinite scanSweep}@keyframes scanSweep{0%{opacity:0;transform:translateY(0)}12%{opacity:.5}88%{opacity:.5}to{opacity:0;transform:translateY(86px)}}.edges--live path{animation:1.3s linear infinite pulseRun}.edges--live path:nth-child(2){animation-delay:.16s}.edges--live path:nth-child(3){animation-delay:.32s}.edges--live path:nth-child(4){animation-delay:.48s}@keyframes pulseRun{to{stroke-dashoffset:-28px}}.node--hot{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite nodeFire}@keyframes nodeFire{0%,55%,to{opacity:.9;transform:scale(1)}70%{opacity:1;transform:scale(1.2)}}.verdict{transform-box:fill-box;transform-origin:50%;animation:3.6s cubic-bezier(.16,1,.3,1) infinite verdictIn}@keyframes verdictIn{0%,58%{opacity:.25;transform:translateY(4px)scale(.94)}72%,to{opacity:1;transform:none}}.conf{transform-box:fill-box;transform-origin:0;animation:3.6s cubic-bezier(.16,1,.3,1) infinite confFill}@keyframes confFill{0%,20%{transform:scaleX(.08)}72%,to{transform:scaleX(1)}}.loop__spin{transform-origin:130px 130px;animation:24s linear infinite loopSpin}@keyframes loopSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tile__sheen,.door,.door__trail path,.damper__rod,.damper__cap,.spring,.load,.flow,.joint circle,.react path,.scan,.edges--live path,.node--hot,.verdict,.conf,.loop__spin{animation:none!important}.door__trail path,.verdict{opacity:1}.conf{transform:none}}.gate__field{z-index:1;width:100%;height:100%;transform:scale(calc(1 + max(0, var(--gx,0) - .28) * .85));opacity:clamp(0, calc((.97 - var(--gx,0)) / .48), 1);filter:blur(calc(max(0, var(--gx,0) - .38) * 11px));transform-origin:50% 42%;will-change:transform, opacity, filter;display:block;position:absolute;inset:0}.gate__inner,.gate__scroll,.gate__center,.gate__side-exit{opacity:clamp(0, calc((.72 - var(--gx,0)) / .34), 1);transform:translateY(calc(var(--gx,0) * -30px))}.gate:after{content:"";z-index:1;pointer-events:none;opacity:clamp(0, calc((var(--gx,0) - .42) * 2.2), 1);background:radial-gradient(78% 54% at 50% 100%,#fb5a1a94,#fb5a1a1f 46%,#fb5a1a00 74%);position:absolute;inset:0}.gate__dots{display:none}.spacepin{color:#fff;background:#08070a;height:720vh;position:relative}.spacepin__stick{height:100svh;position:sticky;top:0;overflow:hidden}.spacepin__stick:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,#0000 58%,#0403068c 100%),linear-gradient(#04030680,#0000 12% 88%,#04030699);position:absolute;inset:0}.spacepin__copy{z-index:2;padding:0 var(--pad);place-items:center;display:grid;position:absolute;inset:0}.spacepin__s{opacity:0;filter:blur(10px);max-width:760px;transition:opacity .6s var(--ease), transform .8s var(--ease), filter .55s var(--ease);pointer-events:none;grid-area:1/1;transform:translateY(26px)scale(.985)}.spacepin[data-ph=d] .spacepin__s--d,.spacepin[data-ph="0"] .spacepin__s--0,.spacepin[data-ph="2"] .spacepin__s--2{opacity:1;filter:blur();pointer-events:auto;transform:none}.spacepin[data-ph=st] .spacepin__s--0{transform:translateY(-34px)scale(.975)}.spacepin .lead{color:#ffffffb3}.spacepin .lead b{color:#fff}.spacepin__end{letter-spacing:-.045em;color:#fff;font-size:clamp(26px,3.6vw,46px);font-weight:800;line-height:1.2}.spacepin__mono{font-family:var(--mono);letter-spacing:.34em;color:#ffffff8c;font-size:12px;font-weight:600}.spacepin__mono:after{content:"_";animation:1.1s step-end infinite blinkc}.spacepin__stations{z-index:2;pointer-events:none;position:absolute;inset:0}.spacepin__st{padding:0 var(--pad);text-align:center;opacity:0;visibility:hidden;position:absolute;top:56%;left:0;right:0}.spacepin[data-st="0"] .spacepin__st[data-i="0"],.spacepin[data-st="1"] .spacepin__st[data-i="1"],.spacepin[data-st="2"] .spacepin__st[data-i="2"],.spacepin[data-st="3"] .spacepin__st[data-i="3"],.spacepin[data-st="4"] .spacepin__st[data-i="4"],.spacepin[data-st="5"] .spacepin__st[data-i="5"]{visibility:visible;opacity:min(clamp(0, calc((var(--stt) - .16) / .17), 1), clamp(0, calc((.92 - var(--stt)) / .17), 1));transform:translateY(calc((.54 - var(--stt)) * 54px))}.spacepin__no{font-family:var(--mono);letter-spacing:.3em;color:#ffffff73;justify-content:center;align-items:center;gap:10px;font-size:10.5px;font-weight:650;display:flex}.spacepin__no i{background:#ffffff47;width:26px;height:1px;display:block}.spacepin__k{letter-spacing:-.05em;color:#fff;text-shadow:0 3px 26px #0000008c, 0 0 78px color-mix(in srgb, var(--kc) 34%, transparent);margin-top:14px;font-size:clamp(40px,7.2vw,92px);font-weight:800;line-height:1}.spacepin__d{color:#ffffffc7;margin-top:16px;font-size:clamp(15px,1.7vw,20px);font-weight:600}.spacepin__q{color:var(--kc,#ffffff80);opacity:.92;margin-top:10px;font-size:clamp(12.5px,1.3vw,15px)}.spacepin__hint{z-index:2;transition:opacity .4s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.spacepin__hint i{width:1.5px;height:30px;animation:hsdrop 1.6s var(--ease) infinite;background:linear-gradient(#ffffff8c,#0000);display:block}.spacepin[data-ph=st] .spacepin__hint,.spacepin[data-ph="2"] .spacepin__hint{opacity:0}@media (max-width:860px){.spacepin{height:520vh}.spacepin__st{top:52%}.spacepin__k{text-shadow:0 3px 20px #0000008c, 0 0 56px color-mix(in srgb, var(--kc) 30%, transparent)}}@media (prefers-reduced-motion:reduce){.spacepin{height:auto}.spacepin__stick{height:100svh;position:relative}.spacepin__s{position:relative;opacity:1!important;filter:none!important;transform:none!important}.spacepin__copy{align-content:center;display:grid;position:absolute}.spacepin__s--d,.spacepin__stations{display:none}}.dev__fit>*{width:100%}.dev__fit .mock{height:100%;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex}.dev__fit .mock .mock__body{flex:1;min-height:0}.dev__fit .app-screen{flex-direction:column;height:100%;display:flex}.dev__fit .app-screen .bnav{margin-top:auto}.veilx{z-index:240;background:var(--navy);opacity:0;visibility:hidden;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.veilx--in{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s cubic-bezier(.4,0,.6,1)}.veilx--out{opacity:0;visibility:visible;transition:opacity .58s cubic-bezier(.16,1,.3,1) .1s}.veilx__dots{gap:12px;display:flex}.veilx__dots i{opacity:0;background:#c9c2ba;border-radius:50%;width:11px;height:11px}.veilx--in .veilx__dots i{animation:1s ease-in-out infinite veilDot}.veilx--in .veilx__dots i:nth-child(2){background:var(--orange);animation-delay:.14s}.veilx--in .veilx__dots i:nth-child(3){background:var(--cyan);animation-delay:.28s}@keyframes veilDot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}.veilx--out~main{animation:pageIn .8s var(--ease) both}body:has(.veilx--out) main{animation:pageIn .8s var(--ease) both}@keyframes pageIn{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(.992)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.veilx{display:none}body:has(.veilx--out) main{animation:none}}.gate__cta{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(24px,3.6vh,36px);display:flex}.gate__adult{color:#ffffffc7;transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);background:#ffffff0a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.gate__adult i{transition:transform .3s var(--ease);font-style:normal}.gate__adult:hover{color:#fff;border-color:var(--cyan);background:#00f9f814}.gate__adult:hover i{transform:translate(4px)}.pullx{position:relative}.pullx:after{content:"";pointer-events:none;opacity:clamp(0, calc((var(--gx,0) - .45) * 2.2), 1);background:radial-gradient(76% 52% at 50% 100%,#fb5a1a80,#fb5a1a1a 46%,#fb5a1a00 74%);position:absolute;inset:0}.pullx>*{transform:scale(calc(1 + max(0, var(--gx,0) - .3) * .55));opacity:clamp(0, calc((.95 - var(--gx,0)) / .4), 1);filter:blur(calc(max(0, var(--gx,0) - .45) * 9px));will-change:transform, opacity, filter}.gate__tags{font-family:var(--font);letter-spacing:-.01em;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:14px;font-weight:650;display:flex}.gate__tags span{color:#ffffff80;transition:color .3s}.gate__tags span:nth-child(odd){color:#ffffffa8}.gate__tags span:hover{color:var(--orange)}.mz{background:var(--bg-2);height:360vh;position:relative}.mz__stick{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.mz__stick>.mz__line{white-space:nowrap;letter-spacing:-.05em;will-change:font-size, transform, opacity;font-size:clamp(30px,4.6vw,58px);font-weight:800;position:absolute;top:50%;left:50%}.mz__line em{color:var(--orange);font-style:normal}.mz__fill{z-index:1;background:var(--orange);will-change:opacity;position:absolute;inset:0}.mz__ans{z-index:2;letter-spacing:-.055em;color:#fff;will-change:transform, opacity;grid-area:1/1;font-size:clamp(44px,7vw,96px);font-weight:800;position:relative}@media (prefers-reduced-motion:reduce){.mz__fill{display:none}.mz__ans{color:var(--orange);text-shadow:none}.mz{height:auto}.mz__stick{grid-template-rows:auto auto;height:auto;padding:90px 0;position:relative}.mz__line,.mz__ans{grid-area:auto;opacity:1!important;transform:none!important}}.qcard--btn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border:1px solid var(--line);transition:transform .45s var(--spring), box-shadow .45s var(--ease)}.qcard--btn:hover{box-shadow:var(--sh-3);transform:translateY(-4px)}.qcard__go{color:var(--orange);margin-top:10px;margin-left:10px;font-size:13px;font-weight:750;display:inline-block}.modal{z-index:260;-webkit-backdrop-filter:blur(10px);animation:modalBg .3s var(--ease);background:#13101099;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal__card{border-radius:var(--r-lg);background:var(--bg);width:min(680px,100%);max-height:88svh;animation:modalIn .5s var(--ease);padding:clamp(20px,3vw,30px);overflow:auto;box-shadow:0 40px 120px #0006}.modal__hd{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.modal__x{background:var(--bg-3);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:14px}.modal__x:hover{background:var(--line-2)}@keyframes modalBg{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;filter:blur(8px);transform:translateY(22px)scale(.97)}}.ess{height:430vh;position:relative}.ess__stick{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.ess__s{text-align:center;opacity:0;filter:blur(10px);transition:opacity .55s var(--ease), transform .75s var(--ease), filter .5s var(--ease);pointer-events:none;padding:0 var(--pad);grid-area:1/1;transform:translateY(26px)scale(.985)}.ess[data-ph="0"] .ess__s--0,.ess[data-ph="1"] .ess__s--1,.ess[data-ph="2"] .ess__s--2{opacity:1;filter:blur();transform:none}.ess[data-ph="1"] .ess__s--0{transform:translateY(-30px)scale(.97)}.ess__s--1{width:100%}.ess__stream{gap:18px;width:100vw;margin-top:clamp(26px,5vh,54px);margin-left:calc(50% - 50vw);display:grid;overflow:hidden}.ess__row{white-space:nowrap;will-change:transform, filter;gap:44px;width:max-content;display:flex}.ess__row span{letter-spacing:-.03em;color:#ffffffd1;font-size:clamp(18px,2.4vw,30px);font-weight:800}.ess__row span i{font-style:normal;font-family:var(--mono);letter-spacing:.12em;color:var(--cyan);vertical-align:4px;margin-right:9px;font-size:.55em;font-weight:600}.ess__row:nth-child(2) span{color:#ffffff80}.ess__row:nth-child(3) span{color:#ffffff4d}@media (prefers-reduced-motion:reduce){.ess{height:auto}.ess__stick{height:auto;padding:90px 0;position:relative}.ess__s{opacity:1;filter:none;grid-area:auto;margin-bottom:40px;position:relative;transform:none}.ess__row{filter:none!important;transform:none!important}}.path__route{animation:1.6s linear infinite routeDash}@keyframes routeDash{to{stroke-dashoffset:-26px}}.path__drone{offset-path:path("M18 118 L74 60 Q84 50 96 50 L128 50 Q140 50 148 42 L182 26");animation:5.5s cubic-bezier(.45,0,.3,1) infinite droneRide}@keyframes droneRide{0%{offset-distance:0%}62%,to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.path__route,.path__drone{animation:none}}.oschip{color:#fff;letter-spacing:.26em;background:#13101047;border-radius:999px;margin-top:22px;padding:9px 18px;font-size:12px;font-weight:600;display:inline-block}.nav__logo{position:relative}.nav__logo-k{opacity:0;transition:opacity .35s var(--ease);width:auto;height:21px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav__logo-w{transition:opacity .35s var(--ease)}.nav[data-on=light] .nav__logo-w{opacity:0}.nav[data-on=light] .nav__logo-k{opacity:1}.nav.scrolled .nav__wrap{-webkit-backdrop-filter:blur(60px)saturate(180%);backdrop-filter:blur(60px)saturate(180%);background:#18141261}.nav[data-on=light].scrolled .nav__wrap{background:#ffffff6b;box-shadow:0 8px 32px #211c1824,inset 0 0 0 .5px #211c1814}.nav[data-on=light] .nav__links a{color:#211c189e}.nav[data-on=light] .nav__links a:hover{color:var(--ink)}.nav[data-on=light] .nav__login{color:#211c1880}.nav[data-on=light] .nav__login:hover{color:var(--ink)}.nav[data-on=light] .nav__burger span{background:var(--ink)}.dock__bar{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);transition:background .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #ffffff80;background:#ffffff8c!important}.dock[data-on=dark] .dock__bar{border-color:#ffffff1f;box-shadow:0 14px 44px #00000059;background:#1a161470!important}.dock[data-on=dark] .dock__bar input{color:#fff}.dock[data-on=dark] .dock__bar input::placeholder{color:#ffffff8c}.clairr-sec{color:#fff;background:radial-gradient(90% 70% at 78% 22%,#00b8b81f,#0000 60%),radial-gradient(80% 60% at 16% 84%,#fb5a1a1a,#0000 55%),#17130f}.clairr-sec .lead{color:#ffffffad}.clairr-sec .lead b{color:#fff}.clairr-scan{z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}.clairr-stat{letter-spacing:.26em;color:var(--cyan);margin-top:22px;font-size:11px}.clairr-glitch{position:relative}.clairr-glitch:before,.clairr-glitch:after{content:attr(data-text);white-space:pre-line;pointer-events:none;opacity:0;position:absolute;inset:0}.clairr-glitch:before{color:#00f9f8}.clairr-glitch:after{color:var(--orange)}[data-r].on .clairr-glitch:before,.clairr-glitch:hover:before{animation:2.8s step-end cgA}[data-r].on .clairr-glitch:after,.clairr-glitch:hover:after{animation:2.8s step-end cgB}@keyframes cgA{0%{opacity:.8;clip-path:inset(12% 0 64%);transform:translate(-4px,1px)}4%{opacity:.8;clip-path:inset(58% 0 18%);transform:translate(3px,-1px)}8%,to{opacity:0}}@keyframes cgB{0%{opacity:.8;clip-path:inset(64% 0 8%);transform:translate(4px,-1px)}4%{opacity:.8;clip-path:inset(6% 0 70%);transform:translate(-3px,2px)}8%,to{opacity:0}}.gamebox{image-rendering:pixelated;background:#201a15;border-radius:4px;padding:16px 16px 14px;position:relative;box-shadow:0 0 0 2px #0c0a08,0 0 0 4px #3a322a,0 0 0 6px #0c0a08,0 30px 80px #00000080}.gamebox__hd{border-bottom:2px solid #0c0a08;align-items:center;gap:10px;padding-bottom:12px;display:flex}.gamebox__hd b{font-family:var(--mono);letter-spacing:.22em;color:#00f9f8;font-size:13px}.gamebox__hd em{font-style:normal;font-family:var(--mono);letter-spacing:.14em;color:#ffffff6b;margin-left:auto;font-size:10.5px}.gamebox__ava{background:#0c0a08;border-radius:2px;grid-template-columns:repeat(2,7px);gap:2px;padding:4px;display:grid}.gamebox__ava i{background:var(--orange);width:7px;height:7px}.gamebox__ava i:nth-child(2){background:#00f9f8}.gamebox__ava i:nth-child(3){background:#ffd23f}.gamebox__ava i:nth-child(4){background:#fff;animation:2.2s step-end infinite avaBlink}@keyframes avaBlink{50%{opacity:.2}}.gamebox__log{gap:9px;padding:14px 2px 12px;display:grid}.gl{margin:0;font-size:14.5px;line-height:1.66}.gl--me{color:#fff9}.gl--me:before{content:"나 › ";font-family:var(--mono);color:#ffffff57;font-size:11px}.gl--ai{color:#fff}.gl--ai:before{content:"CLAIRR › ";font-family:var(--mono);color:#00f9f8;font-size:11px}.gl__caret{vertical-align:-2px;background:#00f9f8;width:8px;height:13px;margin-left:4px;animation:1s step-end infinite blinkc;display:inline-block}.gamebox__opts{border-top:2px solid #0c0a08;gap:6px;padding-top:11px;font-size:13px;display:grid}.gamebox__opts span{color:#ffffff80;border-radius:2px;padding:7px 10px}.gamebox__opts span.on{color:#00f9f8;background:#00f9f81a;animation:1.8s ease-in-out infinite optPulse;box-shadow:0 0 0 1.5px #00f9f866}@keyframes optPulse{50%{box-shadow:0 0 0 1.5px #00f9f8e6,0 0 18px #00f9f840}}.sheetdoc--official{border:1px solid var(--line-2);box-shadow:0 1px 0 #fff inset, var(--sh-3);background:#fffdf9;position:relative}.sheetdoc__letterhead{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:12px;display:flex}.sheetdoc__letterhead img{width:auto;height:15px}.sheetdoc__letterhead span{font-family:var(--mono);letter-spacing:.3em;color:var(--gray);font-size:10.5px;font-weight:600}.sheetdoc__sign{border-top:1px solid var(--line-2);color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;font-size:13px;display:flex}.sealstamp{text-align:center;color:#fb5a1ab8;pointer-events:none;border:2.5px solid #fb5a1a8c;border-radius:50%;place-content:center;gap:1px;width:74px;height:74px;display:grid;position:absolute;bottom:58px;right:22px;transform:rotate(-11deg);box-shadow:inset 0 0 0 1.5px #fb5a1a2e}.sealstamp i{font-style:normal;font-family:var(--mono);letter-spacing:.22em;font-size:9px}.sealstamp em{letter-spacing:.3em;text-indent:.3em;font-size:17px;font-style:normal;font-weight:800}.bcode{background:var(--bg);height:220vh}.bcode__stick{text-align:center;place-content:center;gap:22px;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.bcode__eq{color:var(--ink);letter-spacing:.02em;font-size:clamp(26px,3.6vw,44px);font-weight:600}.bcode__code{color:var(--ink-2);font-size:clamp(15px,1.8vw,22px)}.bcode__code i{color:var(--orange);margin-right:10px;font-style:normal}.bcode__code em{color:var(--cyan);margin-left:14px;font-style:normal;font-weight:600}.bcode__code .gl__caret{background:var(--orange)}.bnote{background:var(--bg-2);height:240vh}.bnote__stick{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.bnote__cap{color:var(--gray);grid-area:1/1;font-size:clamp(19px,2.2vw,27px);font-weight:700}.bnote__sheet{aspect-ratio:3/4;border:1px solid var(--line-2);width:min(420px,82vw);box-shadow:var(--sh-3);background:#fffdf9;border-radius:18px;grid-area:1/1;position:relative}.bnote__sheet>span{background:var(--orange);will-change:left, top, transform, opacity;border-radius:50%;width:7px;height:7px;position:absolute}.bnote__sheet>span:nth-child(3n){background:var(--cyan)}.bnote__sheet>span:nth-child(7n){background:var(--gray-2)}.bnote__title{text-align:center;color:var(--ink);font-size:16px;font-weight:750;position:absolute;bottom:12%;left:0;right:0}.bpocket{background:var(--bg);height:270vh}.bpocket__stick{perspective:900px;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.bpocket__doc{border:1px solid var(--line-2);width:min(360px,78vw);box-shadow:var(--sh-3);transform-style:preserve-3d;will-change:transform, opacity;background:#fffdf9;border-radius:16px;padding:46px 26px 26px;position:relative}.bpocket__page{border-bottom:1px solid var(--line-2);transform-origin:top;backface-visibility:hidden;will-change:transform;background:#fbf7f1;border-radius:16px 16px 0 0;height:46%;position:absolute;top:0;left:0;right:0}.bpocket__body b{font-size:18px;font-weight:800;display:block}.bpocket__body span{color:var(--gray);margin-top:8px;font-size:12.5px;display:block}.sealstamp--live{width:64px;height:64px;bottom:14px;right:16px}.bpocket__phone{background:var(--navy);border-radius:28px 28px 0 0;place-items:center;width:min(250px,60vw);height:110px;display:grid;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.bpocket__phone span{z-index:2;color:#fff;font-size:13px;font-weight:700;position:relative}.bpocket__glow{border-radius:inherit;background:radial-gradient(70% 90% at 50% 0,#fb5a1a80,#0000 70%);position:absolute;inset:0}.bdots{background:#0c0a0d;height:260vh}.bdots__stick{height:100svh;position:sticky;top:0;overflow:hidden}.bdots__stick canvas{width:100%;height:100%;position:absolute;inset:0}.bdots__cap{text-align:center;color:#ffffffc7;transition:opacity .6s var(--ease);font-size:clamp(17px,2vw,24px);font-weight:600;position:absolute;top:12%;left:0;right:0}.bdots__cap b{color:#fff}@media (prefers-reduced-motion:reduce){.bcode,.bnote,.bpocket,.bdots{height:auto}.bcode__stick,.bnote__stick,.bpocket__stick,.bdots__stick{height:auto;padding:80px 0;position:relative}.bdots__stick{height:60svh}}.tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin-left:auto;margin-right:auto;display:grid}.track{text-align:left;background:var(--navy-2);color:inherit;transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);will-change:transform;border:1px solid #2a2522;border-radius:24px;flex-direction:column;gap:12px;padding:clamp(26px,3.4vw,40px);text-decoration:none;display:flex}.track:hover{border-color:#fb5a1a8c;transform:translateY(-6px);box-shadow:0 28px 70px #00000073}.track__tag{letter-spacing:.16em;color:var(--orange);border:1px solid #fb5a1a66;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:800}.track--adult .track__tag,.track__tag--cyan{color:var(--cyan);border-color:#00f9f859}.track--adult:hover{border-color:#00f9f880}.tracks--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px}@media (max-width:960px){.tracks--3{grid-template-columns:1fr;gap:14px}}.agate{text-align:left;background:var(--navy-2);max-width:720px;color:inherit;transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);border:1px solid #2a2522;border-radius:26px;flex-direction:column;gap:14px;margin:0 auto;padding:clamp(30px,4vw,48px);text-decoration:none;display:flex}.agate:hover{border-color:#00f9f880;transform:translateY(-6px);box-shadow:0 28px 70px #00000073}.agate>b{color:#fff;font-size:clamp(22px,2.6vw,30px);font-weight:800}.agate>p{color:#ffffff9e;max-width:54ch;font-size:15px;line-height:1.8}.agate>em{color:#ffffffdb;transition:color .3s var(--ease);font-size:13.5px;font-style:normal;font-weight:700}.agate:hover>em{color:var(--cyan)}.agate .track__tag{align-self:flex-start}.track>b{color:#fff;font-size:clamp(20px,2.3vw,26px);font-weight:800}.track>p{color:#fff9;font-size:14.5px;line-height:1.75}.track>em{color:#ffffffdb;transition:color .3s var(--ease);margin-top:auto;font-size:13.5px;font-style:normal;font-weight:700}.track:hover>em{color:var(--orange)}.track--adult:hover>em{color:var(--cyan)}@media (max-width:760px){.tracks{grid-template-columns:1fr;gap:14px}}.adult__rows{gap:0;max-width:560px;margin:34px auto 0;display:grid}.adult__rows span{text-align:center;color:#ffffffc7;border-top:1px solid #ffffff1a;padding:17px 6px;font-size:15px;font-weight:600;display:block}.adult__rows span:last-child{border-bottom:1px solid #ffffff1a}.adult__rows span b,.adult__rows span{letter-spacing:-.01em}.arows{max-width:620px;margin:34px auto 0;display:grid}.arows span{text-align:left;color:var(--ink-2);border-top:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:18px;padding:17px 6px;font-size:14.5px;font-weight:550;display:flex}.arows span:last-child{border-bottom:1px solid var(--line-2)}.arows span b{color:var(--ink);white-space:nowrap;font-size:15.5px;font-weight:750}.tone-dark .arows span,.tone-ink .arows span{color:#ffffff9e;border-color:#ffffff1a}.tone-dark .arows span b,.tone-ink .arows span b{color:#fff}.adrev{gap:14px;max-width:640px;margin-left:auto;margin-right:auto;display:grid}.adrev__q{background:var(--bg-2);border:1px solid var(--line-2);text-align:left;border-radius:20px;margin:0;padding:clamp(22px,3vw,30px)}.adrev__q blockquote{color:var(--ink);word-break:keep-all;margin:0;font-size:15px;line-height:1.85}.adrev__q figcaption{color:var(--gray);margin-top:12px;font-size:12.5px;font-weight:700}@media (max-width:760px){.arows span{flex-direction:column;gap:4px}}.cbadges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.cbadges span{color:var(--ink-2);border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700}.tone-dark .cbadges span,.tone-ink .cbadges span{color:#fffc;background:#ffffff0f;border-color:#ffffff29}.crows{gap:10px;max-width:640px;margin-left:auto;margin-right:auto;display:grid}.crow{text-align:left;border:1px solid var(--line-2);background:#fff;border-radius:16px;grid-template-columns:44px 84px 1fr;align-items:baseline;gap:12px;padding:16px 18px;display:grid}.crow i{letter-spacing:.08em;color:var(--orange);font-size:12px;font-style:normal;font-weight:800}.crow b{color:var(--ink);font-size:15.5px;font-weight:800}.crow p{color:var(--ink-2);font-size:14px;line-height:1.7}@media (max-width:640px){.crow{grid-template-columns:40px 1fr}.crow p{grid-column:2}}.cpj{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1040px;margin-left:auto;margin-right:auto;display:grid}.cpj__card{text-align:left;background:var(--bg-2);border:1px solid var(--line-2);border-radius:20px;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,30px);display:flex}.cpj__card i{letter-spacing:.08em;color:var(--orange);font-size:12px;font-style:normal;font-weight:800}.cpj__card b{color:var(--ink);font-size:17.5px;font-weight:800}.cpj__card dl{gap:8px;margin:4px 0 0;display:grid}.cpj__card dl div{grid-template-columns:52px 1fr;align-items:baseline;gap:8px;display:grid}.cpj__card dt{letter-spacing:.06em;color:var(--gray);font-size:11.5px;font-weight:800}.cpj__card dd{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.6}@media (max-width:860px){.cpj{grid-template-columns:1fr}}.cdoors{justify-content:space-between;gap:16px;max-width:640px;margin:44px auto 0;display:flex}.cdoors a{color:var(--ink);border-bottom:2px solid var(--orange);padding-bottom:3px;font-size:14px;font-weight:750;text-decoration:none}.tone-gray .cdoors a{color:var(--ink)}.pjfilter{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.pjfilter button{font:inherit;color:var(--ink-2);cursor:pointer;border:1px solid var(--line-2);transition:all .25s var(--ease);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.pjfilter button[data-on]{background:var(--ink);border-color:var(--ink);color:#fff}.pj{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1080px;margin-left:auto;margin-right:auto;display:grid}.pj__card{text-align:left;color:inherit;border:1px solid var(--line-2);transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,26px);text-decoration:none;display:flex}.pj__card:hover{box-shadow:var(--sh-2);border-color:#fb5a1a80;transform:translateY(-5px)}.pj__meta{justify-content:space-between;align-items:center;display:flex}.pj__meta i{letter-spacing:.1em;color:var(--orange);font-size:11.5px;font-style:normal;font-weight:800}.pj__meta em{color:var(--gray);font-size:11.5px;font-style:normal;font-weight:650}.pj__card>b{color:var(--ink);word-break:keep-all;font-size:16.5px;font-weight:800;line-height:1.45}.pj__card dl{gap:6px;margin:2px 0 0;display:grid}.pj__card dl div{grid-template-columns:52px 1fr;align-items:baseline;gap:8px;display:grid}.pj__card dt{letter-spacing:.06em;color:var(--gray);font-size:11px;font-weight:800}.pj__card dd{color:var(--ink-2);margin:0;font-size:13px;line-height:1.6}.pj__count{max-width:560px;color:var(--gray);text-align:center;margin:40px auto 0;font-size:14px;line-height:1.8}.pj__count b{color:var(--ink)}@media (max-width:960px){.pj{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pj{grid-template-columns:1fr}}.veilx--t-orange{background:var(--orange)}.veilx--t-orange .veilx__dots i{background:#ffffffd9}.veilx--t-orange .veilx__dots i:nth-child(2){background:#fff}.veilx--t-orange .veilx__dots i:nth-child(3){background:#fff9}.veilx--t-cyan{background:#05201f}.veilx--t-cyan .veilx__dots i:nth-child(2){background:var(--cyan)}.veilx--t-ivory{background:var(--bg)}.veilx--t-ivory .veilx__dots i{background:#b9b1a8}.veilx--t-ivory .veilx__dots i:nth-child(2){background:var(--orange)}.veilx--t-ivory .veilx__dots i:nth-child(3){background:var(--navy)}.gate--404{padding-top:calc(var(--nav-h) + 12px);justify-content:center;align-items:center}.gate--404 .gate__field{opacity:.42}.gate__center{z-index:2;width:100%;padding:0 var(--pad);place-items:center;display:grid;position:relative}.gate__side-exit{z-index:2;left:var(--pad);position:absolute;bottom:clamp(84px,10.5vh,118px)}.err{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0e0c0fd1;border:1px solid #ffffff29;border-radius:18px;width:min(560px,100%);overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #0006,inset 0 1px #ffffff0f}.err__bar{background:#ffffff08;border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:12px 16px;display:flex}.err__lights{gap:7px;display:flex}.err__lights i{background:var(--orange);border-radius:50%;width:11px;height:11px}.err__lights i:nth-child(2){background:var(--cyan)}.err__lights i:nth-child(3){opacity:.55;background:#f3eee4}.err__title{letter-spacing:.22em;color:#ffffff9e;font-size:11.5px;font-weight:700}.err__body{text-align:center;padding:clamp(28px,4vw,44px) clamp(22px,4vw,44px) clamp(26px,3.6vw,40px)}.err__code{letter-spacing:-.02em;color:#fff;text-shadow:2px 0 #fb5a1ad9,-2px 0 #00f9f8bf;font-size:clamp(64px,11vw,112px);font-weight:700;line-height:.9;animation:4.2s step-end infinite errChroma}@keyframes errChroma{0%,92%,to{text-shadow:2px 0 #fb5a1ad9,-2px 0 #00f9f8bf;transform:none}93%{text-shadow:6px 0 #fb5a1ae6,-6px 0 #00f9f8cc;transform:translate(-2px)}95%{text-shadow:-4px 0 #fb5a1ae6,4px 0 #00f9f8cc;transform:translate(2px)skew(-4deg)}97%{text-shadow:1px 0 #fb5a1ad9,-1px 0 #00f9f8bf;transform:none}}.err__h{letter-spacing:-.04em;color:#fff;margin-top:18px;font-size:clamp(22px,3.1vw,34px);font-weight:800;line-height:1.28}.err__q{color:#ffffff9e;margin-top:14px;font-size:clamp(14.5px,1.4vw,17px)}.err__actions{justify-content:center;margin-top:clamp(20px,2.6vw,28px);display:flex}.err__yes{background:var(--orange);color:#fff;min-width:148px;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:15px 34px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 34px #fb5a1a73,inset 0 1px #ffffff40}.err__yes:hover{background:#ff6a2c;transform:translateY(-2px);box-shadow:0 18px 44px #fb5a1a8c,inset 0 1px #ffffff40}.err__yes:active{transform:translateY(0)scale(.98)}@media (max-width:860px){.gate--404{padding-bottom:176px}.gate__side-exit{bottom:118px}.err__body{padding:26px 20px 24px}}@media (prefers-reduced-motion:reduce){.err__code{animation:none}}.intro__pre{color:#ffffffb3;text-align:center;margin-bottom:18px;font-size:clamp(17px,2vw,24px);font-weight:650}.intro__brand{text-align:center;letter-spacing:.38em;color:var(--orange);margin-top:22px;font-size:12px;font-weight:700}.divide__cv{z-index:1;width:100%;height:100%;position:absolute;inset:0}.divide{align-content:end;padding-bottom:clamp(90px,14vh,150px)}@media (max-width:860px){.divide{padding-bottom:150px}}.noans__here{text-align:center;letter-spacing:-.05em;color:var(--orange);margin-top:clamp(26px,4vh,44px);font-size:clamp(30px,4.6vw,56px);font-weight:800}.card404{text-align:left;aspect-ratio:9/5;color:#1a1613;background:#f7f3ec;border-radius:14px;align-content:end;gap:6px;width:min(360px,82vw);margin:0 auto 28px;padding:20px 22px;display:inline-grid;position:relative;box-shadow:0 30px 70px #00000080,inset 0 0 0 1px #0000000f}.card404__logo{letter-spacing:.3em;color:var(--orange);font-size:11px;font-weight:800;position:absolute;top:18px;left:22px}.card404__name{letter-spacing:-.02em;font-size:18px;font-weight:800}.card404__job{color:#6b635b;font-size:13px}.card404__job i{color:var(--orange);letter-spacing:.05em;font-style:normal;animation:1.2s step-end infinite blinkc}.makers{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1040px;margin-left:auto;margin-right:auto;display:grid}.maker{background:var(--navy-2);text-align:center;border:1px solid #2a2522;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 22px;display:flex}.maker b{color:#fff;font-size:16px;font-weight:800}.maker span{color:#ffffff94;font-size:13px;line-height:1.6}.maker__face{grid-template-columns:repeat(9,7px);gap:3px;margin-bottom:8px;display:grid}.maker__face i{background:#ffffff14;border-radius:50%;width:7px;height:7px}.maker__face i[data-on]{background:#f3eee4}.maker:nth-child(2n) .maker__face i[data-on]{background:var(--orange)}.makers__note{text-align:center;color:#ffffff61;margin-top:26px;font-size:12.5px}@media (max-width:960px){.makers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.makers{grid-template-columns:1fr}}.mb{display:none}@media (max-width:640px){.mb{display:inline}.noans__q{font-size:clamp(28px,8vw,40px)}}
:root{--blue:var(--cyan);--lime:var(--cyan-bright);--radius:18px}.section-pad{padding:clamp(96px, 13vw, 190px) var(--pad)}.section-index{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1;font-family:var(--mono);align-items:center;gap:12px;display:flex}.section-index:before{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px}.eyebrow--light{color:#ffffffa6}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 24px;font-size:14px;font-weight:750;transition:transform .25s,background .25s,color .25s;display:inline-flex}.button:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.button--small{min-height:40px;padding:0 18px;font-size:13px}.button--light{color:var(--ink);background:#fff;border-color:#fff}.button--light:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.button--dark{background:var(--ink);color:#fff}.text-link{border-bottom:1px solid;align-items:center;gap:28px;padding-bottom:7px;font-size:14px;font-weight:750;display:inline-flex}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.text-link--light{color:#fff}.text-button{text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.section-heading{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:8vw;margin-top:44px;display:grid}.section-heading--wide{grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr)}.section-heading h2{letter-spacing:-.065em;font-size:clamp(44px,6.6vw,98px);font-weight:760;line-height:.98}.section-heading p{color:#11110fa8;word-break:keep-all;max-width:470px;font-size:clamp(16px,1.3vw,19px);line-height:1.75}.sub-page,.course-page{background:var(--paper)}.sub-hero{min-height:70svh;padding:calc(var(--header-h) + 10vh) var(--pad) 10vh;background:var(--ink);color:#fff;flex-direction:column;justify-content:flex-end;display:flex}.sub-hero>p{letter-spacing:.15em;color:var(--orange);font:10px monospace}.sub-hero h1{letter-spacing:-.075em;margin-top:28px;font-size:clamp(65px,9.5vw,145px);line-height:.87}.sub-hero h1 em{color:var(--lime);font-style:normal}.sub-hero>span{color:#ffffff87;margin-top:35px;font-size:14px}.sub-hero--journal{background:var(--blue)}.sub-hero--journal>p{color:var(--lime)}.sub-hero--journal h1 em{color:var(--white)}.course-hero{min-height:100svh;padding:calc(var(--header-h) + 8vh) var(--pad) 15vh;color:#fff;background:var(--ink);align-items:flex-end;display:flex;position:relative;overflow:hidden}.course-hero>img{object-fit:cover;filter:saturate(.62)contrast(1.12);width:100%;height:100%;position:absolute;inset:0}.course-hero__veil{background:linear-gradient(90deg,#000000db,#0003 70%),linear-gradient(#0000 45%,#000000b8);position:absolute;inset:0}.course-hero__copy{z-index:2;max-width:1020px;position:relative}.course-hero__copy>p:first-child{color:var(--course-accent);letter-spacing:.14em;font:11px monospace}.course-hero h1{letter-spacing:-.075em;margin-top:28px;font-size:clamp(64px,8.8vw,140px);line-height:.86}.course-lead{color:#ffffffa8;word-break:keep-all;max-width:700px;margin:30px 0 36px;font-size:18px;line-height:1.7}.course-outcomes{z-index:2;bottom:30px;left:var(--pad);right:var(--pad);gap:10px;display:flex;position:absolute}.course-outcomes span{border-top:1px solid #ffffff47;align-items:center;gap:18px;min-width:200px;padding-top:15px;font-size:12px;display:flex}.course-outcomes i{color:var(--course-accent);font:9px monospace}.course-flow .section-index:before,.course-projects .section-index:before{background:var(--course-accent)}.course-flow__list{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:10vh;display:grid}.course-flow__list article{border-right:1px solid var(--line);min-height:300px;padding:25px 25px 30px 0}.course-flow__list article+article{padding-left:25px}.course-flow__list span{color:var(--orange);font:10px monospace}.course-flow__list h3{letter-spacing:-.055em;margin-top:90px;font-size:clamp(30px,3vw,45px)}.course-flow__list p{color:#11110f94;margin-top:15px;line-height:1.65}.course-projects{background:var(--ink);color:#fff}.course-projects .section-heading p{color:#ffffff91}.course-projects__list{border-top:1px solid #ffffff38;margin-top:10vh}.course-projects__list article{border-bottom:1px solid #ffffff38;grid-template-columns:70px .8fr 1.2fr;align-items:center;gap:30px;min-height:180px;padding:25px 0;display:grid}.course-projects__list article>span{color:var(--course-accent);font:11px monospace}.course-projects__list h3{letter-spacing:-.055em;font-size:clamp(29px,3.5vw,55px)}.course-projects__list dl{margin:0}.course-projects__list dl>div{border-bottom:1px solid #ffffff1a;grid-template-columns:120px 1fr;padding:10px 0;display:grid}.course-projects__list dt{color:#fff6;font-size:11px}.course-projects__list dd{margin:0;font-size:14px}.course-fit{padding:clamp(110px, 14vw, 200px) var(--pad);background:var(--course-accent);grid-template-columns:1fr 1fr;gap:8vw;display:grid}.course-fit__copy h2{letter-spacing:-.07em;margin-top:38px;font-size:clamp(52px,7vw,100px);line-height:.9}.course-fit ul{align-self:end;margin:0;padding:0;list-style:none}.course-fit li{border-top:1px solid #11110f59;padding:22px 20px 22px 42px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;position:relative}.course-fit li:last-child{border-bottom:1px solid #11110f59}.course-fit li:before{content:"→";position:absolute;left:3px}.course-nav>p{font-size:13px;font-weight:720}.course-nav>div{border-top:1px solid var(--ink);margin-top:35px}.course-nav a{border-bottom:1px solid var(--ink);grid-template-columns:60px 1fr 30px;padding:24px 0;font-size:24px;font-weight:730;display:grid}.course-nav a span{font:10px monospace}.course-nav a i{font-style:normal}.experience-lab{background:var(--paper)}.demo-tabs{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.demo-tabs button{text-align:left;min-height:150px;padding:28px var(--pad);border:0;border-right:1px solid var(--ink);cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:35px 1fr;align-content:center;display:grid}.demo-tabs button:last-child{border-right:0}.demo-tabs button span{color:var(--orange);grid-row:span 2;font:10px monospace}.demo-tabs b{font-size:clamp(17px,1.7vw,25px)}.demo-tabs small{color:#11110f80;margin-top:6px}.demo-tabs button.is-active{background:var(--lime)}.demo-stage{min-height:780px;padding:clamp(70px, 10vw, 140px) var(--pad);grid-template-columns:.75fr 1.25fr;align-items:center;gap:7vw;display:grid}.demo-context>span{color:var(--blue);letter-spacing:.13em;font:10px monospace}.demo-context h2{letter-spacing:-.065em;margin-top:25px;font-size:clamp(44px,4.7vw,66px);line-height:.92}.demo-context h2 span{white-space:nowrap;display:block}.demo-context>p{color:#11110f99;max-width:520px;margin-top:28px;font-size:17px;line-height:1.75}.demo-device{background:var(--white);border:1px solid #11110f47;border-radius:28px;min-width:0;min-height:570px;position:relative;overflow:hidden;box-shadow:20px 30px #11110f12}.concept-progress{margin-top:46px}.concept-progress>div{color:#11110f59;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:11px 0;display:grid}.concept-progress i{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:grid}.concept-progress .is-current{color:var(--blue)}.concept-progress .is-done{color:var(--ink)}.concept-progress .is-done i{background:var(--lime);border-color:var(--lime)}.device-bar{border-bottom:1px solid var(--line);letter-spacing:.08em;justify-content:space-between;align-items:center;height:54px;padding:0 22px;font:9px monospace;display:flex}.device-bar span{color:#18a65b}.chat-orb{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:94px;height:94px;margin:55px auto 25px;font:45px Anton,sans-serif;display:grid;position:relative}.chat-orb i{border:1px solid #193bff4d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-10px}.chat-prompt{text-align:center;max-width:470px;margin:0 auto;font-size:clamp(20px,2vw,28px);font-weight:720;line-height:1.4}.demo-device--chat form{gap:10px;margin:35px 7% 8px;display:flex}.demo-device--chat textarea{resize:none;border:1px solid var(--line);background:var(--paper);outline-color:var(--blue);border-radius:15px;flex:1;min-height:110px;padding:17px}.demo-device--chat form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:15px;align-self:stretch;padding:0 18px;font-weight:700}.demo-device--chat form button:disabled{opacity:.25}.demo-device--chat>small{color:#11110f66;margin:0 7%;display:block}.concept-complete{text-align:center;padding-top:20px}.concept-complete b{color:var(--blue);font:10px monospace}.concept-complete strong{letter-spacing:-.06em;margin:15px;font-size:80px;display:block}.concept-complete p{color:#11110f8c}.concept-complete button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;margin-top:25px;padding:10px 18px}.workbook-stats{gap:15px;margin-top:45px;display:flex}.workbook-stats div{border-top:1px solid var(--ink);min-width:140px;padding:15px}.workbook-stats dt{color:#11110f73;font-size:11px}.workbook-stats dd{margin:8px 0 0;font-weight:740}.workbook-head{border-bottom:1px solid var(--line);padding:26px}.workbook-head span{color:var(--orange);font:9px monospace;display:block}.workbook-head b{margin-top:10px;font-size:27px;display:block}.workbook-head em{color:#11110f80;margin-top:4px;font-style:normal;display:block}.number-field{grid-template-columns:repeat(4,1fr);align-items:center;gap:24px;height:330px;padding:30px 12%;display:grid;position:relative}.number-field button{z-index:2;border:1px solid var(--ink);background:var(--white);cursor:pointer;border-radius:50%;justify-self:center;width:60px;height:60px;font-size:22px;transition:transform .2s,background .2s;position:relative}.number-field button:hover{transform:scale(1.08)}.number-field button.is-selected{background:var(--blue);color:#fff;border-color:var(--blue)}.number-field svg{fill:none;stroke:#193bff2e;stroke-width:1.5px;stroke-dasharray:4 4;width:70%;height:70%;position:absolute;inset:15%}.workbook-check{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;margin:0 auto;padding:12px 22px;display:block}.workbook-result{text-align:center;background:#ff4b141f;margin:14px 8%;padding:12px;font-size:12px}.workbook-result.is-correct{background:#9dff5480}.safety-readout{border-top:1px solid;grid-template-columns:1fr auto;max-width:250px;margin-top:45px;padding-top:16px;display:grid}.safety-readout small{text-transform:uppercase;letter-spacing:.1em}.safety-readout strong{letter-spacing:-.07em;grid-row:2;font-size:72px;line-height:1}.safety-readout span{grid-area:2/2;align-self:end;margin-bottom:8px;font-weight:800}.safety-readout.is-safe span{color:#1c8b4f}.safety-readout.is-limit span{color:#b57b00}.safety-readout.is-fail span{color:#d12e18}.engineering-scene{background-color:#dbe6ff;background-image:linear-gradient(#193bff14 1px,#0000 1px),linear-gradient(90deg,#193bff14 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:390px;position:relative;overflow:hidden}.measure-line{border-top:1px solid var(--blue);text-align:center;position:absolute;top:60px;left:18%;right:18%}.measure-line:before,.measure-line:after{content:"";border-left:1px solid var(--blue);height:12px;position:absolute;top:-6px}.measure-line:before{left:0}.measure-line:after{right:0}.measure-line span{color:var(--blue);font:10px monospace;position:relative;top:-22px}.bridge{--bend:0px;height:18px;transform:perspective(500px) rotateX(4deg) translateY(var(--bend));transition:transform .3s;display:flex;position:absolute;top:210px;left:18%;right:18%}.bridge i{background:#777;border:2px solid #353535;border-right:0;flex:1}.bridge i:last-child{border-right:2px solid #353535}.bridge.is-fail{transform:translateY(var(--bend)) rotate(5deg);filter:saturate(2)}.bridge-load{background:var(--orange);color:#fff;border-radius:4px;place-items:center;width:48px;height:50px;font-weight:800;transition:left .3s;display:grid;position:absolute;top:150px;transform:translate(-50%)}.bridge-load small{font-size:8px;display:block}.bridge-base{background:var(--ink);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);width:70px;height:100px;position:absolute;top:228px}.bridge-base--left{left:13%}.bridge-base--right{right:13%}.engineering-controls{grid-template-columns:1fr 1fr .7fr;gap:18px;padding:30px;display:grid}.engineering-controls label{flex-direction:column;gap:10px;font-size:11px;font-weight:750;display:flex}.engineering-controls input{accent-color:var(--blue)}.engineering-controls select{border:1px solid var(--line);background:#fff;height:36px}.experience-cta{min-height:72svh;padding:90px var(--pad);background:var(--blue);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.experience-cta p{color:var(--lime);font-size:13px}.experience-cta h2{letter-spacing:-.07em;margin:25px 0 40px;font-size:clamp(55px,8vw,115px);line-height:.88}.journal-filter{flex-wrap:wrap;gap:8px;margin-bottom:50px;display:flex}.journal-filter button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;font-size:12px}.journal-filter button.is-active{background:var(--ink);color:#fff}.journal-list{border-top:1px solid var(--ink)}.journal-row{border-bottom:1px solid var(--ink)}.journal-row>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:70px 1fr minmax(120px,18vw);align-items:center;gap:35px;width:100%;padding:30px 0;display:grid}.journal-row__index{align-self:start;font:10px monospace}.journal-row__copy small{color:var(--blue);font-size:11px;font-weight:800}.journal-row__copy h2{letter-spacing:-.06em;margin-top:12px;font-size:clamp(30px,4vw,62px);line-height:1}.journal-row__copy p{color:#11110f8c;max-width:700px;margin-top:14px;line-height:1.6}.journal-row__image{background:var(--paper-2);height:150px;position:relative;overflow:hidden}.journal-row__image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .3s,transform .5s}.journal-row:hover img{filter:grayscale(0);transform:scale(1.04)}.journal-row__image i{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.article-modal{z-index:150;place-items:end center;display:grid;position:fixed;inset:0}.article-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:0;position:absolute;inset:0}.article-modal>article{z-index:2;background:var(--white);border-radius:28px 28px 0 0;width:min(900px,100%);max-height:92svh;padding:clamp(35px,6vw,80px);animation:.45s cubic-bezier(.22,1,.36,1) article-in;position:relative;overflow:auto}.article-modal__close{cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:20px;right:25px}.article-modal article>small{color:var(--blue);font-weight:750}.article-modal article>h2{letter-spacing:-.065em;margin:20px 0 40px;font-size:clamp(45px,6vw,80px);line-height:.96}.article-modal article>img{object-fit:cover;width:100%;max-height:480px;margin-bottom:45px}.article-body{max-width:700px;margin:auto}.article-body p{word-break:keep-all;margin-bottom:24px;font-size:17px;line-height:1.9}.utility-page{min-height:100svh;padding:calc(var(--header-h) + 8vh) var(--pad) 12vh;background:var(--paper-2);place-items:center;display:grid}.auth-panel{background:var(--white);border:1px solid var(--ink);width:min(1120px,100%);box-shadow:22px 26px 0 var(--ink);border-radius:28px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-copy{background:var(--blue);color:#fff;padding:clamp(42px,6vw,80px)}.auth-copy small{color:var(--lime);letter-spacing:.13em;font:10px monospace}.auth-copy h2{letter-spacing:-.065em;margin-top:60px;font-size:clamp(46px,5vw,76px);line-height:.9}.auth-copy p{color:#ffffff9e;margin-top:30px;line-height:1.7}.auth-panel form,.admin-login form{flex-direction:column;gap:18px;padding:clamp(42px,6vw,80px);display:flex}.auth-panel label,.admin-login label,.article-editor label{flex-direction:column;gap:8px;font-size:11px;font-weight:730;display:flex}.auth-panel input,.admin-login input,.article-editor input,.article-editor textarea,.article-editor select{border:1px solid var(--line);background:var(--paper);outline-color:var(--blue);border-radius:8px;width:100%;padding:13px}.auth-switch{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.auth-switch button{cursor:pointer;background:0 0;border:0;padding:12px}.auth-switch .is-active{background:var(--ink);color:#fff}.form-message{color:var(--blue);font-size:12px;line-height:1.5}.form-note{background:#ffcf3359;padding:12px;font-size:11px;line-height:1.5}.portal-dashboard{background:var(--ink);color:#fff;width:min(1120px,100%);padding:clamp(40px,7vw,90px)}.portal-welcome small{color:var(--lime);font:10px monospace}.portal-welcome h2{letter-spacing:-.07em;margin-top:25px;font-size:clamp(48px,7vw,100px);line-height:.88}.portal-welcome p{color:#ffffff8c;margin-top:24px}.portal-status{border-top:1px solid #fff3;border-bottom:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin:70px 0 35px;display:grid}.portal-status div{border-right:1px solid #fff3;flex-direction:column;justify-content:space-between;min-height:130px;padding:20px;display:flex}.portal-status span{color:#ffffff73;font-size:11px}.portal-status strong{font-size:22px}.portal-dashboard .text-button{color:#fff}.utility-page--admin{background:#e7e7e3;display:block}.admin-login{border:1px solid var(--ink);background:#fff;width:min(560px,100%);margin:10vh auto;padding:45px}.admin-login>small{color:var(--orange);font:10px monospace}.admin-login h2{letter-spacing:-.05em;margin-top:15px;font-size:45px}.admin-login>p{background:#fff4c7;margin-top:18px;padding:13px;font-size:13px;line-height:1.6}.admin-login form{padding:35px 0 0}.admin-summary{border:1px solid var(--ink);background:#fff;grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.admin-summary div{border-right:1px solid var(--ink);justify-content:space-between;align-items:end;min-height:110px;padding:20px;display:flex}.admin-summary div:last-child{border-right:0}.admin-summary span{font-size:11px}.admin-summary strong{font:52px Anton,sans-serif}.admin-grid{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.article-editor,.admin-list{border:1px solid var(--ink);background:#fff;padding:clamp(25px,4vw,55px)}.article-editor>div:first-child small,.admin-list>small{color:var(--orange);font:9px monospace}.article-editor h2,.admin-list h2{margin:10px 0 30px;font-size:40px}.article-editor{flex-direction:column;gap:17px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-list>div{border-top:1px solid var(--line);grid-template-columns:45px 1fr;gap:10px;padding:15px 0;display:grid}.admin-list>div>span{color:var(--blue);grid-row:span 2;font-size:9px}.admin-list>div>small{color:#11110f73}.customer-list{margin-top:55px}.customer-list>small{color:var(--blue);font:9px monospace}.customer-list>div{border-top:1px solid var(--line);gap:5px;padding:14px 0;display:grid}.customer-list span,.customer-list small{color:#11110f7a;text-overflow:ellipsis;font-size:10px;overflow:hidden}[data-reveal]{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.22,1,.36,1);transform:translateY(42px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes article-in{0%{transform:translateY(100%)}}@keyframes pulse-ring{to{opacity:0;transform:scale(1.35)}}@media (max-width:700px){.section-pad{padding-top:100px;padding-bottom:100px}.section-heading,.section-heading--wide{grid-template-columns:1fr;gap:28px;margin-top:34px}.section-heading h2{font-size:clamp(42px,13vw,64px)}.section-heading p{font-size:15px}.demo-stage{grid-template-columns:1fr}.demo-context{grid-template-columns:1fr 1fr;column-gap:5vw;display:grid}.demo-context>span,.demo-context h2{grid-column:1}.demo-context>p,.concept-progress,.workbook-stats,.safety-readout{grid-column:2}.demo-context>p{grid-row:2/span 2}.demo-device{width:100%}.course-flow__list article:nth-child(2){border-right:0}.course-fit{gap:5vw}.journal-preview__head{flex-direction:column;align-items:start;gap:30px}.journal-preview__head h2{font-size:65px}.journal-preview__list{margin-top:60px}.journal-preview__list a{grid-template-columns:35px 1fr 25px;gap:10px}.journal-preview__list p{display:none}.journal-preview__list h3{font-size:26px}.sub-hero{min-height:660px;padding-bottom:70px}.sub-hero h1{font-size:68px}.sub-hero>span{line-height:1.5}.course-hero{min-height:800px;padding-bottom:165px}.course-hero h1{font-size:63px}.course-lead{font-size:15px}.course-outcomes{flex-direction:column;gap:0;bottom:25px}.course-outcomes span{min-width:0;padding:9px 0}.course-flow__list{grid-template-columns:1fr}.course-flow__list article,.course-flow__list article+article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:26px 0}.course-flow__list h3{margin-top:45px}.course-projects__list article{grid-template-columns:35px 1fr;gap:10px;padding:28px 0}.course-projects__list dl{grid-column:2}.course-projects__list dl>div{grid-template-columns:100px 1fr}.course-fit{grid-template-columns:1fr}.course-fit ul{margin-top:50px}.course-nav a{font-size:18px}.demo-tabs{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto}.demo-tabs button{min-height:125px;padding:20px}.demo-stage{min-height:auto;padding-top:75px;padding-bottom:80px}.demo-context{display:block}.demo-context h2{font-size:44px}.demo-context>p{font-size:15px}.concept-progress,.workbook-stats,.safety-readout{margin-top:35px}.demo-device{border-radius:18px;min-height:540px;box-shadow:10px 14px #11110f12}.demo-device--chat form{flex-direction:column}.demo-device--chat form button{min-height:46px}.number-field{gap:10px;padding:25px 5%}.number-field button{width:52px;height:52px}.engineering-scene{height:340px}.engineering-controls{grid-template-columns:1fr}.experience-cta{min-height:620px}.experience-cta h2{font-size:60px}.journal-content{padding-left:15px;padding-right:15px}.journal-row>button{grid-template-columns:30px 1fr;gap:10px}.journal-row__image{grid-column:2;width:100%;height:180px}.journal-row__copy h2{font-size:34px}.journal-row__copy p{font-size:13px}.article-modal>article{padding:55px 22px}.article-modal article>h2{font-size:45px}.utility-page{padding-left:12px;padding-right:12px}.auth-panel{box-shadow:10px 12px 0 var(--ink);grid-template-columns:1fr}.auth-copy{min-height:420px}.auth-copy h2{margin-top:45px;font-size:51px}.portal-status{grid-template-columns:1fr}.portal-status div{border-bottom:1px solid #fff3;border-right:0;min-height:100px}.admin-summary{grid-template-columns:1fr}.admin-summary div{border-right:0;border-bottom:1px solid var(--ink);min-height:80px}.admin-grid,.form-row{grid-template-columns:1fr}}
.spacepin{height:500vh}.mz{height:300vh}.ess{height:330vh}@media (max-width:860px){.spacepin{height:400vh}}.noans{overflow:hidden}.noans:after{content:"";z-index:0;pointer-events:none;opacity:clamp(0, calc((var(--gx,0) - .12) * 1.7), 1);background:#08070a;position:absolute;inset:0}.noans>*{z-index:1;transform:scale(calc(1 + max(0, var(--gx,0) - .18) * .7));opacity:clamp(0, calc((.92 - var(--gx,0)) / .5), 1);filter:blur(calc(max(0, var(--gx,0) - .4) * 8px));will-change:transform, opacity, filter;position:relative}.qlabs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,22px);margin-top:clamp(48px,7vw,84px);display:grid}.qlab{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1);background:#fff;gap:16px;padding:clamp(18px,2vw,24px);display:grid}.qlab__hd h3{letter-spacing:-.03em;font-size:clamp(17px,1.5vw,20px);font-weight:750;line-height:1.4}.qlab__hd p{color:var(--gray);margin-top:8px;font-size:14px;line-height:1.7}.qlab .lab{box-shadow:none;border:1px solid var(--line)}.qlab .lab__body{padding:16px}.qlab .lab__ctrls label{grid-template-columns:64px 1fr 46px;font-size:13px}@media (max-width:1000px){.qlabs{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}}.chain{flex-wrap:wrap;justify-content:center;gap:8px 0;margin-top:clamp(40px,6vw,64px);display:flex}.chain span{color:var(--gray);align-items:baseline;gap:8px;font-size:14px;display:inline-flex}.chain span b{color:var(--ink);font-size:15px;font-weight:800}.chain span+span:before{content:"→";color:var(--gray-2);margin:0 14px}.ls{position:relative}.ls__pin{height:100svh;width:min(calc(var(--wrap) + 2 * var(--pad)), 100%);padding:calc(var(--nav-h) + 12px) var(--pad) 26px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(30px,5vw,80px);margin-inline:auto;display:grid;position:sticky;top:0}.ls__head{flex-wrap:wrap;grid-area:1/1/auto/-1;align-items:center;gap:18px;display:flex}.ls__rail{flex-wrap:wrap;gap:4px;display:flex}.ls__rail button{font-family:var(--mono);letter-spacing:.14em;color:var(--gray-2);transition:color .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.ls__rail button.on{color:var(--ink);box-shadow:var(--sh-1);background:#fff}.ls__step{display:contents}.ls__t{opacity:0;filter:blur(8px);transition:opacity .5s var(--ease), transform .7s var(--ease), filter .45s var(--ease);pointer-events:none;grid-area:2/1;align-self:center;transform:translateY(18px)}.ls__step.on .ls__t{opacity:1;filter:none;pointer-events:auto;transform:none}.ls__no{color:var(--orange);align-items:center;gap:10px;margin-bottom:14px;font-weight:700;display:inline-flex}.ls__no i{background:var(--orange-line);width:22px;height:1px}.ls__ico{display:inline-flex}.ls__ico svg{border-radius:8px;width:26px;height:26px}.ls__frame{opacity:0;filter:blur(10px);width:100%;max-width:560px;transition:opacity .55s var(--ease), transform .75s var(--ease), filter .5s var(--ease);pointer-events:none;grid-area:2/2;place-self:center;transform:translateY(24px)scale(.97)}.ls__step.on .ls__frame{opacity:1;filter:none;pointer-events:auto;transform:none}.ls__frame--pocket{place-items:center;max-width:none;display:grid}.ls__ip .dev--ip{width:min(250px,26.768svh)}.ls__mb .dev--mb{width:100%}.ls__frame--workbook .lab{box-shadow:var(--sh-3)}.ls__bar{grid-area:3/1/auto/-1;gap:6px;display:flex}.ls__bar i{background:var(--line-2);border-radius:2px;flex:1;height:3px}.ls__bar i.on{background:var(--orange)}.ls__frame .sealstamp{opacity:0;transform:rotate(-11deg)scale(1.6)}.ls__step.on .ls__frame .sealstamp{animation:stampLand .55s var(--spring) .55s both}@keyframes stampLand{0%{opacity:0;transform:rotate(-11deg)scale(1.6)}to{opacity:1;transform:rotate(-11deg)scale(1)}}.ls__frame .gl{opacity:0;transform:translateY(6px)}.ls__step.on .ls__frame .gl{animation:glIn .45s var(--ease) both}.ls__step.on .ls__frame .gl:nth-child(2){animation-delay:.5s}.ls__step.on .ls__frame .gl:nth-child(3){animation-delay:1s}.ls__step.on .ls__frame .gl:nth-child(4){animation-delay:1.5s}@keyframes glIn{to{opacity:1;transform:none}}@media (max-width:900px){.ls{height:auto!important}.ls__pin{width:auto;height:auto;padding:clamp(60px, 9vw, 90px) var(--pad);display:block;position:static}.ls__head{margin-bottom:26px}.ls__rail{display:none}.ls__step{display:block}.ls__step+.ls__step{margin-top:56px}.ls__t,.ls__frame{opacity:1;filter:none;pointer-events:auto;transform:none}.ls__frame{max-width:none;margin-top:22px}.ls__ip .dev--ip{width:min(250px,80%)}.ls__frame .sealstamp{opacity:1;transform:rotate(-11deg)}.ls__frame .gl{opacity:1;transform:none}.ls__bar{display:none}}@media (prefers-reduced-motion:reduce){.ls__frame .sealstamp,.ls__frame .gl{opacity:1;transform:none;animation:none!important}.ls__frame .sealstamp{transform:rotate(-11deg)}}.works{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);display:grid}.wk{text-align:left;width:100%;height:100%;font:inherit;color:inherit;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1);cursor:pointer;transition:box-shadow .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#fff;flex-direction:column;gap:6px;padding:12px 12px 18px;text-decoration:none;display:flex}.wk:hover{box-shadow:var(--sh-2);border-color:var(--orange-line)}.works>[data-r]{display:grid}.wk__cover{aspect-ratio:4/3;border-radius:var(--r);background:var(--bg-2);place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.wk__cover img{filter:drop-shadow(0 12px 24px #211c1829);width:62%;height:auto;transition:transform .5s var(--ease)}.wk:hover .wk__cover img{transform:scale(1.05)}.wk__ph{font-family:var(--mono);letter-spacing:.2em;color:var(--gray-2);font-size:12px;font-style:normal}.wk__meta{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.wk__meta i{letter-spacing:.1em;color:var(--orange);font-size:11px;font-style:normal;font-weight:800}.wk__meta em{color:var(--gray);font-size:11.5px;font-style:normal;font-weight:650}.wk>b{letter-spacing:-.03em;color:var(--ink);padding:0 6px;font-size:16.5px;font-weight:800;line-height:1.4}.wk__by{color:var(--gray);padding:0 6px;font-size:12.5px}.wk__go{color:var(--orange);margin-top:auto;padding:8px 6px 0;font-size:13px;font-weight:750}.wk__go i{transition:transform .3s var(--ease);font-style:normal;display:inline-block}.wk:hover .wk__go i{transform:translate(4px)}@media (max-width:1000px){.works{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.works{grid-template-columns:minmax(0,1fr)}}.cipher__in{gap:8px;display:grid}.cipher__in input{height:var(--ctl-md);border:1px solid var(--line-2);background:var(--bg-2);font-family:var(--mono);letter-spacing:.04em;border-radius:12px;padding:0 14px;font-size:16px}.cipher__meter{grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:6px;margin-top:14px;display:grid}.cipher__meter i{background:var(--bg-3);height:8px;transition:background .3s var(--ease);border-radius:999px}.cipher__meter b{color:var(--gray);margin-left:8px;font-size:13px;font-weight:800}.cipher__meter[data-g="0"] i:nth-child(-n+1){background:var(--orange)}.cipher__meter[data-g="1"] i:nth-child(-n+2){background:#f5a300}.cipher__meter[data-g="2"] i:nth-child(-n+3){background:var(--cyan)}.cipher__meter[data-g="3"] i:nth-child(-n+4){background:#14926a}.cipher__meter[data-g="0"] b{color:var(--orange)}.cipher__meter[data-g="2"] b{color:#058a8a}.cipher__meter[data-g="3"] b{color:#14926a}.cipher__rows{gap:8px;margin-top:16px;display:grid}.cipher__rows div{grid-template-columns:92px 1fr;gap:10px;font-size:14px;line-height:1.6;display:grid}.cipher__rows dt{color:var(--gray-2);font-size:12.5px;font-weight:700}.cipher__rows dd{color:var(--ink-2)}.cipher__rows sup{font-size:.7em}.tg{aspect-ratio:1;border-radius:14px;outline:none;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.tg:focus-visible{box-shadow:0 0 0 3px var(--ring)}.tg__c{background:var(--bg-2);color:#fff;transition:background .2s var(--ease);border-radius:8px;font-size:11px;font-weight:800}.tg__c:disabled{pointer-events:none}.tg__c.near{background:var(--bg-3);cursor:pointer}.tg__c.near:hover{background:var(--orange-soft)}.tg__c.me{background:var(--ink)}.tg__c.it{background:var(--orange)}.tg[data-caught] .tg__c.it{background:var(--cyan)}.tg__pad{grid-template-columns:repeat(4,40px);justify-content:center;gap:6px;margin-top:12px;display:grid}.tg__pad button{background:var(--bg-2);height:40px;color:var(--ink-2);border-radius:10px;font-size:16px;font-weight:800}.tg__pad button:hover{background:var(--bg-3)}.tg__again{background:var(--ink);color:#fff;border-radius:999px;margin-left:6px;padding:6px 12px;font-size:12.5px;font-weight:750}.teach__gates{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.teach__gates span{color:#ffffff73;transition:color .3s var(--ease), border-color .3s var(--ease);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:700;display:inline-flex}.teach__gates i{width:22px;height:22px;transition:background .3s var(--ease);background:#ffffff14;border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid}.teach__gates .now{color:#fff;border-color:#00f9f880}.teach__gates .now i{color:#0c0a08;background:#00f9f8}.teach__gates .done{color:#fffc}.teach__gates .done i{background:var(--orange);color:#fff}.teach__form{border-top:2px solid #0c0a08;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px;display:grid}.teach__form input{height:var(--ctl-md);color:#fff;background:#16120e;border:1.5px solid #3a322a;border-radius:4px;padding:0 14px;font-size:14.5px}.teach__form input::placeholder{color:#ffffff59}.teach__form input:focus-visible{border-color:#00f9f8;box-shadow:0 0 0 3px #00f9f859}.teach__form button{height:var(--ctl-md);color:#0c0a08;background:#00f9f8;border-radius:4px;padding:0 18px;font-size:14px;font-weight:800}.teach__form button:disabled{opacity:.35;pointer-events:none}.teach__done{text-align:center;border-top:2px solid #0c0a08;justify-items:center;gap:6px;padding:18px 0 8px;display:grid}.teach__done b{font-family:var(--mono);letter-spacing:.24em;color:#00f9f8;font-size:11px}.teach__done strong{letter-spacing:-.04em;color:#fff;font-size:44px;font-weight:800;line-height:1.1}.teach__done span{color:#fff9;font-size:13.5px}.teach__done button{color:#fff;border:1px solid #ffffff40;border-radius:999px;margin-top:10px;padding:9px 16px;font-size:13px;font-weight:700}.teach .gl--me{color:#ffffffb8}.teach .gamebox__log{align-content:end;min-height:150px}.prow2__ds small{color:var(--orange-2);margin-top:6px;font-size:12.5px;font-weight:700;display:block}.nf{text-align:center;min-height:100svh;padding:calc(var(--nav-h) + 40px) var(--pad) 140px;place-content:center;justify-items:center;gap:14px;display:grid}.nf .lead{max-width:32ch;margin-top:4px}.nf .btn{margin-top:18px}.tone-orange .cbadges span{color:#fff;background:#ffffff1f;border-color:#ffffff59}.ls .dev{animation:none!important}
