@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Archivo;src:url('assets/archivo-500.ttf');font-weight:500;font-display:swap}
:root{--paper:oklch(98% .004 260);--ink:oklch(24% .016 260);--muted:oklch(51% .02 260);--blue:oklch(52% .2 265);--line:oklch(90% .012 260);--ease:cubic-bezier(.2,.75,.2,1);--card-width:350px;--card-step:378px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #517de8;outline-offset:5px}button:disabled{opacity:.3;cursor:default}button:disabled:hover{transform:none}::selection{color:#fafbff;background:#315bde}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;padding:14px 20px;background:var(--paper);color:var(--ink);border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:absolute;top:0;left:0;right:0;height:96px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;color:#f8f9f7;z-index:30;transition:background .25s,color .25s;gap:24px}.site-header.is-scrolled{position:fixed;height:76px;color:var(--ink);background:oklch(98% .004 260/.96);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(16px);animation:header-in .3s var(--ease)}.brand{display:flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1.2px;white-space:nowrap;font-weight:600}.brand svg{width:31px;height:31px}.brand b{font-weight:400;letter-spacing:-1px}.site-header nav{display:flex;gap:38px;align-items:center;font-size:14px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-header nav a:hover:after{transform:scaleX(1)}.site-header nav span{margin-left:8px}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{height:1px;background:currentColor;display:block;margin:7px 0;transition:transform .3s}.mobile-nav{position:fixed;inset:76px 0 auto;background:var(--paper);z-index:29;padding:24px;box-shadow:0 20px 50px #17233a18}.mobile-nav a{display:flex;justify-content:space-between;padding:24px 4px;font-size:25px;border-bottom:1px solid var(--line)}.mobile-nav a span{font-size:12px;color:var(--muted)}
.hero{height:100svh;min-height:680px;max-height:1050px;position:relative;background:#101d1a;color:#f7f9f7;overflow:hidden;isolation:isolate}.hero-slides,.hero-slide,.hero-visual,.hero-shade{position:absolute;inset:0}.hero-slide{visibility:hidden;opacity:0;transition:opacity 1s var(--ease),visibility 1s;overflow:hidden}.hero-slide.is-active{visibility:visible;opacity:1;z-index:2}.hero-visual{overflow:hidden;transition:transform 1.6s var(--ease);transform:scale(1.06)}.is-active .hero-visual{transform:scale(1)}.visual-bloom{background:#243a2d}.visual-bloom img{width:100%;height:100%;object-fit:cover;object-position:center;animation:camera-drift 24s ease-in-out infinite alternate}.bloom-light{position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,#ebffb20d 50%,transparent 70%);mix-blend-mode:screen;animation:light-pan 12s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(180deg,#0d1b194a,transparent 25%,#07151024 50%,#0418137a);pointer-events:none}.hero-copy{position:absolute;top:45%;left:24px;right:24px;transform:translateY(-50%);text-align:center;z-index:2}.hero-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:500;display:block;margin-bottom:25px}.hero-copy h1,.hero-copy h2{font-weight:400;font-size:clamp(64px,8vw,122px);line-height:1.12;letter-spacing:-.055em;margin:0;text-shadow:0 2px 22px #14272028}.hero-copy h1{font-family:Archivo,Manrope,sans-serif;font-size:clamp(100px,11vw,172px);letter-spacing:-.075em}.hero-copy h2{font-size:clamp(52px,6.4vw,102px);letter-spacing:-.05em}.hero-copy p{font-size:clamp(15px,1.6vw,22px);line-height:1.8;margin:24px 0 32px;letter-spacing:.02em}.pill{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:19px 30px;font-size:15px;background:var(--paper);color:var(--ink);min-height:58px;transition:transform .3s var(--ease),background .25s,color .25s}.pill span{font-size:20px;line-height:1;transition:transform .3s}.pill:hover{transform:translateY(-3px);background:#dce7ff}.pill:hover span{transform:translate(2px,-2px)}.is-active .hero-copy>*{animation:copy-reveal .8s var(--ease) both}.is-active .hero-copy>p{animation-delay:.1s}.is-active .hero-copy>.pill{animation-delay:.17s}.hero-controls{position:absolute;z-index:5;bottom:50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px}.round-button{width:50px;height:50px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;transition:background .25s,transform .3s,color .25s;flex-shrink:0}.hero .round-button{border-color:#f8f9f738;color:#f8f9f7}.round-button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.hero .round-button:hover{background:var(--paper);color:var(--ink)}.slide-dots{display:flex;align-items:center;gap:10px}.slide-dot{width:22px;height:40px;position:relative;padding:0;transition:width .4s var(--ease)}.slide-dot:before{content:'';position:absolute;left:0;right:0;top:18px;height:4px;border-radius:10px;background:#f5f8ee55}.slide-dot span{position:absolute;top:18px;left:0;height:4px;border-radius:10px;width:100%;background:#f5f8ee;transform:scaleX(0);transform-origin:left}.slide-dot.is-active{width:94px}.slide-dot.is-active span{transform:scaleX(var(--progress,0))}.hero-pause{width:36px;height:44px;font-size:17px;color:inherit;position:absolute;left:calc(100% + 12px)}.hero-scroll{position:absolute;z-index:5;right:4vw;bottom:65px;display:flex;gap:20px;align-items:center;font-size:11px}.hero-scroll span{font-size:23px}.hero-caption{position:absolute;bottom:66px;left:4vw;font-size:9px;letter-spacing:.15em;opacity:.7}.mobile-only{display:none}
.visual-api{background:#203e73}.api-mesh{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#bdd6ff40 1px,transparent 1px),linear-gradient(90deg,#bdd6ff40 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000)}.api-orbits{position:absolute;width:900px;height:900px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.api-orbits>i{position:absolute;inset:10%;border-radius:50%;border:1px solid #c2ddff66;box-shadow:inset 0 0 30px #bcd1fc09;transform:rotateX(55deg);animation:orbit-breathe 12s ease-in-out infinite alternate}.api-orbits>i:nth-child(2){inset:0;transform:rotateY(52deg) rotate(30deg);animation-delay:-4s}.api-orbits>i:nth-child(3){inset:-14%;transform:rotateX(48deg) rotate(-30deg);animation-delay:-8s}.api-orbits>i:nth-child(4){inset:20%;border-width:50px;border-color:#abcdf721;transform:rotateY(30deg);filter:blur(1px)}.api-core{position:absolute;inset:34%;display:grid;place-content:center;font-size:160px;font-family:Archivo,sans-serif;font-weight:500;color:#e2edff30;transform:rotate(25deg);border-radius:40%;background:linear-gradient(135deg,#dae7ff22,transparent);border:1px solid #d2e5ff55}.api-core span{position:absolute;right:28px;top:16px;font-size:40px}.orbit-node{position:absolute;width:76px;height:76px;border-radius:22px;display:grid;place-content:center;background:linear-gradient(140deg,#edf2ff,#8cafe7);color:#2e4a7f;box-shadow:0 12px 45px #081c3830;transform:rotate(25deg);font-size:32px}.node-a{left:8%;top:30%}.node-b{right:8%;bottom:24%}.node-c{right:24%;top:10%}.visual-consult{background:linear-gradient(180deg,#7d5846,#bb9476 65%,#dfc3a0)}.portal-lines{position:absolute;left:50%;top:50%;width:1050px;height:850px;transform:translate(-50%,-35%);perspective:900px}.portal-lines i{position:absolute;border:24px solid #f5ddbd33;inset:0;border-radius:48% 48% 0 0;box-shadow:inset 4px 8px 12px #5138241a,4px 0 30px #ffdeac15;transform:scale(var(--s));animation:portal-breathe 12s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-1s)}.portal-lines i:nth-child(1){--s:1.5;--n:1}.portal-lines i:nth-child(2){--s:1.25;--n:2}.portal-lines i:nth-child(3){--s:1;--n:3}.portal-lines i:nth-child(4){--s:.8;--n:4}.portal-lines i:nth-child(5){--s:.62;--n:5}.portal-lines i:nth-child(6){--s:.46;--n:6}.portal-lines i:nth-child(7){--s:.32;--n:7}.portal-lines i:nth-child(8){--s:.2;--n:8}.portal-sun{width:270px;height:270px;border-radius:50%;position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);background:#fff4d2;filter:blur(55px);opacity:.55}
.explore{padding:108px 0 96px;overflow:hidden;position:relative}.section-heading{text-align:center;padding:0 24px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--muted)}.section-heading h2{font-size:clamp(40px,4.8vw,68px);font-weight:400;line-height:1.3;letter-spacing:-.055em;margin:24px 0 18px}.section-heading h2 span{color:var(--ink)}.section-heading p{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.product-wheel{height:560px;position:relative;margin-top:40px;touch-action:pan-y;cursor:grab;outline-offset:-10px!important}.product-wheel.is-dragging{cursor:grabbing}.wheel-track{position:absolute;inset:0;perspective:1400px}.product-card{position:absolute;top:24px;left:calc(50% - var(--card-width)/2);width:var(--card-width);height:444px;padding:16px;background:#fefefe;border-radius:24px;border:1px solid #e8ebf1;box-shadow:0 10px 20px -18px #1c335747;transform-origin:50% 100%;transition:transform .65s var(--ease),opacity .45s,box-shadow .4s;will-change:transform;user-select:none;overflow:hidden}.product-card.is-center{box-shadow:0 18px 32px -24px #1c33576b}.is-dragging .product-card{transition:none}.product-card.is-filtering{opacity:0!important;pointer-events:none}.product-art{height:260px;position:relative;border-radius:13px;overflow:hidden;isolation:isolate;pointer-events:none}.product-card h3{font-weight:600;font-size:23px;letter-spacing:-.8px;margin:20px 8px 8px}.product-card .description{font-size:13px;line-height:1.65;color:var(--muted);margin:0 8px;max-width:31ch}.card-action{position:absolute;bottom:25px;left:24px;right:24px;text-align:left;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:6px 0}.card-action:after{content:'';position:absolute;inset:-380px -24px -25px;border-radius:24px}.card-action span{font-size:19px;transition:transform .3s}.card-action:hover span{transform:translate(3px,-3px)}.art-word{position:absolute;font-family:Archivo,sans-serif;font-size:62px;font-weight:500;letter-spacing:-4px;z-index:2}.art-label{position:absolute;font-size:9px;letter-spacing:2px;z-index:3}.art-fx{background:#293d28}.art-fx img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 2s var(--ease)}.art-fx .art-word{left:22px;bottom:28px;color:#fcffe8}.art-fx .art-label{top:22px;left:22px;color:#ebf4d8}.art-fx:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#071d1050)}.product-card:hover .art-fx img,.is-center .art-fx img{transform:scale(1.24) rotate(3deg)}.art-api{background:#e5ecfb;color:#234695;display:grid;place-items:center}.api-symbol{width:126px;height:126px;border-radius:30px;background:#f8fbff;border:1px solid #d0dcf3;box-shadow:0 15px 35px #3c62a81a;display:grid;place-content:center;font-size:55px;letter-spacing:-9px;transform:rotate(-10deg);z-index:2;transition:transform 1s var(--ease)}.api-paths{position:absolute;inset:0;display:grid;place-items:center}.api-paths i{position:absolute;width:90%;height:50%;border:1px solid #8fa9dc;transform:rotate(-30deg);border-radius:50%}.api-paths i:nth-child(2){transform:rotate(30deg)}.api-paths i:nth-child(3){transform:rotate(90deg)}.art-api .art-label{bottom:18px;left:0;right:0;text-align:center;color:#4269a7}.product-card:hover .api-symbol,.is-center .api-symbol{transform:rotate(4deg) scale(1.06)}.art-pass{background:#e9e4f1;display:grid;place-items:center}.pass-card{position:absolute;width:185px;height:118px;border-radius:12px;background:linear-gradient(125deg,#f9f4fc,#cabee0);border:1px solid #ffffffba;box-shadow:0 20px 30px #76678320;transform:rotate(-15deg) translateY(-7px);padding:20px;color:#71617f;transition:transform 1s var(--ease)}.pass-card.back{transform:rotate(14deg) translate(12px,14px);background:#b8a5cf}.pass-card .pass-name{font-size:16px;letter-spacing:-.6px}.pass-card .pass-chip{width:25px;height:20px;border-radius:4px;border:1px solid #bca79c;background:linear-gradient(135deg,#ede2c9,#ccb98e);margin-top:19px}.pass-card small{position:absolute;right:15px;bottom:19px;font-size:9px;letter-spacing:2px}.product-card:hover .pass-card:not(.back){transform:rotate(-5deg) translateY(-15px)}.art-consult{background:#f1e6db}.consult-disc{position:absolute;border:1px solid #caaa8d;border-radius:50%;width:174px;height:174px;top:43px;left:calc(50% - 87px);box-shadow:inset 8px 8px 18px #e5c4a366,5px 10px 25px #bf996d12;transform:rotateX(35deg) rotateY(-20deg);transition:transform 1s var(--ease)}.consult-disc:nth-child(2){transform:translateX(-27px) rotateY(55deg)}.consult-disc:nth-child(3){transform:translateX(27px) rotateY(-55deg)}.art-consult .art-word{font-size:45px;letter-spacing:-2px;top:100px;left:0;right:0;text-align:center;color:#947052}.product-card:hover .consult-disc{transform:rotateX(0) rotateY(0)}.art-sfx{background:#f0deda;display:flex;align-items:center;justify-content:center;gap:5px}.wave-bar{width:6px;height:var(--h);border-radius:5px;background:linear-gradient(#c7876c,#a86758);transform:scaleY(.6);animation:wave 1.8s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}.is-center .wave-bar,.product-card:hover .wave-bar,.dialog-art .wave-bar{animation-play-state:running}.art-sfx .art-label{top:24px;left:24px;color:#986459}.art-cut{background:#dfe9e6;perspective:700px}.film-stack{position:absolute;inset:40px 32px;transform:rotate(-10deg);transition:transform 1s var(--ease)}.film-frame{height:70px;border:5px solid #edf4ef;border-radius:5px;position:absolute;width:100%;box-shadow:0 6px 22px #526f6833;background:linear-gradient(160deg,#a4bfaa 25%,#dbb487 26%,#7e9e8a 65%,#435b54 66%)}.film-frame:nth-child(2){top:56px;left:14px;background:linear-gradient(165deg,#d9e5d2 40%,#c2a189 41%,#748b70 65%,#304b3c 66%)}.film-frame:nth-child(3){top:112px;left:28px;background:linear-gradient(155deg,#b4c4d0 35%,#af8f73 36%,#587571 70%,#294d47 71%)}.product-card:hover .film-stack{transform:rotate(0) translateY(-10px)}
.wheel-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:-3px}.wheel-toolbar .round-button{border-color:var(--line);width:48px;height:48px;font-size:22px}.wheel-count{font-size:11px;min-width:55px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.categories{display:flex;justify-content:center;gap:10px;padding:30px 20px 0;flex-wrap:wrap}.category{font-size:13px;padding:14px 25px;border-radius:99px;border:1px solid transparent;transition:background .25s,color .25s,transform .3s;white-space:nowrap}.category span{font-size:10px;margin-left:5px;opacity:.65}.category:hover{background:#e8edf5;transform:translateY(-2px)}.category.active{background:#253247;color:#f5f7fb}.category.active[data-category=software]{background:#e7eeda;color:#3b5330}.category.active[data-category=api]{background:#dce7fc;color:#234e9c}.category.active[data-category=recharge]{background:#e9e0f2;color:#71558b}.category.active[data-category=consult]{background:#f0e2d5;color:#916643}.text-link{font-size:13px;display:inline-flex;gap:24px;align-items:center;padding:10px 0}.text-link span{font-size:20px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.directory-toggle{display:flex;margin:27px auto 0;color:var(--muted)}.directory{max-width:1200px;margin:48px auto 0;padding:0 40px}.directory-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.directory h3{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:0}.search-box{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bdc7d6;padding:8px 0}.search-box>span{font-size:25px}.search-box input{border:0;background:none;color:var(--ink);padding:8px 0;width:190px;font-size:13px;border-radius:0}.directory-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.directory-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line);text-align:left}.directory-row .mini-dot{width:10px;height:10px;border-radius:50%;background:var(--dot);flex-shrink:0}.directory-row strong{font-weight:500;display:block;font-size:18px}.directory-row small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.directory-row>.row-arrow{margin-left:auto;font-size:22px}.empty-message{color:var(--muted);font-size:14px;padding:24px 0}
.about{padding:105px max(40px,8vw) 0;max-width:1600px;margin:auto;border-top:1px solid var(--line);position:relative;overflow:hidden}.about h2{font-size:clamp(38px,4.3vw,66px);font-weight:400;letter-spacing:-.05em;line-height:1.35;margin:30px 0}.about h2 span{color:#79869b}.about>p{position:absolute;right:8vw;top:162px;font-size:14px;line-height:2.2;color:var(--muted)}.about>.text-link{margin-bottom:74px}.brand-signature{font-size:clamp(80px,15vw,232px);line-height:1.2;letter-spacing:-.065em;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:.2em;color:#dce2ec;user-select:none}.brand-signature span{font-weight:400}.brand-signature svg{width:.4em;height:.4em;margin-left:auto;color:#315bde;transition:transform 1.2s var(--ease)}.about:hover .brand-signature svg{transform:rotate(90deg)}.contact{background:#eaf0fb;text-align:center;padding:88px 24px 92px;margin-top:24px}.contact .eyebrow{color:#61728e}.contact h2{font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.35;letter-spacing:-.055em;margin:26px 0 32px}.contact-cta{background:#315bde;color:#f7f9ff}.contact-cta:hover{background:#254bc4}.contact>p{font-size:11px;color:#647692;letter-spacing:.08em;margin:23px 0 0}footer{padding:40px clamp(24px,4vw,72px);display:flex;align-items:center;gap:30px}footer>.brand{font-size:24px}footer>span{font-size:12px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:34px;font-size:10px;color:var(--muted)}
.product-dialog{width:min(850px,calc(100% - 32px));max-height:calc(100svh - 48px);padding:0;border:0;border-radius:24px;color:var(--ink);background:var(--paper);overflow:auto;box-shadow:0 40px 150px #101b3a40}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialog-in .4s var(--ease)}.product-dialog::backdrop{background:#17233466;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:16px;width:38px;height:38px;background:#f7f8fae6;border:0;z-index:3;font-size:26px}.dialog-art{min-height:410px;overflow:hidden}.dialog-art>.product-art{height:100%;min-height:410px;border-radius:0}.dialog-art .art-word{font-size:80px}.dialog-copy{padding:65px 32px 38px}.dialog-copy h2{font-weight:500;font-size:34px;letter-spacing:-1.4px;margin:18px 0}.dialog-copy>p{font-size:14px;line-height:1.9;color:var(--muted)}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.dialog-tags span{font-size:11px;padding:7px 11px;background:#e9edf4;border-radius:99px}.dialog-copy>.demo-note{font-size:11px;color:#7c8799;margin-top:28px}.dialog-back{background:var(--ink);color:var(--paper);font-size:13px;padding:14px 23px;min-height:48px;margin-top:8px}.dialog-back:hover{background:#354563}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#26354b;color:#f5f8ff;box-shadow:0 10px 40px #192a4c25;border-radius:14px;padding:16px 23px;font-size:13px;line-height:1.6;z-index:80;max-width:calc(100% - 32px);width:max-content;opacity:0;visibility:hidden;transition:opacity .25s,transform .3s}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@keyframes camera-drift{from{transform:scale(1.03) translate(-.5%,0)}to{transform:scale(1.15) translate(1%,1%)}}@keyframes light-pan{from{transform:translateX(-30%)}to{transform:translateX(30%)}}@keyframes copy-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes orbit-breathe{to{rotate:18deg;scale:1.1}}@keyframes portal-breathe{to{translate:0 -30px;opacity:.4}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1600px){:root{--card-width:390px;--card-step:422px}.product-card{height:478px}.product-art{height:284px}.product-wheel{height:594px}}
@media(max-width:1000px){.hero-caption{display:none}.site-header{height:84px}.site-header nav{gap:24px}.hero{min-height:650px}.hero-scroll{right:28px;font-size:10px}.about>p{position:static;margin-bottom:22px}.about>.text-link{margin-bottom:50px}.brand-signature{font-size:16vw}.contact{margin-top:20px}footer{flex-wrap:wrap}footer>div{flex-basis:100%;justify-content:space-between;margin:0}.section-heading h2{font-size:50px}}
@media(max-width:600px){:root{--card-width:284px;--card-step:303px}.site-header{height:76px;padding-inline:22px}.brand{font-size:23px;gap:7px}.brand svg{width:27px;height:27px}.site-header nav{display:none}.menu-toggle{display:block}.site-header.menu-open{position:fixed;background:var(--paper);color:var(--ink)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:92svh;min-height:660px;max-height:860px}.hero-copy{top:44%;left:20px;right:20px}.hero-eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:25px}.hero-copy h1{font-size:92px}.hero-copy h2{font-size:52px;line-height:1.25}.hero-copy p{font-size:13px;line-height:1.9;max-width:25ch;margin:20px auto 28px}.hero-copy h1+p{max-width:20ch}.pill{padding:16px 25px;font-size:13px;min-height:53px;gap:25px}.hero-controls{bottom:63px;gap:13px}.hero .round-button{width:43px;height:43px;font-size:21px}.slide-dots{gap:8px}.slide-dot{width:10px}.slide-dot.is-active{width:62px}.hero-pause{left:calc(100% + 6px);width:26px}.hero-scroll{bottom:20px;right:0;left:0;justify-content:center;font-size:9px;gap:10px}.hero-scroll span{font-size:17px}.mobile-only{display:initial}.visual-bloom img{object-position:56% center}.api-orbits{width:660px;height:660px;top:48%}.api-core{font-size:110px}.orbit-node{width:57px;height:57px;font-size:26px;border-radius:16px}.portal-lines{width:620px;height:780px}.portal-lines i{border-width:17px}.explore{padding-top:70px;padding-bottom:58px}.eyebrow{font-size:9px}.section-heading h2{font-size:37px;letter-spacing:-.055em;margin-top:20px}.section-heading h2 span{display:block}.section-heading p{font-size:12px}.product-wheel{height:456px;margin-top:30px}.product-card{height:377px;padding:12px;border-radius:20px;top:20px}.product-art{height:210px;border-radius:11px}.product-card h3{font-size:21px;margin:17px 8px 8px}.product-card .description{font-size:12px}.card-action{bottom:21px;left:20px;right:20px;font-size:11px}.wheel-toolbar{gap:18px}.wheel-toolbar .round-button{width:42px;height:42px;font-size:21px}.categories{padding-top:24px;gap:5px;padding-inline:16px}.category{padding:11px 14px;font-size:11px}.category span{display:none}.directory-toggle{margin-top:19px;font-size:11px}.directory{padding:0 24px;margin-top:36px}.directory-head{align-items:flex-start;flex-direction:column;gap:18px}.directory h3{font-size:23px}.search-box{width:100%}.search-box input{width:100%}.directory-list{grid-template-columns:1fr}.directory-row strong{font-size:17px}.about{padding:62px 24px 0;margin-inline:24px;padding-inline:0}.about h2{font-size:34px;line-height:1.4;margin:24px 0}.about h2 span{display:block}.about>p{font-size:12px;line-height:2.1}.about>.text-link{font-size:12px;margin-bottom:42px}.brand-signature{font-size:15vw;gap:.15em;line-height:1.3}.contact{padding:64px 24px;margin-top:24px}.contact h2{font-size:34px;margin-top:22px}.contact>p{font-size:10px}footer{padding:32px 24px;gap:15px;justify-content:space-between}footer>.brand{font-size:21px}footer>span{font-size:10px}footer>div{font-size:9px;margin-top:13px;gap:16px}.product-dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:190px;height:190px}.dialog-art>.product-art{height:190px;min-height:190px}.dialog-art .art-word{font-size:60px;bottom:15px}.dialog-copy{padding:28px 26px}.dialog-copy h2{font-size:29px;margin:14px 0}.dialog-copy>p{font-size:13px}.dialog-copy>.demo-note{margin-top:20px}.dialog-tags{margin:17px 0}.dialog-art .api-symbol{width:105px;height:105px;font-size:44px}.dialog-art .consult-disc{top:8px}.dialog-art .art-consult .art-word{top:73px}.dialog-art .film-stack{inset:10px 65px}.toast{font-size:12px}}
.skip-link:not(:focus){clip-path:inset(100%);width:1px;height:1px;padding:0;overflow:hidden}
.hero-slide:not(.is-active) .hero-visual *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-card{will-change:auto}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(72px,23.5vw,92px)}}