/* /style.css */
@font-face{font-family:Inter;src:url("/_assets/inter-latin.3100e775e861.woff2") format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0c;--text:#eaeaeb;--muted:#a0a3ae;--line:#f6f6f716;--panel:#191a1d;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #dfe0e2;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;letter-spacing:-.045em;line-height:1.22}h2{font-size:40px}h3{font-size:28px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.section{padding-block:118px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;left:20px;top:-70px;background:white;color:#191a1d;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.pill{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid #f6f6f70c;border-radius:40px;background:#f6f6f70d;padding:5px 13px;color:#b2b5bd;font-size:13px;line-height:1.4;box-shadow:inset 0 1px 1px #f6f6f707}.pill.dot:before,.small-label:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#808593}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:12px 28px;border:1px solid #f6f6f715;border-radius:100px;font-size:14px;letter-spacing:-.02em;transition:background .25s,transform .35s var(--ease),box-shadow .35s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 7px 25px #0b0b0c22}.button span{transition:transform .3s}.button:hover span{transform:translate(2px,-2px)}.button.light{background:#dcdddf;color:#1e2024;border-color:#f6f6f733;box-shadow:inset 0 1px 1px #f6f6f777}.button.light:hover{background:white}.button.glass{background:#f6f6f70f;box-shadow:inset 0 1px 2px #f6f6f70a}.button.glass:hover{background:#f6f6f720}.button.small{min-height:36px;padding:7px 18px;font-size:13px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;transition:color .2s}.text-link:hover{color:white}.tiny-dot{display:inline-block;width:6px;height:6px;background:#afb2ba;border-radius:50%;box-shadow:0 0 12px #afb2ba55}
.header{position:fixed;inset:0 0 auto;z-index:50;height:64px;transition:background .35s,backdrop-filter .35s}.header.scrolled{background:linear-gradient(#0b0b0cdd,#0b0b0c88);backdrop-filter:blur(16px);border-bottom:1px solid #f6f6f708}.nav-wrap{width:min(1080px,calc(100% - 80px));height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.055em;white-space:nowrap;line-height:1.1}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#f2f2f3;color:#2a2c32;border-radius:7px;width:25px;height:27px;font-style:italic;font-size:25px;font-weight:600;line-height:1;letter-spacing:-.06em;padding-bottom:5px;padding-right:2px}.desktop-nav{display:flex;gap:30px;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:13px;color:#b7bac2;transition:color .2s}.desktop-nav a:hover{color:#f6f6f7}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;height:1280px;overflow:clip;--hero-scroll:0}.hero-sky{position:absolute;inset:0;background:linear-gradient(180deg,#26282d 0%,#36383f 30%,#656976 53%,#999da8 75%,#848997 100%);z-index:-4}.hero-copy{position:relative;z-index:3;text-align:center;padding-top:157px}.hero-copy .pill{background:#f6f6f716;color:#d6d7da;box-shadow:inset 0 1px 1px #f6f6f71a}.hero h1{font-size:56px;line-height:1.27;letter-spacing:-.045em;margin:26px 20px 23px}.hero-copy>p{font-size:15px;line-height:1.5;color:#cecfd2}.hero-copy>.button{margin-top:46px}.landscape{position:absolute;max-width:none;width:100%;height:auto;left:0;bottom:0;pointer-events:none;will-change:transform}.hills-back{z-index:-2;transform:translateY(calc(var(--hero-scroll) * -48px))}.hills-mid{z-index:-1;transform:translateY(calc(var(--hero-scroll) * -22px))}.hills-front{z-index:5;transform:translateY(calc(var(--hero-scroll) * 36px)) scale(1.015);transform-origin:bottom}.hero-product{position:absolute;top:590px;left:50%;width:min(960px,calc(100% - 100px));height:600px;z-index:2;transform:translateX(-50%) translateY(calc(var(--hero-scroll) * -86px)) scale(calc(1 + var(--hero-scroll) * .035));transform-origin:50% 0;will-change:transform}.product-window{display:flex;border:5px solid #292b31;border-radius:26px;background:#27292e;overflow:hidden;box-shadow:0 0 0 1px #f6f6f714,0 30px 100px #0b0b0c22}.product-sidebar{width:225px;flex-shrink:0;padding:23px 20px;background:linear-gradient(130deg,#2b2d32,#25262b);color:#afb2bb;position:relative}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;color:#9094a0;font-size:20px}.mini-wordmark{font-size:25px;letter-spacing:-.07em;color:#d5d6d9}.sidebar-item{display:flex;gap:13px;padding:8px 4px;font-size:17px;align-items:center}.sidebar-item>span{font-size:13px}.sidebar-item.selected{color:#e5e6e8}.sidebar-bottom{position:absolute;bottom:26px;left:24px;display:flex;gap:10px;align-items:center;font-size:12px}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f6f6f722;border-radius:50%;font-size:13px}.sidebar-bottom small{display:block;color:#6f7483;font-size:10px}.product-screen{position:relative;flex:1;border-radius:19px 19px 0 0;overflow:hidden}.aurora{background:radial-gradient(ellipse at 80% 0%,#f0f1f2 0,transparent 45%),radial-gradient(ellipse at 90% 60%,#a0a4ae 0,transparent 48%),radial-gradient(ellipse at 15% 20%,#d3d4d7 0,transparent 45%),linear-gradient(145deg,#25272c,#8e929e 55%,#dddee0);color:#222428}.aurora-shape{position:absolute;inset:-25%;background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#2e303690 25%,transparent 39%,#ebeced80 49%,transparent 58%,#30323899 73%,transparent 90%);filter:blur(27px);animation:aurora-drift 17s ease-in-out infinite alternate;will-change:transform}.aurora-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#1d1f2355);pointer-events:none}.screen-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;padding:91px 40px 32px;gap:19px}.screen-monogram{border-radius:50%;width:46px;height:46px;display:grid;place-items:center;background:#fafafb9c;color:#33353b;font-size:19px;letter-spacing:-.07em}.screen-kicker{font-size:9px;letter-spacing:.16em;color:#25262b}.screen-content h2,.screen-content h3{font-size:37px;line-height:1.2;color:#24262b;min-height:89px}.screen-content p{color:#35383f;font-size:13px;min-height:40px}.screen-content .button{min-height:42px;font-size:12px;margin-top:6px;min-width:260px;background:#ebeced;color:#28292e}.screen-meta{font-size:10px;display:flex;align-items:center;gap:6px;color:#2a2c32}.hero-fade{position:absolute;bottom:-2px;left:0;right:0;height:90px;background:linear-gradient(transparent,#0b0b0c 82%);z-index:6;pointer-events:none}.scroll-cue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:14px;align-items:center;font-size:11px;color:#9b9ea9}.scroll-cue span{font-size:17px}.intro{padding-top:174px;padding-bottom:143px}.intro-content{width:min(640px,calc(100% - 48px));margin:auto}.intro-paragraph{font-size:28px;line-height:1.36;letter-spacing:-.045em;color:#dfe0e2;margin-top:39px;transition:color .28s}.js .intro-paragraph{color:rgb(var(--read-light,60) var(--read-light,60) var(--read-light,60))}.intro .text-link{margin-top:40px;color:#a0a4ae}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:66px}.section-heading h2{margin-top:30px;max-width:640px}.section-heading>p{max-width:350px;flex-shrink:0;font-size:15px;line-height:1.55;padding-bottom:5px}.section-heading>.text-link{white-space:nowrap;padding-bottom:6px}.features{padding-top:110px}.feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.feature-tab{position:relative;overflow:hidden;border-radius:30px;background:none;height:43px;color:#a0a4ae;transition:color .25s,background .25s}.feature-tab.active{background:#1d1e21;color:#e1e1e3;border:1px solid #f6f6f711}.feature-tab:hover{background:#191a1d;color:#e5e6e8}.feature-showcase{position:relative;height:610px;background:#191a1d;border:1px solid #f6f6f71c;border-radius:24px;box-shadow:6px 6px 0 1px #111113,7px 7px 0 1px #f6f6f70e;overflow:hidden;isolation:isolate}.feature-scenery{position:absolute;inset:0;background:url("/_assets/landscape-front.6334dc15a96c.png") center bottom/100% auto no-repeat,url("/_assets/landscape-back.ad0f175557d1.png") center bottom/120% auto no-repeat,linear-gradient(#27282d,#9599a5 62%,#17181a);z-index:-1;opacity:.85}.feature-scenery:after{content:'';position:absolute;inset:0;background:linear-gradient(#0b0b0c11,#0b0b0c11 60%,#0b0b0c88)}.feature-panel{height:100%;position:relative;padding:58px 9.5%;animation:panel-in .7s var(--ease) both}.feature-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;min-height:48px}.feature-controls>p{text-align:center;font-size:14px;color:#c8c9cc}.circle-button{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:50%;background:#1d1e21;border:1px solid #f6f6f712;font-size:22px;color:#b2b5bd;transition:background .2s,transform .2s}.circle-button:hover{background:#2d2f35;transform:translateY(-1px)}.feature-control-right{display:flex;gap:8px}.pause-button{width:32px;height:32px;font-size:13px;align-self:center;background:none}.platform-line{display:flex;justify-content:space-between;gap:20px;padding:37px 0 0;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:#6f7483}.platform-line>div{display:flex;gap:27px;color:#9b9ea9}
.demo-browser{height:100%;border:1px solid #f6f6f722;border-radius:13px;background:#1d1f23;box-shadow:0 20px 60px #0b0b0c44;overflow:hidden}.browser-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#2c2e33;color:#969aa6;font-size:12px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;background:#696e7c;width:6px;height:6px;border-radius:50%}.address{font-size:10px;background:#f6f6f708;border-radius:5px;padding:3px 55px;color:#8a8f9c}.website-demo{position:relative;height:calc(100% - 38px);background:#dadbde;color:#2d2f34;overflow:hidden}.demo-nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:21px 27px;border-bottom:1px solid #35373e16}.demo-nav strong{font-weight:500;font-size:14px;letter-spacing:-.05em}.demo-nav>span{font-size:9px}.demo-nav-cta{padding:5px 9px;border:1px solid #34363d33;border-radius:30px}.demo-body{position:relative;z-index:2;padding:40px 36px}.demo-badge{font-size:8px;letter-spacing:.13em}.demo-body h3{font-size:43px;line-height:1.08;margin:14px 0}.demo-body p{font-size:10px;color:#50545e}.demo-cta{display:inline-flex;font-size:9px;background:#2c2e34;color:#e1e1e3;padding:10px 17px;border-radius:30px;margin-top:20px}.demo-horizon{position:absolute;inset:55px -150px -20px 35%;background:url("/_assets/landscape-mid.32fb3de34da4.png") center bottom/auto 100% no-repeat;opacity:.93;filter:brightness(1.6) saturate(.65);mask-image:linear-gradient(90deg,transparent,black 20%)}.demo-caption{position:absolute;bottom:16px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;color:#35373e;z-index:3}.desktop-caption{position:absolute;z-index:2;left:40px;top:40px}.desktop-caption h3{margin-top:18px;font-size:32px}.desktop-caption .pill{background:#1b1c1f99;color:#d0d1d5}.laptop-stage{position:absolute;inset:35px 0 5px 18%;height:calc(100% - 40px);overflow:hidden}.laptop-stage canvas,.laptop-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.laptop-stage canvas{opacity:0;transition:opacity .7s}.laptop-stage.loaded canvas{opacity:1}.laptop-stage.loaded .laptop-poster{opacity:0}.laptop-poster{transition:opacity .7s}.model-caption{position:absolute;bottom:23px;left:0;right:0;text-align:center;color:#cfd0d3;font-size:11px}.mobile-copy{position:absolute;left:7%;top:27%;z-index:4}.mobile-copy h3{font-size:36px;margin:22px 0}.mobile-copy p{color:#cbccd0;font-size:13px}.phone{position:absolute;width:220px;height:446px;border:6px solid #292b30;border-radius:36px;box-shadow:0 0 0 1px #9da1ac77,10px 25px 45px #0b0b0c55;background:#282a30;overflow:hidden}.phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;background:#1e1f23;width:65px;height:16px;border-radius:16px}.phone-screen{height:100%;padding:15px 16px;background:#e1e2e4;color:#2f3137}.phone-status{display:flex;justify-content:space-between;font-size:8px;margin:0 0 30px}.phone-screen>p{font-size:7px;letter-spacing:.1em;color:#6a6f7d}.phone-screen h4{font-size:23px;margin:9px 0 15px}.phone-welcome{padding:18px 13px;border-radius:15px;display:flex;flex-direction:column;gap:12px;font-size:8px}.phone-welcome strong{font-weight:400;font-size:19px;letter-spacing:-.06em;line-height:1.2}.phone-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:15px 0;border-bottom:1px solid #0b0b0c11}.phone-row i{width:5px;height:5px;background:#7d8291;border-radius:50%}.phone-nav{display:flex;justify-content:space-around;font-size:18px;margin-top:12px}.phone-front{right:12%;top:85px;transform:rotate(8deg);animation:phone-float 7s ease-in-out infinite}.phone-back{right:28%;top:43px;transform:rotate(-12deg)}.phone-back .phone-screen{background:radial-gradient(ellipse at 20% 50%,#b3b6be,transparent),linear-gradient(160deg,#d4d5d7,#50545e);padding:18px}.phone-back .phone-screen>span{font-size:9px}.phone-logo{margin-top:92px;font-size:45px;letter-spacing:-.09em}.phone-back h4{font-size:26px}.phone-button{font-size:10px;border:1px solid #f6f6f744;border-radius:50px;padding:10px;margin-top:65px}.connection-demo{text-align:center;position:absolute;inset:40px 20px;display:flex;flex-direction:column;align-items:center}.connection-demo h3{font-size:36px;margin-top:17px}.connection-orbit{position:relative;width:370px;height:270px;margin-top:20px}.orbit-ring{position:absolute;inset:5px 30px;border:1px solid #edeeef38;border-radius:50%;transform:rotate(-15deg)}.connection-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;display:grid;place-items:center;border:1px solid #f0f0f15e;border-radius:25px;background:#bfc1c526;backdrop-filter:blur(18px);font-size:39px;letter-spacing:-.1em;box-shadow:0 0 65px #dadbde22}.connection-node{position:absolute;border:1px solid #f6f6f733;background:#303238e6;backdrop-filter:blur(10px);width:73px;height:73px;border-radius:17px;display:flex;flex-direction:column;justify-content:center;font-size:24px;gap:2px;box-shadow:0 10px 35px #0b0b0c33}.connection-node>span{font-size:9px;color:#cfd0d3}.node-web{top:4px;left:36px}.node-app{top:65px;right:0}.node-desktop{bottom:-6px;left:70px}.orbit-signal{position:absolute;inset:5px 30px;animation:orbit 8s linear infinite}.orbit-signal:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#efeff0;box-shadow:0 0 15px #edeeef;position:absolute;left:50%;top:0}.sync-label{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:20px}
.benefits{padding-top:140px}.stack-cards{padding-bottom:18px}.stack-card{position:sticky;top:110px;margin-bottom:28px;border-radius:18px;padding-top:1px}.stack-card:nth-child(2){top:132px}.stack-card:nth-child(3){top:154px}.stack-card-inner{display:grid;grid-template-columns:1fr 1fr;min-height:590px;border:1px solid #f6f6f715;border-radius:18px;background:#191a1d;overflow:hidden;box-shadow:0 -7px 0 #111215,0 -8px 0 #f6f6f70a;transform:scale(var(--card-scale,1));transform-origin:50% 0;will-change:transform;filter:brightness(var(--card-light,1))}.stack-copy{display:flex;flex-direction:column;align-items:flex-start;padding:61px 45px 43px}.small-label{color:#7f8492;font-size:13px;display:flex;align-items:center;gap:10px}.stack-copy h3{margin-top:66px;font-size:28px;line-height:1.3}.stack-copy p{font-size:14px;line-height:1.65;margin-top:28px;max-width:385px;color:#9da1ac}.card-footnote{font-size:12px;color:#6d717f;margin-top:auto;padding-top:32px}.stack-visual{margin:7px;position:relative;border:1px solid #f6f6f711;border-radius:6px;min-width:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 25%,#7f849270,transparent 70%),linear-gradient(#2a2c31,#545762)}.stack-visual:after{position:absolute;content:'';inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#191a1daa);z-index:5}.editor-toolbar{display:flex;gap:8px;align-items:center;padding:9px 10px;color:#c0c1c5;font-size:12px}.editor-toolbar>span:not(.mini-wordmark){border:1px solid #f6f6f711;border-radius:6px;padding:4px 8px;background:#f6f6f709}.editor-toolbar>small{margin-left:auto;font-size:11px;background:#f6f6f711;padding:5px 9px;border-radius:5px}.brand-preview{margin:65px 36px 0;background:#f6f6f70d;box-shadow:inset 0 1px 1px #f6f6f712;border-radius:20px;text-align:center;padding:33px 20px;color:#d4d5d7;backdrop-filter:blur(18px)}.brand-orb{display:block;width:96px;height:96px;border-radius:50%;margin:auto auto 24px;background:radial-gradient(circle at 35% 20%,#e6e7e9,transparent 50%),conic-gradient(#858997,#393c44,#a1a5af,#bdbec2,#7d8291);box-shadow:inset -10px -10px 23px #0b0b0c55,0 10px 35px #0b0b0c22;animation:orb-glow 9s ease-in-out infinite alternate}.brand-preview h4{font-size:26px}.brand-preview p{font-size:12px;color:#a2a5af;margin-top:8px}.color-swatches{display:flex;justify-content:center;gap:10px;margin:29px 0}.color-swatches span{width:22px;height:22px;border-radius:50%;border:1px solid #f6f6f724;background:#cbccd0}.color-swatches span:nth-child(2){background:#797e8d}.color-swatches span:nth-child(3){background:#a2a5af}.color-swatches span:nth-child(4){background:#34363c}.brand-preview-button{background:#cdced1;color:#313339;border-radius:30px;padding:11px;font-size:10px}.floating-note{position:absolute;z-index:6;right:17px;bottom:49px;background:#303238de;border:1px solid #f6f6f719;border-radius:12px;padding:15px 23px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 10px 40px #0b0b0c33;animation:note-float 7s ease-in-out infinite}.app-visual{background:linear-gradient(160deg,#34373e,#747988 65%,#3a3c44)}.workbench{position:absolute;inset:47px 25px 35px;background:#292b30c9;border:1px solid #f6f6f722;border-radius:18px;backdrop-filter:blur(20px);padding:10px 18px}.workbench .editor-toolbar{padding-inline:0}.workbench-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:21px;letter-spacing:-.035em;margin:42px 0 25px}.workbench-title .pill{font-size:9px;padding:4px 9px;color:#c2c4c8}.workbench-row{display:flex;align-items:center;gap:15px;margin:10px 0;background:#f6f6f706;border:1px solid #f6f6f70b;border-radius:12px;padding:19px 12px}.work-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#acafb815;color:#b4b7bf;font-size:21px}.workbench-row strong{display:block;font-weight:400;font-size:13px}.workbench-row small{display:block;font-size:10px;color:#848896;margin-top:4px}.checkmark{border:1px solid #d7d8da14;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#a5a8b224;color:#c2c4c8}.workbench-row>.checkmark{margin-left:auto;font-size:12px}.workbench-bottom{font-size:10px;color:#9da1ac;padding-top:22px;display:flex;align-items:center;gap:8px}.sync-visual{background:linear-gradient(140deg,#747989,#7a7f8d 35%,#575b67 75%,#2e3037)}.sync-sheet{position:absolute;inset:20px 19px 50px;background:#d7d8da16;border:1px solid #f6f6f711;border-radius:15px;padding:7px 20px;backdrop-filter:blur(12px)}.sync-sheet .editor-toolbar{padding:8px 0}.sync-sheet h4{font-size:31px;line-height:1.2;margin:40px 8px 28px;color:#e7e7e9}.sync-fields{margin:0 8px;border-radius:12px;background:#1a1b1f22;padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid #f6f6f711}.sync-fields>span{font-size:10px;color:#afb2bb}.sync-fields strong{font-weight:400;font-size:16px;letter-spacing:-.035em;color:#dedee0}.field-line{height:5px;background:#f6f6f712;border-radius:8px}.field-line.short{width:60%}.sync-destinations{display:flex;justify-content:space-around;margin-top:28px;font-size:11px;color:#cfd0d3}.sync-destinations i{font-style:normal;color:#b8bac2;font-size:10px}.sync-toast{position:absolute;z-index:6;bottom:30px;right:18px;background:#34363cef;border:1px solid #f6f6f720;border-radius:12px;padding:17px 22px;display:flex;gap:14px;align-items:center;box-shadow:0 15px 35px #0b0b0c33;animation:note-float 8s ease-in-out infinite}.sync-toast>div{font-size:12px}.sync-toast small{display:block;color:#9195a2;font-size:10px;margin-top:3px}
.offers{padding-top:150px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-block:14px}.offer-card{background:linear-gradient(#191a1d 30%,#18191c);border:1px solid #f6f6f70c;padding:42px 34px 28px;border-radius:17px}.offer-card:first-child{border-radius:17px 0 0 17px}.offer-card:last-child{border-radius:0 17px 17px 0}.offer-card.featured{background:linear-gradient(#212226,#27282d);margin-block:-14px;position:relative;padding-top:56px;padding-bottom:42px;z-index:1;border-color:#f6f6f717}.offer-eyebrow{font-size:11px;color:#888d9a;letter-spacing:.035em}.offer-card h3{font-size:38px;margin:25px 0 22px;letter-spacing:-.055em}.offer-card>p{font-size:14px;line-height:1.55;color:#bebfc3;margin-bottom:26px;min-height:44px}.offer-card ul{padding:0;margin:35px 0 23px;list-style:none}.offer-card li{padding:20px 0;border-bottom:1px solid #f6f6f70d;font-size:13px;display:flex;align-items:center;gap:13px;line-height:1.5}.offer-card li:before{content:none;display:grid;place-items:center;border-radius:50%;width:21px;height:21px;flex-shrink:0;background:#f6f6f718;color:#c5c6ca;font-size:12px}.offer-card li:last-child{border:0}.offer-note{font-size:11px;color:#6d7281}.faq{padding-top:120px}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:46px}.faq-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:45px}.faq-tabs{display:flex;flex-direction:column;gap:10px}.faq-tabs button{background:none;min-height:42px;border:1px solid transparent;border-radius:50px;font-size:14px;color:#b3b6be}.faq-tabs button[aria-selected=true]{background:#212226;border-color:#f6f6f70d;color:#edeeef;box-shadow:inset 0 1px 1px #f6f6f711}.faq-tabs button:hover{background:#191a1d}.faq-contact{padding:27px 25px;border:1px solid #f6f6f70b;border-radius:16px;background:#18191c}.faq-contact h3{font-size:20px;letter-spacing:-.035em}.faq-contact p{font-size:13px;margin:13px 0 22px;color:#878c99}.faq-contact .text-link{font-size:13px}.faq-panels details{background:#18191c;border:1px solid #f6f6f708;border-radius:17px;margin-bottom:8px;overflow:hidden;transition:background .25s}.faq-panels details[open]{background:#1d1e21}.faq-panels summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:31px 35px;min-height:105px;font-size:15px;letter-spacing:-.02em}.faq-panels summary::-webkit-details-marker{display:none}.faq-panels summary>span{width:29px;height:29px;border-radius:50%;border:1px solid #f6f6f711;position:relative;flex-shrink:0;background:#f6f6f705}.faq-panels summary>span:after{content:'';position:absolute;left:10px;top:8px;width:7px;height:7px;border:1px solid #7f8492;border-left:0;border-top:0;transform:rotate(45deg);transition:transform .3s}.faq-panels details[open] summary>span:after{transform:rotate(225deg);top:12px}.answer{padding:0 35px 30px;animation:answer-in .35s ease both}.answer p{font-size:14px;line-height:1.7;color:#a2a5af;max-width:520px}
.process{padding-top:140px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.process-card{background:#18191c;border:1px solid #f6f6f711;border-radius:16px;padding:7px;overflow:hidden;transition:transform .4s var(--ease),border-color .4s}.process-card:hover{transform:translateY(-5px);border-color:#f6f6f72a}.process-art{height:243px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#1f2024}.process-art>span:last-child{position:absolute;left:20px;bottom:15px;font-size:10px;letter-spacing:.1em;color:#c0c2c6}.art-idea{background:radial-gradient(ellipse at 65% 30%,#676b78,transparent 75%),linear-gradient(150deg,#1a1b1e,#31333a)}.idea-orb{width:133px;height:133px;border-radius:40px;transform:rotate(-15deg);background:radial-gradient(circle at 30% 20%,#dddddf,#979ba7 32%,#454850 65%,#1b1c20);box-shadow:inset 3px 4px 10px #eeeff070,inset -10px -7px 20px #0b0b0c55,18px 28px 25px #0b0b0c55;transition:transform 1s var(--ease)}.process-card:hover .idea-orb{transform:rotate(0deg) translateY(-5px)}.art-design{background:linear-gradient(155deg,#969aa5,#484b54)}.wireframe{width:225px;height:159px;transform:rotate(-8deg) translateY(8px);background:#c8c9cc;border:1px solid #e3e4e6;border-radius:10px;box-shadow:0 18px 35px #0b0b0c55;padding:17px;color:#383a41}.wireframe>span{display:block;width:40%;height:6px;background:#737887;border-radius:10px;margin-bottom:22px}.wireframe strong{font-weight:400;font-size:23px;letter-spacing:-.06em}.wireframe>div{display:flex;gap:8px;margin-top:17px}.wireframe i{height:31px;flex:1;border-radius:5px;background:#9599a5}.wireframe i:nth-child(2){background:#a6a9b3}.wireframe i:nth-child(3){background:#828795}.art-launch{background:radial-gradient(ellipse at 75% 40%,#767b8b55,transparent 70%),#1b1c20}.launch-ring{width:147px;height:147px;border:19px solid #979ba7;border-radius:50%;box-shadow:inset 4px 4px 10px #0b0b0cbb,6px 10px 20px #0b0b0c88,3px 1px 0 #e1e2e4aa;transform:rotateX(23deg) rotateY(-33deg)}.launch-arrow{position:absolute!important;font-size:93px!important;line-height:1;color:#d0d1d4;text-shadow:4px 5px 0 #676c7a;transform:translate(-5px,-4px);transition:transform .6s var(--ease)}.process-card:hover .launch-arrow{transform:translate(5px,-14px)}.process-copy{padding:29px 21px 21px}.process-copy h3{font-size:22px;line-height:1.35;letter-spacing:-.035em}.process-copy p{font-size:13px;line-height:1.65;color:#878c99;margin-top:19px}.process-copy>span{display:block;font-size:11px;margin-top:30px;color:#a0a4ae}
.contact{position:relative;overflow:clip;isolation:isolate;padding-top:130px;background:linear-gradient(#0b0b0c 0%,#17181b 55%,#2c2e33 100%)}.contact-inner{position:relative;min-height:720px;display:flex;align-items:flex-start;gap:65px}.contact-copy{position:relative;z-index:4;width:330px;flex-shrink:0;padding-top:38px}.contact-copy h2{font-size:39px;line-height:1.3;margin-top:27px}.contact-copy p{font-size:15px;line-height:1.65;margin-top:32px;color:#9a9ea9}.contact-copy>.button{margin-top:34px}.contact-product{position:absolute;top:20px;left:390px;width:970px;height:605px;border:1px solid #f6f6f717;padding:7px;border-radius:25px;background:#0e0f11;transform:translateX(var(--contact-slide,0px))}.contact-product .product-sidebar{background:#141517;width:220px;border-radius:17px 0 0 17px}.contact-product .product-screen{border-radius:18px;background:radial-gradient(ellipse at 55% 0%,#6165724d,transparent 65%),linear-gradient(135deg,#292b30,#2e3035);color:#e5e6e8}.contact-product .aurora-shape{opacity:.12}.contact-product .screen-content{padding-top:146px}.contact-product .screen-content h3{color:#e4e5e7;font-size:35px}.contact-product .screen-content p{color:#a2a6b0;font-size:13px}.contact-screen-button{display:block;border-radius:40px;background:#cacbcf;color:#2d2f35;padding:12px 65px;font-size:12px;margin-top:5px}.contact-dunes{position:absolute;bottom:0;width:100%;height:auto;max-height:295px;object-fit:fill;z-index:5;pointer-events:none}.footer{padding-top:65px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:40px;padding-bottom:70px}.footer-brand .brand{font-size:23px}.footer-brand>p{font-size:13px;color:#6f7483;margin-top:35px;line-height:1.65}.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:18px;font-size:13px;color:#9397a3}.footer-column>span{color:#d5d6d8;margin-bottom:12px}.footer-column>a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding:27px 0 31px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6f7483}.footer-bottom>a:hover{color:white}
.js .reveal{opacity:0;transform:translateY(23px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.js .reveal.visible{opacity:1;transform:translateY(0)}.hero-enter{animation:hero-in 1s var(--ease) both}.hero-enter:nth-child(2){animation-delay:.1s}.hero-enter:nth-child(3){animation-delay:.2s}.hero-enter:nth-child(4){animation-delay:.3s}
@keyframes hero-in{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes panel-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes aurora-drift{from{transform:rotate(-15deg) scale(1) translate(-2%,0)}to{transform:rotate(30deg) scale(1.3) translate(4%,5%)}}
@keyframes phone-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-9px)}}
@keyframes note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes orb-glow{to{filter:hue-rotate(20deg);transform:rotate(25deg)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.feature-scenery{background-image:url("/_assets/landscape-front.6334dc15a96c.png"),url("/_assets/landscape-mid.32fb3de34da4.png"),url("/_assets/landscape-back.ad0f175557d1.png"),linear-gradient(#27282d,#9599a5 62%,#17181a);background-position:center bottom;background-size:120% auto,120% auto,120% auto,auto;background-repeat:no-repeat}
.hero:not(.motion-active) .aurora-shape,.contact:not(.motion-active) .aurora-shape,.feature-showcase:not(.motion-active) .phone,.feature-showcase:not(.motion-active) .orbit-signal,.stack-visual:not(.motion-active) .brand-orb,.stack-visual:not(.motion-active) .floating-note,.stack-visual:not(.motion-active) .sync-toast{animation-play-state:paused}
.js .contact-product.reveal.visible{transform:translateX(var(--contact-slide,0px))}
@media(min-width:1600px){.hero{height:1380px}.hero-product{top:600px}.hills-back,.hills-mid{bottom:-70px}.hero-copy{padding-top:170px}}
@media(max-width:1100px){.desktop-nav{gap:18px}.nav-wrap{gap:20px}.nav-wrap .brand{font-size:20px}.nav-cta{padding-inline:13px}.section-heading{gap:35px}.section-heading>p{max-width:280px}.stack-copy{padding:42px 30px}.stack-copy h3{margin-top:52px}.stack-card-inner{min-height:565px}.feature-showcase{height:540px}.hero-product{height:570px;width:calc(100% - 120px)}.hero{height:1210px}.product-sidebar{width:190px;padding-inline:17px}.screen-content{padding-inline:20px}.phone{scale:.9;transform-origin:top right}.phone-front{right:8%}.phone-back{right:26%}.mobile-copy h3{font-size:31px}.workbench{inset:42px 15px 32px;padding-inline:12px}.workbench-title{font-size:18px;gap:5px}.workbench-row{gap:8px;padding-inline:9px}.workbench-row small{font-size:9px}.brand-preview{margin-inline:20px}.sync-sheet{inset:18px 12px 45px;padding-inline:13px}.sync-destinations{font-size:10px}.offer-card{padding-inline:25px}.offer-card li{font-size:12px}.process-copy{padding-inline:16px}.process-copy h3{font-size:20px}.contact-product{left:370px}.contact-copy{width:320px}.contact-copy h2{font-size:36px}}
@media(max-width:800px){.wrap,.nav-wrap{width:calc(100% - 40px)}.desktop-nav{display:none}.nav-cta{margin-left:auto}.menu-toggle{display:flex;width:35px;height:36px;background:none;flex-direction:column;justify-content:center;gap:5px;padding:7px}.menu-toggle>span{display:block;width:21px;height:1px;background:#d5d6d9;transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:fixed;top:64px;left:0;right:0;display:flex;flex-direction:column;background:#0d0e10f7;backdrop-filter:blur(20px);padding:25px 30px 35px;border-bottom:1px solid #f6f6f722}.mobile-nav a{padding:16px 0;font-size:22px;letter-spacing:-.04em;border-bottom:1px solid #f6f6f70e}.section{padding-block:85px}.hero{height:1060px}.hero-copy{padding-top:137px}.hero h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-product{top:552px;width:calc(100% - 65px);height:445px;border-width:4px;border-radius:20px}.product-sidebar{width:155px;padding:17px 14px}.sidebar-item{gap:9px;padding:6px 1px;font-size:14px}.sidebar-item>span{font-size:10px}.sidebar-top{padding-bottom:17px}.sidebar-bottom{left:17px;font-size:10px}.sidebar-bottom small{font-size:8px}.screen-content{padding:55px 17px 20px;gap:15px}.screen-content h2,.screen-content h3{font-size:30px;min-height:72px}.screen-content .button{min-width:0;font-size:10px;min-height:35px;padding:9px 16px}.screen-content p{font-size:11px}.screen-kicker{font-size:7px}.screen-meta{font-size:8px}.hero-fade{height:70px}.intro{padding-block:120px}.intro-content{max-width:580px}.intro-paragraph{font-size:26px}.section-heading{gap:25px;align-items:flex-start}.section-heading h2{font-size:33px}.section-heading>p{font-size:13px;max-width:235px;align-self:flex-end}.section-heading .pill{font-size:12px}.feature-showcase{height:460px}.feature-panel{padding:42px 7%}.demo-body{padding:30px 26px}.demo-body h3{font-size:36px}.demo-nav{padding:17px 22px}.demo-caption{font-size:7px}.demo-horizon{inset:50px -90px 0 33%}.feature-tabs{gap:3px}.feature-tab{font-size:12px}.desktop-caption{top:27px;left:28px}.desktop-caption h3{font-size:27px}.phone{scale:.77}.phone-front{top:54px;right:8%}.phone-back{top:27px;right:26%}.mobile-copy{left:6%;top:27%}.mobile-copy h3{font-size:28px}.mobile-copy p{font-size:12px}.mobile-copy .pill{font-size:11px}.connection-demo{inset:25px 15px}.connection-demo h3{font-size:30px}.connection-orbit{width:320px;height:215px;margin-top:11px}.connection-core{width:70px;height:70px}.connection-node{width:62px;height:62px;font-size:20px}.sync-label{margin-top:12px}.stack-card-inner{min-height:500px}.stack-copy{padding:35px 25px}.stack-copy h3{font-size:25px;margin-top:42px}.stack-copy p{font-size:12px;line-height:1.6;margin-top:23px}.small-label{font-size:11px}.card-footnote{font-size:10px;padding-top:28px}.brand-preview{margin:52px 15px 0;padding:24px 12px}.brand-preview h4{font-size:21px}.brand-preview p{font-size:10px}.brand-preview-button{font-size:8px}.brand-orb{width:75px;height:75px}.floating-note{font-size:10px;padding:13px 17px;right:12px;bottom:36px}.workbench{inset:38px 12px 30px;padding-inline:9px}.workbench-title{font-size:16px;display:block;margin-top:23px}.workbench-title .pill{display:none}.workbench-row{padding:15px 6px;gap:7px}.work-icon{width:25px;height:28px;font-size:18px}.workbench-row strong{font-size:11px}.workbench-row small{font-size:8px}.workbench-row .checkmark{width:16px;height:16px;font-size:9px}.workbench-bottom{font-size:8px;gap:5px}.sync-sheet h4{font-size:26px;margin-top:35px}.sync-fields{padding:14px;margin-inline:0}.sync-fields strong{font-size:13px}.sync-destinations{gap:3px;font-size:9px}.sync-toast{right:10px;bottom:25px;padding:12px;gap:8px}.sync-toast small{font-size:8px}.offer-card{padding-inline:20px}.offer-card h3{font-size:31px}.offer-card>.button{font-size:11px;padding-inline:14px;gap:6px}.offer-card>p{font-size:12px}.offer-card li{font-size:11px;gap:9px}.offer-card li:before{width:17px;height:17px;font-size:10px}.offer-note{font-size:9px}.faq-layout{gap:22px;grid-template-columns:1fr 1.8fr}.faq-panels summary{padding:24px;min-height:94px;font-size:13px}.answer{padding:0 24px 25px}.answer p{font-size:12px}.faq-contact{padding:23px 20px}.faq-contact h3{font-size:18px}.faq-contact p,.faq-contact .text-link{font-size:11px}.process-grid{gap:8px}.process-art{height:200px}.process-copy{padding:23px 13px 17px}.process-copy h3{font-size:18px}.process-copy p{font-size:12px}.wireframe{width:175px;height:140px}.idea-orb{width:110px;height:110px}.launch-ring{width:115px;height:115px;border-width:15px}.launch-arrow{font-size:75px!important}.contact{padding-top:100px}.contact-copy{width:270px}.contact-copy h2{font-size:31px}.contact-copy p{font-size:13px}.contact-product{left:310px;width:750px;height:525px}.contact-product .product-sidebar{width:150px}.contact-inner{min-height:640px}.footer-top{gap:25px;grid-template-columns:1.7fr 1fr 1.3fr}.footer-column:last-child{display:none}.footer-brand .brand{font-size:20px}}
@media(max-width:600px){html{scroll-padding-top:86px}.nav-wrap{gap:12px;height:64px}.nav-wrap .brand{font-size:19px}.brand-icon{width:22px;height:24px;font-size:22px;border-radius:6px}.nav-cta{font-size:11px;min-height:32px;padding:6px 13px}.nav-cta span{display:none}.hero{height:920px}.hero-copy{padding:132px 22px 0}.hero-copy>.pill{font-size:10px;padding:6px 10px}.hero h1{font-size:38px;line-height:1.24;letter-spacing:-.055em;margin:25px -5px 22px}.hero-copy>p{font-size:13px;line-height:1.55;max-width:350px;margin:auto}.desktop-break{display:none}.hero-copy>.button{margin-top:30px;font-size:12px;padding-inline:23px;min-height:44px}.hero-product{top:492px;width:calc(100% - 28px);height:355px;border-width:3px;border-radius:17px;transform:translateX(-50%) translateY(calc(var(--hero-scroll) * -32px))}.hero-product .product-sidebar{width:89px;padding:15px 8px}.hero-product .sidebar-top{padding-bottom:16px}.hero-product .mini-wordmark{font-size:19px}.hero-product .sidebar-top>span:last-child{font-size:15px}.hero-product .sidebar-item{font-size:11px;gap:5px;padding:6px 0}.hero-product .sidebar-item>span{font-size:7px;letter-spacing:-.02em;white-space:nowrap}.sidebar-bottom{left:9px;bottom:20px;font-size:7px;gap:4px}.sidebar-bottom .avatar{width:20px;height:20px;font-size:9px}.sidebar-bottom small{font-size:6px}.product-screen{border-radius:13px 13px 0 0}.hero-product .screen-content{padding:40px 10px 15px;gap:11px}.screen-monogram{width:32px;height:32px;font-size:14px}.screen-kicker{font-size:5.5px;letter-spacing:.1em}.screen-content h2,.screen-content h3{font-size:23px;line-height:1.22;min-height:56px}.screen-content p{font-size:9px;line-height:1.5;min-height:27px}.screen-content .button{font-size:8px;min-height:32px;padding:7px 11px;gap:7px}.screen-meta{font-size:6px}.hero .landscape{width:180%;left:-40%;bottom:0}.hero .hills-front{width:205%;left:-53%;bottom:-5px}.hero-fade{height:60px}.scroll-cue{font-size:9px;bottom:0}.intro{padding:93px 0 78px}.intro-content{width:calc(100% - 52px)}.intro-paragraph{font-size:23px;line-height:1.42;margin-top:30px}.intro .text-link{font-size:12px}.pill{font-size:11px}.section{padding-block:72px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:31px;line-height:1.25;margin-top:23px}.section-heading>p{max-width:350px;margin-top:23px;font-size:13px;line-height:1.6}.section-heading>.text-link{margin-top:24px;font-size:12px}.feature-tabs{gap:2px;margin-bottom:12px}.feature-tab{font-size:10px;height:37px;padding:0 3px}.feature-showcase{height:365px;border-radius:18px;box-shadow:3px 3px 0 1px #111113,4px 4px 0 1px #f6f6f70e}.feature-panel{padding:43px 17px}.feature-scenery{background-size:auto 50%,auto 67%,auto}.demo-browser{border-radius:8px}.browser-toolbar{height:28px;padding-inline:10px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.address{font-size:7px;padding:3px 28px}.website-demo{height:calc(100% - 28px)}.demo-nav{padding:14px 14px}.demo-nav strong{font-size:10px}.demo-nav>span{font-size:6px}.demo-nav-cta{display:none}.demo-body{padding:25px 17px}.demo-badge{font-size:6px}.demo-body h3{font-size:29px;margin-top:13px}.demo-body p{font-size:8px;max-width:170px}.demo-cta{font-size:7px;padding:8px 12px;margin-top:14px}.demo-horizon{inset:38px -120px 0 26%;opacity:.75}.demo-caption{font-size:5px;left:15px;right:15px;bottom:13px}.feature-controls{gap:10px;margin-top:19px;align-items:center}.feature-controls>p{font-size:10px;line-height:1.5;max-width:210px}.circle-button{width:33px;height:33px;font-size:17px}.pause-button{width:26px;height:26px;font-size:10px}.feature-control-right{gap:5px}.platform-line{font-size:10px;display:block;margin-top:25px;padding-top:24px}.platform-line>div{margin-top:15px;justify-content:space-between;gap:10px;font-size:10px}.desktop-caption{left:22px;top:24px}.desktop-caption h3{font-size:24px;margin-top:12px}.desktop-caption .pill{font-size:9px}.laptop-stage{inset:64px -18px 0 2%;height:calc(100% - 64px)}.model-caption{bottom:15px;font-size:8px}.mobile-copy{top:21px;left:21px}.mobile-copy>.pill{font-size:9px}.mobile-copy h3{font-size:23px;margin-top:12px}.mobile-copy p{display:none}.phone{scale:.56}.phone-front{right:9%;top:100px}.phone-back{right:40%;top:79px}.connection-demo{inset:22px 10px}.connection-demo h3{font-size:26px;margin-top:11px}.connection-demo .pill{font-size:9px}.connection-orbit{width:265px;height:168px;margin-top:16px}.connection-core{width:54px;height:54px;font-size:28px;border-radius:15px}.connection-node{width:51px;height:51px;border-radius:12px;font-size:19px}.connection-node>span{font-size:7px}.node-web{left:31px;top:-3px}.node-app{top:43px;right:4px}.node-desktop{bottom:-5px;left:70px}.sync-label{font-size:9px;margin-top:20px}.orbit-ring{inset:0 24px}.orbit-signal{inset:0 24px}.benefits{padding-top:83px}.stack-cards{padding:0}.stack-card{position:sticky;top:80px;margin-bottom:20px}.stack-card:nth-child(2){top:91px}.stack-card:nth-child(3){top:102px}.stack-card-inner{grid-template-columns:1fr;min-height:0}.stack-copy{padding:28px 25px 24px}.small-label{font-size:10px}.stack-copy h3{font-size:24px;margin-top:23px}.stack-copy p{font-size:12px;margin-top:18px;line-height:1.6}.card-footnote{font-size:9px;padding-top:22px}.stack-visual{height:285px;margin:0 6px 6px}.stack-card:nth-child(2) .stack-visual{order:2}.brand-visual>.editor-toolbar{font-size:10px;padding:5px 7px}.editor-toolbar>span:not(.mini-wordmark){padding:3px 6px}.editor-toolbar>small{font-size:9px}.brand-preview{margin:10px 30px 0;padding:16px 12px 20px}.brand-orb{width:50px;height:50px;margin-bottom:11px}.brand-preview h4{font-size:20px}.brand-preview p{font-size:9px}.color-swatches{margin:14px 0;gap:7px}.color-swatches span{width:15px;height:15px}.brand-preview-button{font-size:8px;padding:8px}.floating-note{bottom:12px;right:15px;padding:10px 14px;font-size:9px}.workbench{inset:13px 20px 12px;padding:5px 12px}.workbench .editor-toolbar{padding:2px 0}.workbench .mini-wordmark{font-size:19px}.workbench-title{margin:10px 0 7px;font-size:16px;display:flex}.workbench-row{padding:9px;margin:5px 0}.workbench-row small{font-size:8px;margin-top:2px}.workbench-row strong{font-size:11px}.workbench-bottom{padding-top:7px;font-size:8px}.sync-sheet{inset:9px 18px 20px;padding:5px 13px}.sync-sheet .editor-toolbar{padding:0;font-size:10px}.sync-sheet h4{font-size:24px;margin:17px 8px 12px}.sync-fields{padding:12px;margin-inline:7px;gap:8px}.sync-fields>span{font-size:8px}.sync-fields strong{font-size:12px}.field-line{height:4px}.sync-destinations{margin-top:15px;font-size:9px}.sync-toast{bottom:8px;right:8px;padding:9px 13px;font-size:10px}.sync-toast>div{font-size:10px}.sync-toast small{font-size:7px}.sync-toast .checkmark{width:21px;height:21px}.offers{padding-top:75px}.offer-grid{grid-template-columns:1fr;gap:16px;padding:0}.offer-card,.offer-card:first-child,.offer-card:last-child{padding:30px 27px 25px;border-radius:16px}.offer-card.featured{margin:0;padding:30px 27px 25px}.offer-card h3{font-size:37px;margin:21px 0 16px}.offer-card>p{font-size:13px;min-height:0;margin-bottom:22px}.offer-card>.button{font-size:12px;padding-inline:19px}.offer-card li{font-size:12px;padding:15px 0;gap:11px}.offer-card ul{margin:25px 0 15px}.offer-eyebrow{font-size:10px}.offer-note{font-size:10px}.faq-layout{display:flex;flex-direction:column;gap:25px}.faq-sidebar{display:contents}.faq-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;order:0}.faq-tabs button{font-size:10px;min-height:39px;padding:4px}.faq-panels{order:1}.faq-contact{order:2;padding:24px}.faq-contact p{font-size:12px}.faq-contact .text-link{font-size:12px}.faq-panels summary{min-height:83px;font-size:13px;padding:22px;gap:15px}.faq-panels summary>span{width:25px;height:25px}.faq-panels summary>span:after{left:8px;top:6px}.faq-panels details[open] summary>span:after{top:10px}.answer{padding:0 22px 24px}.process-grid{grid-template-columns:1fr;gap:18px}.process-art{height:230px}.process-copy{padding:25px 21px}.process-copy h3{font-size:23px}.process-copy p{font-size:13px}.process-copy>span{margin-top:22px}.idea-orb{width:130px;height:130px}.wireframe{width:235px;height:170px;padding:20px}.wireframe strong{font-size:28px}.wireframe>span{margin-bottom:27px}.launch-ring{width:135px;height:135px;border-width:18px}.launch-arrow{font-size:95px!important}.contact{padding-top:85px}.contact-inner{display:block;min-height:905px}.contact-copy{width:auto;padding-top:0;max-width:345px}.contact-copy h2{font-size:33px;line-height:1.25;margin-top:23px}.contact-copy p{font-size:13px;max-width:315px;margin-top:24px}.contact-copy>.button{font-size:12px;margin-top:25px}.contact-product{top:397px;left:0;width:550px;height:406px;padding:4px;border-radius:19px}.contact-product .product-sidebar{width:119px;padding:18px 12px}.contact-product .sidebar-item{font-size:12px;gap:8px}.contact-product .sidebar-item>span{font-size:9px}.contact-product .screen-content{padding:77px 20px 20px;gap:15px}.contact-product .screen-content h3{font-size:27px;min-height:0}.contact-product .screen-content p{font-size:11px}.contact-screen-button{padding:10px 29px;font-size:9px}.contact-dunes{width:220%;max-width:none;left:-43%;height:185px;max-height:none}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px;padding-bottom:45px}.footer-brand{grid-column:1/-1}.footer-brand>p{margin-top:19px;font-size:12px}.footer-column{font-size:12px;gap:14px}.footer-column>span{margin-bottom:5px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:18px;padding-block:24px}.footer-bottom>a:last-child{width:100%}}
@media(max-width:370px){.hero h1{font-size:33px}.nav-wrap .brand{font-size:17px}.nav-cta{font-size:10px;padding-inline:10px}.hero-copy>p{font-size:12px}.section-heading h2{font-size:28px}.feature-tab{font-size:9px}.phone-front{right:5%}.phone-back{right:36%}.feature-controls>p{font-size:9px}.intro-paragraph{font-size:21px}.stack-copy{padding-inline:21px}.stack-copy p{font-size:11px}.stack-visual{height:265px}.brand-preview{margin-inline:20px}.workbench{inset:9px 13px}.workbench-row{padding:8px}.contact-copy h2{font-size:30px}}
@media(max-height:720px) and (min-width:601px){.stack-card{top:83px}.stack-card:nth-child(2){top:96px}.stack-card:nth-child(3){top:109px}.stack-card-inner{min-height:530px}.stack-copy{padding-top:35px;padding-bottom:33px}.stack-copy h3{margin-top:43px}.brand-preview{margin-top:35px}.workbench{top:25px}.workbench-title{margin-top:24px}}
@media(max-height:710px) and (max-width:600px){.stack-card,.stack-card:nth-child(2),.stack-card:nth-child(3){position:relative;top:auto}.stack-card-inner{transform:none!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.js .intro-paragraph{color:#d5d6d9!important}.hero-product{transform:translateX(-50%)!important}.landscape{transform:none!important}.stack-card,.stack-card:nth-child(2),.stack-card:nth-child(3){position:relative;top:auto}.stack-card-inner{transform:none!important;filter:none!important}.contact-product{transform:none!important}}
.laptop-poster{filter:saturate(.15)}
@media(max-width:600px){.feature-scenery{background-size:auto 65%,auto 100%,auto 100%,auto}}
@media(prefers-reduced-motion:reduce){.js .contact-product.reveal.visible{transform:none!important}}
@media(max-width:600px){.hero h1{font-size:clamp(29px,8.5vw,36px)}.phone{scale:.48}.phone-front{top:135px;right:8%}.phone-back{top:120px;right:36%}}
@media(max-width:600px){.hero-product .screen-content h2{font-size:clamp(16px,5.2vw,22px);max-width:100%}}

/* /sunset.css */
/* Shared typography and responsive brand layout. */
:root{--bg:#131416;--text:#f0f1f2;--muted:#b2b5be;--line:#d7d8db1b;--panel:#1d1e22;--apricot:#cdced2;--coral:#b8bac2;--rose:#9a9ea9;--violet:#585c67;--sunset:linear-gradient(120deg,#d6d7d9 0%,#b7b9c1 45%,#aaadb7 100%)}
::selection{background:#bfc1c5;color:#232429}
body{background:var(--bg)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline-color:#d0d1d4}
.header{height:72px}.nav-wrap{height:72px;gap:20px}.header.scrolled{background:linear-gradient(#1c1d21ec,#1c1d21c9);border-color:#c2c3c719;backdrop-filter:blur(20px)}
.brand,.footer-brand .brand{gap:10px;letter-spacing:0;font-size:29px;color:#f0f1f2}
.brand-name{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.1;position:relative;display:inline-block}
.brand-period{color:#c3c5c9}.brand-mark{display:block;width:34px;height:34px;flex-shrink:0;color:#cdced2}
.header .brand-name{animation:signature-entrance 1.6s var(--ease) both}
.header .brand-name:after{content:'';position:absolute;left:0;bottom:-7px;right:0;height:1px;background:linear-gradient(90deg,transparent,#cdced2b3,transparent);transform:scaleX(0);opacity:0;transition:transform .7s var(--ease),opacity .7s}
.header .brand:hover .brand-name:after{transform:scaleX(1);opacity:.8}
.header .brand-mark{animation:horizon-entrance 1.8s var(--ease) both;transition:transform .8s var(--ease)}
.header .brand:hover .brand-mark{transform:translateY(-2px)}
.desktop-nav{gap:25px}.desktop-nav a{color:#d7d8da}.desktop-nav a:hover{color:#d6d7d9}
.pill{background:#afb2ba0c;border-color:#d1d2d516;color:#bfc0c4}.pill.dot:before,.small-label:before{background:#b6b8c0}
.button.light,.screen-content .button,.contact-screen-button,.brand-preview-button{background:var(--sunset);color:#26282d;border-color:#cdced244;box-shadow:inset 0 1px 0 #e6e6e87d,0 4px 18px #9ea2ad11}
.button.light:hover,.screen-content .button:hover,.contact-screen-button:hover{background:linear-gradient(120deg,#e2e3e5,#c7c8cc 55%,#c2c4c8);box-shadow:0 7px 26px #b4b7c022}
.button.glass{background:#d3d4d70c;border-color:#d1d2d521;color:#ebeced}.button.glass:hover{background:#d4d5d71b}
.text-link,.intro .text-link{color:#cccdd0}.text-link:hover{color:#cdced2}
.tiny-dot{background:#c6c7ca;box-shadow:0 0 12px #b5b8c055}
.hero-sky{background:radial-gradient(ellipse at 50% 78%,#cccdd1 0,transparent 42%),linear-gradient(180deg,#1f2125 0%,#3a3c44 25%,#787d8c 48%,#b8bac2 69%,#cdced2 90%,#b4b7bf 100%)}
.hero-copy .pill{background:#e9eaeb0d;color:#dfe0e2;border-color:#d4d5d720}.hero-copy>p{color:#e0e1e3}.hero h1{color:#f2f2f3;text-shadow:0 3px 35px #25262b26}
.hills-back{filter:sepia(.72) saturate(1.35) hue-rotate(298deg) brightness(.93)}
.hills-mid{filter:sepia(.65) saturate(1.5) hue-rotate(313deg) brightness(.77)}
.hills-front{filter:sepia(.65) saturate(1.3) hue-rotate(293deg) brightness(.53)}
.hero-fade{background:linear-gradient(transparent,var(--bg) 86%)}.scroll-cue{color:#a2a6b0}
.product-window{border-color:#2e3036;background:#232429;box-shadow:0 0 0 1px #e6e7e91a,0 30px 100px #2022262e}
.product-sidebar{background:linear-gradient(135deg,#292b31,#202226);color:#b4b7bf}.sidebar-item.selected{color:#e3e4e6}.sidebar-bottom small{color:#9094a0}.sidebar-top{color:#9094a0}
.mini-wordmark{display:flex;align-items:center}.mini-wordmark .brand-mark{width:29px;height:29px}.avatar .brand-mark{width:22px;height:22px}.avatar{border-color:#d4d5d829}
.aurora{background:radial-gradient(ellipse at 80% 3%,#dbdcdf 0,transparent 48%),radial-gradient(ellipse at 100% 65%,#a2a6b0 0,transparent 47%),radial-gradient(ellipse at 18% 30%,#bfc1c5 0,transparent 45%),linear-gradient(145deg,#676b78,#b8bac2 55%,#d5d6d9);color:#373940}
.aurora-shape{background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#5e626e7d 25%,transparent 39%,#d3d4d799 49%,transparent 58%,#6b6f7d88 73%,transparent 90%)}
.aurora-hero:after{background:linear-gradient(transparent,#3a3c4422)}
.screen-monogram{background:#eeeeef70;color:#494c56}.screen-monogram .brand-mark{width:36px;height:36px;color:inherit}
.screen-kicker,.screen-meta{color:#4b4e58}.screen-content h2,.screen-content h3{color:#32343a}.screen-content p{color:#494c56}
.js .intro-paragraph{color:rgb(calc(var(--read-light,60) + 20) calc(var(--read-light,60) - 2) calc(var(--read-light,60) + 8))}
.feature-tab{color:#a4a7b1}.feature-tab.active{background:linear-gradient(120deg,#3d3f4777,#2e3035);border-color:#d2d3d621;color:#e2e2e4}.feature-tab:hover{background:#24252a;color:#e7e7e9}
.feature-showcase{background:#373940;border-color:#d6d7da33;box-shadow:6px 6px 0 1px #18191d,7px 7px 0 1px #d2d3d519}
.feature-scenery{background:url("/_assets/landscape-front.6334dc15a96c.png") center bottom/100% auto no-repeat,url("/_assets/landscape-back.ad0f175557d1.png") center bottom/120% auto no-repeat,linear-gradient(#575b67,#bfc1c5 62%,#4e515b);filter:sepia(.5) saturate(1.45) hue-rotate(290deg);opacity:.75}
.feature-scenery:after{background:linear-gradient(#37394011,#cacbce09 60%,#23252a77)}
.feature-controls>p{color:#c9cacd}.circle-button{background:#23252a;border-color:#cecfd21c;color:#cccdd0}.circle-button:hover{background:#373940}.platform-line,.platform-line>div{color:#989ca7}
.demo-browser{background:#2d2f35}.browser-toolbar{background:#2d2f35;color:#acafb9}.window-dots i{background:#777c8c}.address{background:#e2e3e509;color:#b8bac2}
.website-demo{background:linear-gradient(120deg,#e3e4e6,#cacbcf);color:#35383f}.demo-nav{border-color:#44474f1c}.demo-nav-cta{border-color:#45485138}.demo-body p{color:#5c606d}.demo-cta{background:linear-gradient(115deg,#4a4d57,#3b3d45);color:#e1e2e4}.demo-horizon{filter:sepia(.8) saturate(1.2) hue-rotate(307deg) brightness(1.03)}.demo-caption{color:#4b4e58}
.desktop-caption .pill{background:#292b30bb;color:#e3e4e6}.model-caption,.mobile-copy p{color:#e0e0e2}
.phone{border-color:#2f3137;background:#212226}.phone-island{background:#222429}.phone-screen{background:linear-gradient(160deg,#e7e7e9,#dbdcdf);color:#3c3e46}.phone-screen>p{color:#787d8c}.phone-row i{background:#9195a1}.phone-back .phone-screen{background:radial-gradient(ellipse at 20% 50%,#cacbce,transparent),linear-gradient(160deg,#d4d5d8,#666b78)}
.phone-logo .brand-mark{width:55px;height:55px;color:#494c55}.connection-core{border-color:#d0d1d56b;background:linear-gradient(140deg,#c9cace45,#64687545);box-shadow:0 0 65px #bdbfc330}.connection-core .brand-mark{width:55%;height:55%}.connection-node{background:#32343bd9}.connection-node>span{color:#d6d7d9}.orbit-ring{border-color:#d9dadc45}.orbit-signal:after{background:#cfd0d4;box-shadow:0 0 15px #c6c7ca}
.stack-card-inner{background:linear-gradient(115deg,#1d1e22,#202125);border-color:#c2c3c723;box-shadow:0 -7px 0 #16171a,0 -8px 0 #d6d7da10}
.stack-copy p{color:#afb2bb}.small-label{color:#989ca8}.card-footnote{color:#989ca8}
.stack-visual{background:radial-gradient(ellipse at 70% 25%,#b9bbc370,transparent 70%),linear-gradient(#50545e,#b1b4bc)}.stack-visual:after{background:linear-gradient(transparent 65%,#1d1e22aa)}
.brand-orb{background:radial-gradient(circle at 30% 20%,#d6d7da,transparent 47%),conic-gradient(#c1c3c7,#8d919d,#535661,#969aa6,#d4d5d8)}
.brand-preview{color:#e7e8ea}.brand-preview p{color:#d5d6d9}.color-swatches span{background:#cdced2}.color-swatches span:nth-child(2){background:#b8bac2}.color-swatches span:nth-child(3){background:#9a9ea9}.color-swatches span:nth-child(4){background:#585c67}
.floating-note{background:#383a41e8}.app-visual{background:linear-gradient(160deg,#51545f,#9ea2ad 60%,#bebfc3)}.workbench{background:#292b30ce}.workbench-title .pill{color:#dbdcdf}.work-icon{background:linear-gradient(140deg,#b0b3bb26,#6f748226);color:#cecfd3}
.sync-visual{background:linear-gradient(145deg,#848896,#565a65 60%,#32343b)}
.offer-card{background:linear-gradient(140deg,#1d1e22,#232429)}.offer-card.featured{background:radial-gradient(ellipse at 100% 0,#60647045,transparent 68%),linear-gradient(125deg,#2c2e33,#23252a);border-color:#b2b5bd44}
.offer-card.featured>.button{background:var(--sunset);color:#26282d;border-color:#cdced244}.offer-card.featured>.button:hover{background:linear-gradient(120deg,#e2e3e5,#c7c8cc,#c2c4c8)}
.faq-contact{background:linear-gradient(135deg,#33353b,#25272c)}.faq-panels details{background:linear-gradient(125deg,#202226,#24252a)}.faq-tabs button[aria-selected=true]{background:linear-gradient(120deg,#4f535d44,#393b4244);color:#dedfe1}
.process-card{background:#212226}.art-idea{background:radial-gradient(ellipse at 65% 30%,#9ca0ab,transparent 75%),linear-gradient(150deg,#3d4048,#545863)}
.idea-orb{background:radial-gradient(circle at 30% 20%,#dbdcde,#bdbec2 32%,#7a7f8d 65%,#40434b);box-shadow:inset 3px 4px 10px #d2d3d570,inset -10px -7px 20px #33353b55,18px 28px 25px #22232755}
.art-design{background:linear-gradient(155deg,#c1c3c7,#676c79)}.wireframe{background:#dbdcdf;border-color:#e9e9ea;color:#4e515b}.wireframe>span{background:#969aa6}.wireframe i{background:#b5b8c0}.wireframe i:nth-child(2){background:#a6aab4}.wireframe i:nth-child(3){background:#7a7f8d}
.art-launch{background:radial-gradient(ellipse at 75% 40%,#9fa2ad66,transparent 70%),#40434c}.launch-ring{border-color:#a4a8b2;box-shadow:inset 4px 4px 10px #27292ebb,6px 10px 20px #24262b88,3px 1px 0 #dddee0aa}.launch-arrow{color:#d6d7da;text-shadow:4px 5px 0 #7b808f}
.contact{background:radial-gradient(ellipse at 80% 90%,#a7aab444,transparent 60%),linear-gradient(var(--bg),#32343b 55%,#808492 100%)}.contact-copy p{color:#bfc0c4}.contact-product{background:#24262b;border-color:#cdced233}.contact-product .product-sidebar{background:#232429}.contact-product .product-screen{background:radial-gradient(ellipse at 70% 0%,#b8bac277,transparent 65%),linear-gradient(135deg,#5a5e69,#888c99);color:#e6e6e8}.contact-product .screen-content h3{color:#e6e6e8}.contact-product .screen-content p{color:#dfdfe1}.contact-product .aurora-shape{opacity:.35}.contact-dunes{filter:sepia(.65) saturate(1.15) hue-rotate(300deg) brightness(.73)}
.footer{background:#131416}.footer-brand>p,.footer-bottom{color:#9094a0}.footer-column{color:#b1b4bc}.footer-column>span{color:#e3e4e6}
.laptop-poster{filter:sepia(.7) saturate(.8) hue-rotate(307deg)}
@keyframes signature-entrance{from{opacity:0;transform:translateY(5px);filter:blur(3px);letter-spacing:.01em}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-.035em}}
@keyframes horizon-entrance{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.desktop-nav{gap:18px}.brand{font-size:27px}}
@media(max-width:800px){.mobile-nav{top:72px;background:#202125f5}.brand,.footer-brand .brand{font-size:28px}}
@media(max-width:600px){.nav-wrap{gap:9px}.nav-wrap .brand{font-size:25px;gap:7px}.brand>.brand-mark{width:28px;height:28px}.hero-product .mini-wordmark .brand-mark{width:23px;height:23px}.screen-monogram .brand-mark{width:25px;height:25px}.avatar .brand-mark{width:17px;height:17px}.feature-scenery{background-size:auto 65%,auto 100%,auto}.feature-showcase{box-shadow:3px 3px 0 1px #18191d,4px 4px 0 1px #d2d3d519}}
@media(max-width:370px){.nav-wrap .brand{font-size:22px;gap:5px}.brand>.brand-mark{width:24px;height:24px}.nav-wrap{gap:6px}}
@media(prefers-reduced-motion:reduce){.header .brand-name,.header .brand-mark{animation:none}.header .brand-name:after{transition:none}.js .intro-paragraph{color:#e4e4e6!important}}

/* /theme.css */
/* Schaf & Grimm: deep petrol, warm ivory and champagne accents. */
:root{--bg:#17181c;--text:#ebebec;--muted:#abaeb7;--line:#e3e4e618;--panel:#212226;--accent:#abaeb8;--sunset:#bfc1c5}
body{background:var(--bg)}::selection{background:#b9bcc4;color:#1e2024}
.header.scrolled{background:#1a1b1eeb;border-bottom-color:#ebeced16}.brand,.footer-brand .brand{color:#ebebec}.brand-mark{color:#bfc1c5}.desktop-nav a{color:#c2c3c7}.desktop-nav a:hover{color:#f3f3f4}.header .brand-name:after{background:linear-gradient(90deg,transparent,#abaeb899,transparent)}
.button.light,.screen-content .button,.contact-screen-button,.brand-preview-button,.offer-card.featured>.button{background:#bfc1c5;color:#23252a;border-color:#ffffff33;box-shadow:inset 0 1px 0 #ffffff66}
.button.light:hover,.screen-content .button:hover,.contact-screen-button:hover,.offer-card.featured>.button:hover{background:#f6f6f6;box-shadow:0 5px 20px #00000014}
.button.glass{background:#ffffff06;border-color:#e3e4e626;color:#e1e2e4}.button.glass:hover{background:#ffffff0d}
.pill{background:#ffffff05;border-color:#ffffff0d;color:#b1b4bc}.pill.dot:before,.small-label:before{background:#abaeb8}.tiny-dot{background:#abaeb8;box-shadow:none}.text-link,.intro .text-link{color:#b9bcc4}.text-link:hover{color:#efeff0}
.hero-sky{background:radial-gradient(ellipse at 50% 78%,#acafb833,transparent 45%),linear-gradient(180deg,#1d1e21 0%,#34363d 32%,#636774 65%,#b2b5be 100%)}
.hero-copy .pill{background:#eeeeef09;color:#d9dadd;border-color:#e1e1e31c}.hero-copy>p{color:#d0d1d5}.hero h1{color:#f1f1f2;text-shadow:none}
.hills-back{filter:grayscale(1) sepia(.6) saturate(1.6) hue-rotate(118deg) brightness(.95)}.hills-mid{filter:grayscale(1) sepia(.8) saturate(1.8) hue-rotate(125deg) brightness(.72)}.hills-front{filter:grayscale(1) sepia(.85) saturate(1.6) hue-rotate(130deg) brightness(.52)}.scroll-cue{color:#9da0ab}
.product-window{border-color:#33353c;background:#23252a;box-shadow:0 0 0 1px #ebeced14,0 30px 90px #0000002b}.product-sidebar{background:#23252a;color:#afb2ba}.sidebar-item.selected{color:#f1f1f2}.sidebar-bottom small,.sidebar-top{color:#898d9a}.avatar{border-color:#e3e4e626}
.aurora{background:radial-gradient(ellipse at 80% 5%,#efeff0 0,transparent 50%),linear-gradient(135deg,#b0b3bb,#d6d7da 60%,#8b8f9c);color:#2c2e34}
.aurora-shape{background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#5c606d55 25%,transparent 39%,#ffffff77 49%,transparent 58%,#888c9944 73%,transparent 90%);opacity:.32;filter:blur(35px)}.aurora-hero:after{background:linear-gradient(transparent,#3f424b0f)}
.screen-monogram{background:#ffffff66;color:#40434b}.screen-kicker,.screen-meta{color:#4b4e58}.screen-content h2,.screen-content h3{color:#2e3035}.screen-content p{color:#515560}
.js .intro-paragraph{color:rgb(var(--read-light,60) calc(var(--read-light,60) + 4) calc(var(--read-light,60) + 7))}
.feature-showcase{background:#34373e;border-color:#c2c4c82b;box-shadow:6px 6px 0 1px #17181c,7px 7px 0 1px #ffffff0c}
.feature-scenery{background:radial-gradient(ellipse at 50% 35%,#9da0ab22,transparent 65%),linear-gradient(135deg,#3d3f47,#212226);filter:none;opacity:1}.feature-scenery:after{background:linear-gradient(transparent 60%,#16171933)}
.feature-controls>p{color:#bfc1c5}.circle-button{background:#222429;color:#cbcccf;border-color:#e3e4e61c}.circle-button:hover{background:#35373e}.platform-line,.platform-line>div{color:#9ea2ad}
.feature-tabs{gap:10px;margin-bottom:10px}.feature-tab{height:54px;border:0;overflow:visible;isolation:isolate;background:transparent;color:#b0b3bb;border-radius:999px;transition:color .2s}
.feature-tab:before{content:'';position:absolute;inset:6px;border:1px solid transparent;border-radius:999px;background:transparent;z-index:-1;transition:background .25s,border-color .25s}
.feature-tab.active,.feature-tab:hover{background:transparent;border:0}.feature-tab.active{color:#f1f2f3}.feature-tab.active:before{background:#2e3037;border-color:#e3e4e612}.feature-tab:hover:before{background:#393c43}.feature-tab-label{position:relative;z-index:1}
/* The fine top edge belongs to the card; tab backgrounds stay still. */
.feature-progress{position:absolute;inset:0 0 auto;height:2px;z-index:20;pointer-events:none}
.feature-progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,#ac8cde99,var(--accent));transform:scaleX(0);transform-origin:left}
.motion-paused .feature-progress{visibility:hidden}
.feature-tab:focus-visible{outline:1px dashed #b0b3bc;outline-offset:2px}
.demo-browser,.browser-toolbar{background:#26272c}.browser-toolbar{color:#b2b5bd}.window-dots i{background:#757a89}.address{background:#ffffff08;color:#b5b8c0}.website-demo{background:#e5e5e7;color:#33353b}.demo-nav{border-color:#3c3f471a}.demo-nav-cta{border-color:#4e515b33}.demo-body p,.demo-caption{color:#585c68}.demo-cta{background:#3d3f47;color:#f1f2f3}.demo-horizon{filter:grayscale(1) sepia(.6) saturate(1.3) hue-rotate(120deg) brightness(1.08)}
.desktop-caption .pill{background:#2d2f35c4;color:#e3e4e6}.model-caption,.mobile-copy p{color:#dedee0}.phone{border-color:#35383f;background:#282a30}.phone-island{background:#222428}.phone-screen{background:#e7e7e9;color:#34373e}.phone-screen>p{color:#777c8c}.phone-row i{background:#838795}.phone-back .phone-screen{background:linear-gradient(155deg,#dddee0,#8c909d)}.phone-logo .brand-mark{color:#515560}
.connection-core{background:#b2b5be22;border-color:#d6d7d944;box-shadow:0 0 55px #b6b8c014}.connection-node{background:#303238e6}.connection-node>span{color:#cecfd3}.orbit-ring{border-color:#d3d4d733}.orbit-signal:after{background:#c8c9cc;box-shadow:0 0 10px #c3c4c855}
.stack-card-inner{background:#212226;border-color:#e3e4e61a;box-shadow:0 -7px 0 #161719,0 -8px 0 #ecedee09}.stack-copy p{color:#aeb1ba}.small-label,.card-footnote{color:#979ba6}.stack-visual{background:radial-gradient(ellipse at 70% 25%,#acafb84d,transparent 70%),linear-gradient(#3e4149,#6b6f7d)}.stack-visual:after{background:linear-gradient(transparent 65%,#21222699)}
.brand-orb{background:radial-gradient(circle at 30% 20%,#eaebec,transparent 47%),conic-gradient(#cecfd3,#8f939f,#44474f,#818694,#e3e3e5)}.brand-preview{color:#eaebec}.brand-preview p{color:#cbccd0}.color-swatches span{background:#bfc1c5}.color-swatches span:nth-child(2){background:#a4a7b1}.color-swatches span:nth-child(3){background:#6d7281}.color-swatches span:nth-child(4){background:#2e3037}
.floating-note{background:#393b42e8}.app-visual{background:linear-gradient(155deg,#4a4d57,#828795)}.workbench{background:#282a2fdb}.workbench-title .pill{color:#c9cace}.work-icon{background:#c1c3c716;color:#cacbce}.sync-visual{background:linear-gradient(145deg,#9296a2,#484b55)}
.offer-card{background:#1f2024}.offer-card.featured{background:#2d2f35;border-color:#b0b3bc33}.faq-contact{background:#2c2e33}.faq-panels details{background:#212327}.faq-tabs button[aria-selected=true]{background:#2f3138;color:#e8e9ea}
.process-card{background:#222429}.art-idea{background:radial-gradient(ellipse at 65% 30%,#808492,transparent 75%),#3e4048}.idea-orb{background:radial-gradient(circle at 30% 20%,#f1f2f3,#b9bcc4 32%,#747989 65%,#3f4149);box-shadow:inset 3px 4px 10px #ffffff55,inset -10px -7px 20px #22242955,18px 28px 25px #17181c55}
.art-design{background:linear-gradient(155deg,#b7b9c1,#717685)}.wireframe{background:#e4e4e6;border-color:#f1f2f3;color:#4a4d56}.wireframe>span{background:#9498a4}.wireframe i{background:#b8bac2}.wireframe i:nth-child(2){background:#a0a4ae}.wireframe i:nth-child(3){background:#818694}
.art-launch{background:radial-gradient(ellipse at 75% 40%,#aaadb755,transparent 70%),#3e4149}.launch-ring{border-color:#aeb1ba;box-shadow:inset 4px 4px 10px #212327bb,6px 10px 20px #1c1d2188,3px 1px 0 #eaeaebaa}.launch-arrow{color:#e4e4e6;text-shadow:4px 5px 0 #717684}
.contact{background:linear-gradient(var(--bg),#2e3035 65%,#4e515b)}.contact-copy p{color:#c0c2c6}.contact-product{background:#26282d;border-color:#dddee026}.contact-product .product-sidebar{background:#23252a}.contact-product .product-screen{background:radial-gradient(ellipse at 70% 0%,#b9bcc444,transparent 65%),linear-gradient(135deg,#494c56,#6a6e7c)}.contact-product .screen-content h3{color:#edeeef}.contact-product .screen-content p{color:#cdced2}.contact-product .aurora-shape{opacity:.18}.contact-dunes{filter:grayscale(1) sepia(.75) saturate(1.8) hue-rotate(125deg) brightness(.65)}
.footer{background:var(--bg)}.footer-brand>p,.footer-bottom{color:#9195a2}.footer-column{color:#b4b7bf}.footer-column>span{color:#dddee0}.laptop-poster{filter:grayscale(1)}
.logo-studio{background:#17181c}.studio-eyebrow{color:#abaeb8}.preview-surface.dark{background:#2e3035}.preview-surface.light{background:#e7e8ea;color:#3f424a}.light .preview-brand,.light .preview-brand .brand-mark,.light .brand-period{color:#4a4d57}
@media(max-width:800px){.mobile-nav{background:#222327ef}}
@media(max-width:600px){.feature-tab{height:46px}.feature-tabs{gap:4px}.feature-tab:before{inset:5px}.feature-scenery{background-size:auto 65%,auto 100%,auto}.feature-showcase{box-shadow:3px 3px 0 1px #17181c,4px 4px 0 1px #ffffff0c}}
@media(prefers-reduced-motion:reduce){.js .intro-paragraph{color:#e3e4e6!important}.feature-progress{visibility:hidden}}

/* The signet stays legible at header and favicon sizes. */
.header .brand-mark,.footer-brand .brand-mark{width:40px;height:40px}
.brand{gap:12px}.screen-monogram{background:transparent;border:0;padding:0}
.screen-monogram .brand-mark{width:45px;height:45px;color:#373a41}
.phone-logo .brand-mark{color:#373a41}.contact-product .screen-monogram .brand-mark{color:#bfc1c5}
.button.light:hover,.screen-content .button:hover,.contact-screen-button:hover,.offer-card.featured>.button:hover{background:#d5d6d9}
.brand-orb{background:radial-gradient(circle at 30% 20%,#e5e6e8,transparent 47%),conic-gradient(#abaeb8,#898d9a,#313339,#606470,#cccdd0)}
.color-swatches span{background:#cccdd0}.color-swatches span:nth-child(2){background:#868b98}.color-swatches span:nth-child(3){background:#3d3f47}.color-swatches span:nth-child(4){background:#1a1b1e}
.process-card{background:#212226;border-color:#b5b8c01c}.process-copy p{color:#b2b5be}.process-copy>span{color:#989ca8}
.process-art.art-conversation{background:radial-gradient(ellipse at 25% 10%,#72778566,transparent 70%),#2f3137}
.process-art.art-build{background:linear-gradient(145deg,#666b78,#373a41)}
.process-art.art-publish{background:radial-gradient(ellipse at 90% 70%,#9195a133,transparent 70%),#31333a}
.process-art>span:last-child{color:#c6c7ca}.process-illustration{width:100%;height:100%;max-width:360px;overflow:visible;font-family:Inter,Arial,sans-serif}
.art-paper{fill:#e6e6e8;stroke:#f5f5f5;stroke-width:1}.art-dark-paper{fill:#202125;stroke:#7b808e;stroke-width:.8}
.art-paper,.art-dark-paper{filter:drop-shadow(0 7px 7px #14151822)}
.art-gold-fill{fill:#b0b3bc}.art-petrol-fill{fill:#42454e}.art-sage-fill{fill:#b9bcc4}.art-muted-fill{fill:#9397a3}
.art-ink{fill:#34373e}.art-light{fill:#e1e2e4}.art-label{font-size:12px;font-weight:500}.art-small{font-size:11px}
.art-rule{fill:none;stroke:#b4b7c0;stroke-width:4;stroke-linecap:round}.art-divider{fill:none;stroke:#c7c8cc;stroke-width:1}
.art-check{fill:none;stroke:#b2b5be;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dark-check{stroke:#484b55}
.art-code-bracket{fill:none;stroke:#b7bac2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.code-line{fill:none;stroke:#979ba6;stroke-width:3;stroke-linecap:round;stroke-dasharray:1}
.design-cursor{fill:#b7bac2;stroke:#282a2f;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #15161844)}
.globe-lines{fill:none;stroke:#c4c5c9;stroke-width:1.2}.publish-connector,.publish-arrow{fill:none;stroke:#afb2ba;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes conversation-in{0%,8%{transform:translateY(5px);opacity:.65}18%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(5px);opacity:.65}}
@keyframes checklist-draw{0%,12%{stroke-dashoffset:1}28%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes design-place{0%,12%,100%{transform:translateY(3px);opacity:.7}32%,85%{transform:translateY(0);opacity:1}}
@keyframes cursor-design{0%,10%,100%{transform:translate(12px,12px)}35%,58%{transform:translate(-5px,-12px)}72%,88%{transform:translate(6px,6px)}}
@keyframes code-write{0%,18%{stroke-dashoffset:1}42%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes publish-status{0%,42%,100%{opacity:.25;transform:translateY(3px)}58%,90%{opacity:1;transform:translateY(0)}}
@keyframes publish-link{0%,38%,100%{opacity:.2}52%,88%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  .js .conversation-question{animation:conversation-in 8s ease-in-out infinite}
  .js .conversation-answer{animation:conversation-in 8s .5s ease-in-out infinite}
  .js .requirement-check,.js .qa-check{stroke-dasharray:1;animation:checklist-draw 8s .7s ease-in-out infinite}
  .js .requirement-check.second,.js .qa-check.second{animation-delay:1.2s}.js .qa-check.third{animation-delay:1.7s}
  .js .design-block{animation:design-place 8s ease-in-out infinite}.js .design-cursor{animation:cursor-design 8s ease-in-out infinite}
  .js .code-line{animation:code-write 8s .4s ease-in-out infinite}.js .code-line.second{animation-delay:.8s}.js .code-line.third{animation-delay:1.2s}
  .js .publish-live{animation:publish-status 8s ease-in-out infinite}.js .publish-connector,.js .publish-arrow{animation:publish-link 8s ease-in-out infinite}
  .js .process-art:not(.motion-active) *{animation-play-state:paused!important}
}
@media(max-width:800px){.header .brand-mark{width:34px;height:34px}.process-illustration{max-width:330px}}

/* Amethyst provides emphasis; the main surfaces remain charcoal. */
:root{--bg:#15171c;--text:#f2f2f6;--muted:#a7aab5;--panel:#1d2027;--line:#ffffff16;--accent:#ac8cde;--accent-light:#cbb6ef;--accent-dark:#725296;--sunset:#c5adee}
body{background:var(--bg);color:var(--text)}::selection{background:#baa0e2;color:#231a30}
.header.scrolled,.inner-page .header{background:#17191fee;border-color:#ffffff10}.desktop-nav a{color:#b5b8c2}.desktop-nav a:hover,.brand,.footer-brand .brand{color:#f0f0f5}
.brand-name{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.2}.brand,.footer-brand .brand{font-size:24px;gap:11px}.brand-mark{color:#c5adee;fill:currentColor;stroke:none;width:44px;height:32px}.header .brand-mark,.footer-brand .brand-mark{width:44px;height:32px}
.header .brand-name,.header .brand-mark{animation:brand-enter .7s ease-out both}.header .brand-name:after{background:linear-gradient(90deg,transparent,#c5adee88,transparent);bottom:-5px}.header .brand:hover .brand-mark{transform:translateY(-1px)}
@keyframes brand-enter{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.button.light,.screen-content .button,.contact-screen-button,.brand-preview-button,.offer-card.featured>.button{background:#c5adee;color:#211a2c;border-color:#dac6f84d;box-shadow:inset 0 1px 0 #f4ebff4d}
.button.light:hover,.screen-content .button:hover,.contact-screen-button:hover,.offer-card.featured>.button:hover{background:#d7c5f5;box-shadow:0 5px 24px #9568c523}.button.glass{color:#dfe0e7;border-color:#ffffff26}
.text-link,.intro .text-link,.studio-eyebrow,.page-return{color:#c8b0ee}.text-link:hover{color:#e0d0f9}.pill{color:#b2b5c1}.pill.dot:before,.small-label:before,.tiny-dot{background:#ac8cde}.pill.hero-enter{border-color:#bfa4e42e;color:#d3ccdf}
.hero-sky{background:radial-gradient(ellipse at 76% 62%,#9270b645,transparent 53%),linear-gradient(180deg,#14161b 0%,#272a32 38%,#62616d 74%,#aba7b6 100%)}.hero h1{color:#f4f3f7}.hero-copy>p{color:#d0ced8}.hills-back{filter:grayscale(1) brightness(.95)}.hills-mid{filter:grayscale(1) brightness(.75)}.hills-front{filter:grayscale(1) brightness(.52)}.scroll-cue{color:#a8a6b3}
.product-window{background:#20232b;border-color:#3b3e49}.product-sidebar,.contact-product .product-sidebar{background:#20232b;color:#a6aab7}.sidebar-item.selected{background:#b594ec12;color:#e1d4f4}.sidebar-top,.sidebar-bottom small{color:#838997}.aurora{background:radial-gradient(ellipse at 80% 3%,#f1edf7,transparent 60%),linear-gradient(135deg,#c6bed5,#e1dee9 65%,#aaa0bd);color:#302938}.aurora-shape{background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#7a5c9e44 25%,transparent 39%,#ffffff77 49%,transparent 58%,#b2a1c944 73%,transparent 90%)}
.screen-kicker,.screen-meta{color:#655b76}.screen-content h2,.screen-content h3{color:#2a2531}.screen-content p{color:#6b6477}.screen-monogram .brand-mark,.phone-logo .brand-mark{color:#725296}.screen-monogram .brand-mark{width:48px;height:32px}.mini-wordmark .brand-mark{width:32px;height:23px}.avatar .brand-mark{width:22px;height:16px}
.feature-showcase{background:#262a34;border-color:#b799dc26;box-shadow:5px 5px 0 1px #121419,6px 6px 0 1px #ffffff0c}.feature-scenery{background:radial-gradient(ellipse at 74% 20%,#9e7bc630,transparent 67%),linear-gradient(135deg,#33343f,#23262f)}.feature-tab{color:#aeb1be}.feature-tab.active:before{background:#a580d71a;border-color:#bea1e92b}.feature-tab.active{color:#e5d6f8}.feature-tab:hover:before{background:#ffffff08}.feature-tab:focus-visible{outline-color:#c5a7ee}
.circle-button{background:#22252d;color:#c0c2ce;border-color:#ffffff20}.platform-line,.platform-line>div{color:#9196a4}.feature-controls>p{color:#afb2bf}.demo-browser,.browser-toolbar{background:#292c36}.window-dots i{background:#727487}.website-demo{background:#efedf3;color:#302b39}.demo-body p,.demo-caption{color:#70677d}.demo-cta{background:#725296;color:#f5effb}.demo-horizon{filter:grayscale(1) brightness(1.15)}
.phone{border-color:#3e3c48;background:#252630}.phone-island{background:#1e2027}.phone-screen{background:#eae6f1;color:#302a3b}.phone-screen>p{color:#81748f}.phone-row i{background:#a28bbd}.phone-back .phone-screen{background:linear-gradient(155deg,#ded5ec,#a78fbe)}.connection-core{background:#a181cc14;border-color:#c3a4ef44;box-shadow:0 0 55px #9471c21a}.connection-node{background:#292735f0}.connection-node>span{color:#c4b6d8}.orbit-signal:after{background:#d3bdf1;box-shadow:0 0 10px #a580d755}
.offer-card{background:#1e2128;border-color:#ffffff13}.offer-card.featured{background:radial-gradient(ellipse at 50% 0,#9974c819,transparent 70%),#24242e;border-color:#b997e351}.offer-card.featured .offer-eyebrow{color:#c3a6eb}.faq-contact{background:linear-gradient(135deg,#302a3b,#23252d)}.faq-panels details{background:#1e2128}.faq-tabs button[aria-selected=true]{background:#ab86dd16;color:#d8c6f0}
.process-card{background:#1f2229;border-color:#ffffff14}.process-copy p{color:#a6aab5}.process-copy>span{color:#8f95a3}.process-art.art-conversation{background:radial-gradient(ellipse at 20% 5%,#9d7bc138,transparent 70%),#30323d}.process-art.art-build{background:linear-gradient(145deg,#5d556e,#30343f)}.process-art.art-publish{background:radial-gradient(ellipse at 90% 70%,#a587d12b,transparent 70%),#2b303a}
.art-paper{fill:#eeebf3;stroke:#f7f3fc}.art-dark-paper{fill:#232530;stroke:#8f839f}.art-gold-fill{fill:#c5ace7}.art-petrol-fill{fill:#79648e}.art-sage-fill{fill:#c4bdd0}.art-muted-fill{fill:#9c91ab}.art-ink{fill:#383041}.art-light{fill:#e9e0f2}.art-rule{stroke:#bdb3c9}.art-divider{stroke:#d1c9d9}.art-check,.art-code-bracket{stroke:#c6a5ed}.dark-check{stroke:#7c5aa0}.code-line{stroke:#b298ce}.design-cursor{fill:#c6aae9;stroke:#44324f}.globe-lines{stroke:#d0b8ec}.publish-connector,.publish-arrow{stroke:#b99bdc}
.contact{background:radial-gradient(ellipse at 82% 60%,#88709e2c,transparent 70%),linear-gradient(var(--bg),#2b2d37 65%,#51515e)}.contact-product{background:#252732;border-color:#ffffff1f}.contact-product .product-screen{background:radial-gradient(ellipse at 70% 0%,#bba6d22e,transparent 65%),linear-gradient(135deg,#474151,#74647f)}.contact-product .screen-content h3{color:#f0eaf6}.contact-product .screen-content p{color:#d0c4df}.contact-product .screen-monogram .brand-mark{color:#d3b6f2}.contact-dunes{filter:grayscale(1) brightness(.65)}.contact-copy p{color:#b4b3c0}.footer{background:var(--bg)}.footer-brand>p,.footer-bottom{color:#999dab}.footer-column{color:#b2b5c2}.footer-column>span{color:#dbdbe4}.laptop-poster{filter:none}
.logo-studio{background:#17191f}.studio-intro h1{font-size:clamp(40px,6vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.logo-studio .preview-brand.brand{font-size:31px}.logo-studio .preview-brand .brand-mark{width:52px;height:35px}.preview-surface.dark{background:radial-gradient(ellipse at 95% 80%,#9b74be25,transparent 70%),#252830}.preview-surface.light{background:#eeeaf4;color:#322b3c}.light .preview-brand,.light .preview-brand .brand-mark,.light .brand-period{color:#614777}
@media(max-width:1100px){.nav-wrap .brand{font-size:22px}}
@media(max-width:800px){.header .brand-mark{width:38px;height:27px}.mobile-nav{background:#1d2029f5}.nav-wrap .brand{font-size:21px;gap:9px}}
@media(max-width:480px){.nav-cta{display:none}.menu-toggle{margin-left:auto}.nav-wrap .brand{font-size:22px}.logo-studio .preview-brand.brand{font-size:24px}.logo-studio .preview-brand .brand-mark{width:42px;height:29px}}

/* /subpages.css */
.inner-page{background:radial-gradient(ellipse at 80% 0,#3c3e4655,transparent 550px),var(--bg);min-height:100vh}
.inner-page .header{background:#1a1b1ef5;border-bottom:1px solid var(--line)}
.page-main{padding-top:145px;padding-bottom:110px;min-height:70vh}
.page-breadcrumb{display:flex;gap:14px;align-items:center;color:#9fa2ad;font-size:12px;margin-bottom:48px}
.page-breadcrumb a:hover{color:#bfc1c5}.page-breadcrumb>span:last-child{color:#d0d1d5}
.page-heading{max-width:780px;margin-bottom:64px}.page-heading .pill{margin-bottom:22px}
.page-heading h1{font-family:Inter,Arial,sans-serif;font-size:clamp(52px,7vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.04em;color:#ebebec}
.page-heading>p{max-width:620px;margin-top:25px;color:#b6b9c1;line-height:1.75;font-size:16px}
.page-contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}
.contact-detail{padding:38px;border:1px solid #b7bac230;border-radius:18px;background:linear-gradient(135deg,#34363d,#24262b)}
.contact-detail .brand-mark{width:64px;height:64px;margin-bottom:40px}.contact-detail h2{font-size:15px;color:#bdbfc3;font-weight:400;margin-bottom:14px}
.contact-email{font-size:clamp(21px,2.7vw,34px);letter-spacing:-.035em;color:#c9cacd;overflow-wrap:anywhere}
.contact-detail>p{font-size:14px;line-height:1.7;color:#b9bbc3;margin-top:18px;max-width:370px}.contact-detail .button{margin-top:32px}
.contact-facts{display:grid;gap:18px;margin-top:30px;padding-top:25px;border-top:1px solid #b2b5be25}
.contact-facts dt{font-size:11px;color:#adb0b9;margin-bottom:6px}.contact-facts dd{font-size:15px;line-height:1.7;color:#e2e3e5}.contact-facts address{font-style:normal}
.contact-facts dd,.legal-content dd{margin-left:0}
.contact-guide{padding:12px 0 12px 32px}.contact-guide h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin-bottom:26px}
.contact-guide ol{list-style:none;counter-reset:contact-steps}.contact-guide li{counter-increment:contact-steps;display:grid;grid-template-columns:30px 1fr;gap:15px;padding:24px 0;border-top:1px solid #b9bcc426}
.contact-guide li:before{content:'0' counter(contact-steps);font-size:11px;color:#abaeb8;padding-top:4px}.contact-guide h3{font-size:16px;font-weight:500;margin-bottom:8px}.contact-guide p{font-size:14px;line-height:1.7;color:#afb2ba}
.page-return{margin-top:48px;font-size:13px;color:#abaeb8;display:inline-block}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;align-items:start}
.legal-toc{position:sticky;top:110px;display:grid;gap:16px;font-size:12px;color:#acafb9;padding-top:10px}.legal-toc a:hover{color:#bfc1c5}
.legal-content{max-width:760px}.legal-content section{scroll-margin-top:108px;padding-bottom:32px;margin-bottom:34px;border-bottom:1px solid #b4b7bf1f}
.legal-content h2{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin-bottom:20px}.legal-content h3{font-size:16px;font-weight:500;margin:25px 0 12px}
.legal-content p,.legal-content address,.legal-content li,.legal-content dl{font-size:14px;line-height:1.85;color:#c0c2c6;font-style:normal}
.legal-content p+p{margin-top:14px}.legal-content a{color:#bfc0c4;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-content ul{padding-left:21px;margin:18px 0}.legal-content li{margin:8px 0}.legal-content strong{color:#e0e1e3;font-weight:500}.legal-content dt{color:#e2e3e5;margin-top:15px}.legal-content dd{margin-top:2px}.legal-date{font-size:11px;color:#969aa5;margin-top:24px}
.legal-content address+p{margin-top:18px}

/* Modern typography and restrained amethyst details. */
.inner-page{background:radial-gradient(ellipse at 85% 0,#8862b21b,transparent 600px),#15171c}
.page-heading h1{font-family:Inter,Arial,sans-serif;font-size:clamp(39px,5.5vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em;color:#f0f0f5}
.page-heading>p{color:#a7abb8}.page-breadcrumb{color:#959ba9}.page-breadcrumb>span:last-child{color:#c8b5e2}.page-breadcrumb a:hover{color:#d0b9ef}
.contact-detail{background:radial-gradient(ellipse at 90% 10%,#9272b723,transparent 70%),#21242c;border-color:#b99bdd30}.contact-email{color:#cbb2ee}.contact-detail .brand-mark{width:65px;height:44px}.contact-detail h2,.contact-detail>p{color:#a9adba}.contact-facts{border-color:#ffffff12}.contact-facts dt{color:#9299aa}.contact-facts dd{color:#d5d5e0}
.contact-guide li{border-color:#ffffff15}.contact-guide li:before,.page-return{color:#bea0e6}.contact-guide p{color:#a4abba}
.legal-toc{color:#a0a6b5}.legal-toc a:hover{color:#d0b7ef}.legal-content p,.legal-content address,.legal-content li,.legal-content dl{color:#b4bac8}.legal-content a{color:#c9aeee}.legal-content strong,.legal-content dt{color:#e4dfed}.legal-content section{border-color:#ffffff13}.legal-date{color:#8c95a4}
@media(max-width:600px){.page-heading h1{font-size:40px}.contact-email{font-size:25px}}
.footer-bottom{flex-wrap:wrap;gap:18px}.footer-legal{display:flex;gap:22px;align-items:center}
.contact-details-link{display:block;width:max-content;margin-top:24px;font-size:13px}
.not-found{max-width:750px;padding-block:80px}.not-found .button{margin-top:12px}
@media(max-width:900px){.legal-layout{gap:35px;grid-template-columns:170px minmax(0,1fr)}.contact-detail{padding:28px}.contact-guide{padding-left:12px}.contact-guide h2{font-size:23px}}
@media(max-width:600px){.page-main{padding-top:112px;padding-bottom:65px}.page-breadcrumb{margin-bottom:34px;font-size:11px}.page-heading{margin-bottom:40px}.page-heading>p{font-size:14px}.page-contact-grid,.legal-layout{grid-template-columns:1fr;gap:30px}.contact-guide{padding:10px 0}.contact-detail{padding:25px}.contact-detail .brand-mark{width:53px;height:53px;margin-bottom:28px}.contact-email{font-size:25px}.legal-toc{position:static;display:flex;flex-wrap:wrap;gap:12px 20px;padding-bottom:25px;border-bottom:1px solid #b4b7bf1f}.legal-content h2{font-size:22px}.legal-content p,.legal-content address,.legal-content li{font-size:13px}.footer-legal{width:100%;gap:20px;flex-wrap:wrap}.inner-page .footer-top{padding-top:55px}}

/* /actions.css */
.preview-illustration{display:contents}
.preview-action{position:absolute;inset:0;z-index:12;border-radius:inherit;cursor:pointer;transition:box-shadow .25s}
.preview-action:hover{box-shadow:inset 0 0 0 1px #c8a7f15c}
.preview-action:focus-visible{outline:2px solid #c8a7f1;outline-offset:-5px}
.demo-nav-cta,.demo-cta{transition:background .2s,box-shadow .2s}.demo-nav-cta:hover,.demo-cta:hover{box-shadow:0 0 0 2px #aa86d04a}
.inquiry-choice{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff12}.inquiry-choice label{display:block;font-size:12px;color:#d0c9dc;margin-bottom:10px}.inquiry-choice select{width:100%;max-width:100%;color:#e3d9ef;background:#262430;border:1px solid #a48bbe50;border-radius:8px;padding:12px 14px;font:inherit;font-size:13px;cursor:pointer;color-scheme:dark}.inquiry-choice select:focus-visible{outline:2px solid #c5a7ee;outline-offset:3px}.inquiry-choice p{font-size:12px;line-height:1.7;color:#aaa0b8;margin-top:12px;min-height:42px}.contact-detail .inquiry-hint{font-size:10px;line-height:1.65;max-width:330px;color:#93889f;margin-top:12px}.contact-detail #inquiry-email{margin-top:19px}
@media(max-width:600px){.inquiry-choice select{font-size:12px}.inquiry-choice p{font-size:11px}}

/* /examples.css */
/* Website concepts: full-page previews, local thumbnails and an accessible dialog. */
.examples-section{padding-top:50px;scroll-margin-top:30px}.examples-heading{align-items:end}.examples-heading>p{max-width:370px}.examples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:36px 0 30px}.examples-count{white-space:nowrap;font-size:11px;color:#9295a3}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.example-card{min-width:0}.example-preview-link{display:block;position:relative;border:1px solid #ffffff21;border-radius:15px;overflow:hidden;background:#efefee;box-shadow:0 10px 28px #0002;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}.example-preview-link:hover{transform:translateY(-5px);border-color:#b6a0f180;box-shadow:0 16px 36px #0005}.example-browser{height:26px;display:flex;align-items:center;justify-content:center;background:#f5f5f3;border-bottom:1px solid #dedfdd;color:#777772;font-size:8px;letter-spacing:.03em;position:relative}.example-browser-dots{display:flex;gap:3px;position:absolute;left:11px}.example-browser-dots i{width:4px;height:4px;border-radius:50%;background:#c7c8c5}.example-preview-link>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;transition:filter .3s}.example-open{position:absolute;bottom:18px;left:50%;transform:translate(-50%,10px);opacity:0;background:#1a1c25ed;color:#fff;padding:11px 19px;white-space:nowrap;border:1px solid #ffffff30;border-radius:30px;font-size:11px;transition:transform .3s,opacity .3s;box-shadow:0 4px 20px #0003}.example-preview-link:hover .example-open,.example-preview-link:focus-visible .example-open{opacity:1;transform:translate(-50%,0)}.example-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 2px 0}.example-caption h3{font-size:16px;letter-spacing:-.025em;font-weight:500;line-height:1.4}.example-caption p{font-size:11px;margin-top:5px;color:#9295a3}.example-caption>a{display:flex;align-items:center;justify-content:center;border:1px solid #ffffff24;border-radius:50%;width:34px;height:34px;flex-shrink:0;color:#c6b4f5;transition:background .2s}.example-caption>a:hover{background:#b6a0f126}.examples-note{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px 0 0;margin-top:36px;border-top:1px solid #ffffff16}.examples-note p{font-size:11px;max-width:530px;line-height:1.8;color:#9295a3}.examples-note .text-link{font-size:12px;white-space:nowrap}.examples-direct-link{display:inline-flex;margin:22px 0 0;font-size:12px;color:#c6b4f5;gap:12px}.examples-direct-link:hover{color:#eee6ff}
.example-dialog{position:fixed;width:min(1180px,calc(100% - 48px));height:min(940px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #ffffff2a;border-radius:18px;background:#191c23;color:#f3f1f7;overflow:hidden;box-shadow:0 25px 100px #0009}.example-dialog[open]{display:flex;flex-direction:column}.example-dialog::backdrop{background:#080a10c9;backdrop-filter:blur(9px)}body.example-opened{overflow:hidden}.example-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 24px;border-bottom:1px solid #ffffff18;flex-shrink:0}.example-dialog-header h2{font-size:17px;font-weight:500;letter-spacing:-.025em;line-height:1.4}.example-dialog-header p{font-size:10px;color:#9e9cac;margin-top:3px}.example-dialog-tools{display:flex;align-items:center;gap:20px}.example-device-switch{display:flex;gap:3px;padding:4px;border:1px solid #ffffff18;border-radius:9px}.example-device-switch button{padding:7px 12px;font-size:11px;border-radius:5px;background:transparent;color:#a9a6b5}.example-device-switch button[aria-pressed=true]{background:#3b334e;color:#e1d4ff}.example-close{width:36px;height:36px;font-size:24px;line-height:1;border-radius:50%;background:#ffffff0a;color:#dedbe8}.example-close:hover{background:#ffffff20}.example-dialog-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:18px;background:repeating-linear-gradient(135deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 10px);position:relative}.example-dialog-stage iframe{height:100%;width:100%;max-width:100%;background:#eee;border:0;border-radius:6px;box-shadow:0 2px 20px #0003}.example-dialog-stage.is-mobile iframe{width:390px;border-radius:18px}.example-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;flex-shrink:0;border-top:1px solid #ffffff18}.example-dialog-footer>a:first-child{font-size:11px;color:#b9b5c5}.example-dialog-footer .button{font-size:12px;min-height:40px;padding:10px 17px}
@media(hover:none){.example-open{opacity:1;transform:translate(-50%,0);bottom:14px}.example-preview-link:hover{transform:none}}
@media(min-width:801px) and (max-width:1100px){.desktop-nav{gap:15px}.nav-wrap{gap:18px}.nav-wrap .brand{font-size:20px}.desktop-nav a{font-size:11px}.nav-cta{padding-inline:13px;font-size:11px}}
@media(max-width:900px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-toolbar{align-items:flex-start}.examples-count{padding-top:10px}.example-caption h3{font-size:15px}}
@media(max-width:600px){.examples-section{padding-top:20px}.examples-heading>p{max-width:none}.examples-toolbar{margin-top:28px;gap:14px;flex-direction:column}.examples-count{padding-top:0}.examples-grid{gap:29px 16px}.example-caption h3{font-size:14px}.example-caption p{font-size:10px}.example-caption>a{width:30px;height:30px}.example-caption{padding-top:14px;gap:8px}.example-preview-link{border-radius:12px}.examples-note{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;padding-top:23px}.example-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:12px}.example-dialog-header{padding:14px;gap:10px}.example-dialog-header h2{font-size:14px}.example-dialog-tools{gap:8px}.example-device-switch{display:none}.example-dialog-stage{padding:8px}.example-dialog-footer{padding:12px;gap:14px;flex-wrap:wrap}.example-dialog-footer .button{font-size:11px;min-height:42px}.example-dialog-footer>a:first-child{font-size:10px}.example-open{font-size:10px;padding:9px 13px}}
@media(max-width:480px){.examples-grid{grid-template-columns:1fr;gap:32px}.example-preview-link>img{aspect-ratio:4/4.5}.example-caption h3{font-size:16px}.example-caption p{font-size:11px}.example-browser{height:27px}.example-open{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.example-preview-link,.example-preview-link>img,.example-open{transition:none}.example-preview-link:hover{transform:none}}

/* Original template previews keep the wide composition of the source sites. */
.example-card--template .example-preview-link>img{aspect-ratio:16/9;object-fit:cover;object-position:center}
.example-dialog [hidden]{display:none!important}
.example-external-preview{align-self:center;text-align:center;max-width:850px;overflow:auto;max-height:100%;padding:12px}
.example-external-preview img{width:100%;max-height:55dvh;object-fit:contain;border-radius:8px}
.example-external-preview p{font-size:13px;color:#b9b5c5;margin:18px 0}
.example-external-preview .button{display:inline-flex}

/* Two mobile or six desktop examples, followed by a softly blurred preview row. */
.examples-gallery { position: relative; overflow-anchor: none; }
.examples-gallery .examples-grid { position: relative; }
.examples-disclosure { display: flex; justify-content: center; margin-top: 28px; }
.examples-disclosure[hidden] { display: none; }
.examples-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--button-accent);
  font: 500 14px/1.5 Inter, Arial, sans-serif;
  letter-spacing: -.02em;
  text-align: center;
  transition: color .2s;
}
.examples-toggle .button-label {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 5px;
  transition: text-decoration-color .2s;
}
.examples-toggle svg.ui-icon { width: 18px; height: 18px; }
.examples-toggle[aria-expanded="true"] .ui-icon { transform: rotate(180deg); }
.examples-toggle:focus-visible { outline: 2px solid var(--button-accent); outline-offset: 4px; }
.examples-toggle:active { color: var(--button-accent-hover); }
@media (hover: hover) and (pointer: fine) {
  .examples-toggle:hover { color: var(--button-accent-hover); }
  .examples-toggle:hover .button-label { text-decoration-color: currentColor; }
}
@media (prefers-reduced-motion: reduce) {
  .examples-toggle, .examples-toggle .button-label { transition: none; }
}
.examples-gallery.is-collapsed .examples-viewport {
  height: var(--examples-preview-height);
  overflow: hidden;
  overflow: clip;
}
.examples-gallery.is-collapsed .example-card.is-preview-teaser {
  opacity: 1;
  transform: none;
  filter: none;
  pointer-events: none;
}
.examples-gallery.is-collapsed .examples-disclosure {
  position: absolute;
  inset: auto 0 0;
  isolation: isolate;
  min-height: 148px;
  margin: 0;
  padding: 0 16px 20px;
  align-items: flex-end;
}
.examples-gallery.is-collapsed .examples-disclosure::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, #15171cbd 55%, var(--bg) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 55%);
  mask-image: linear-gradient(180deg, transparent, #000 55%);
}

/* /scroll-motion.css */
/* Scroll position controls the entrance, including when scrolling back up. */
/* Keep animated values local to the surface that uses them. Otherwise every
   child of the detailed product mockups is restyled on each scroll frame.
   Older browsers ignore registration and retain the same visual fallback. */
@property --enter{syntax:"<number>";inherits:false;initial-value:1}
@property --card-scale{syntax:"<number>";inherits:false;initial-value:1}
@property --card-light{syntax:"<number>";inherits:false;initial-value:1}
@property --card-depth{syntax:"<length>";inherits:false;initial-value:0px}
.js .reveal:not(.scroll-reveal){opacity:1;transform:none}
.scroll-motion .scroll-reveal{
  --enter:1;
  --enter-distance:38px;
  opacity:var(--enter);
  transform:translate3d(0,calc((1 - var(--enter)) * var(--enter-distance)),0);
  filter:blur(calc((1 - var(--enter)) * 2px));
  transition:none;
}
.scroll-motion .scroll-box{
  --enter-distance:86px;
  transform:translate3d(0,calc((1 - var(--enter)) * var(--enter-distance)),0) scale(calc(.95 + var(--enter) * .05));
  transform-origin:50% 0;
  filter:blur(calc((1 - var(--enter)) * 3px));
}
.scroll-motion .scroll-row{--enter-distance:46px}
.scroll-motion .scroll-visual{
  --enter-distance:65px;
  transform:translate3d(0,calc((1 - var(--enter)) * var(--enter-distance)),0) scale(calc(.94 + var(--enter) * .06));
}
.scroll-motion .scroll-stack-text{--enter-distance:32px}
.scroll-motion .scroll-in-view{will-change:transform,opacity}
.scroll-motion .scroll-heading{opacity:1;transform:none;filter:none;will-change:auto}
.motion-line{display:inline-block;max-width:100%;vertical-align:top}
.scroll-motion .motion-line{
  --line-progress:clamp(0,(var(--enter) - var(--line-order) * .14) / (1 - var(--line-order) * .14),1);
  opacity:var(--line-progress);
  transform:translate3d(0,calc((1 - var(--line-progress)) * 46px),0);
  filter:blur(calc((1 - var(--line-progress)) * 3px));
}
.scroll-motion .intro-paragraph{
  color:rgb(var(--read-light,235) calc(var(--read-light,235) + 2) calc(var(--read-light,235) + 6));
  transform:translate3d(0,var(--read-shift,0px),0);
  transition:color .12s linear;
}
.scroll-motion .stack-card-inner{
  transform:translateY(var(--card-depth,0px)) scale(var(--card-scale,1));
  filter:brightness(var(--card-light,1));
}
.stack-card.stack-static{position:relative;top:auto}
.scroll-motion .hero-copy{
  opacity:var(--hero-copy-fade,1);
  transform:translateY(calc(var(--hero-scroll) * 62px));
}
.scroll-motion .hero-copy:focus-within{opacity:1}
.scroll-motion .hero-product{
  transform:translateX(-50%) translateY(calc(var(--hero-scroll) * -145px)) scale(calc(1 + var(--hero-scroll) * .065));
}
.scroll-motion .hills-back{transform:translateY(calc(var(--hero-scroll) * -78px))}
.scroll-motion .hills-mid{transform:translateY(calc(var(--hero-scroll) * -36px))}
.scroll-motion .hills-front{transform:translateY(calc(var(--hero-scroll) * 55px)) scale(1.025)}
.scroll-motion .contact-product.scroll-reveal{
  transform:translate3d(var(--contact-slide,0px),calc((1 - var(--enter)) * 55px),0) scale(calc(.96 + var(--enter) * .04));
  transform-origin:20% 50%;
}
.scroll-motion .contact-dunes{transform:translateY(var(--dunes-shift,0px)) scale(1.04);transform-origin:bottom}
.scroll-motion .scroll-reveal:focus-within{opacity:1;transform:none;filter:none}
.scroll-motion .scroll-reveal:focus-within .motion-line{opacity:1;transform:none;filter:none}
@media(max-width:600px){
  .scroll-motion .scroll-reveal{--enter-distance:25px}
  .scroll-motion .scroll-box{--enter-distance:48px}
  .scroll-motion .scroll-visual{--enter-distance:36px}
  .scroll-motion .hero-product{transform:translateX(-50%) translateY(calc(var(--hero-scroll) * -84px)) scale(calc(1 + var(--hero-scroll) * .035))}
  .scroll-motion .hills-front{transform:translateY(calc(var(--hero-scroll) * 28px)) scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
  .scroll-motion .scroll-reveal,.scroll-motion .motion-line,.scroll-motion .hero-copy,.scroll-motion .intro-paragraph{
    opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important;
  }
  .scroll-motion .intro-paragraph{color:#ebeaf1!important}
  .scroll-motion .hero-product{transform:translateX(-50%)!important}
  .scroll-motion .landscape,.scroll-motion .contact-dunes{transform:none!important}
  .scroll-motion .stack-card-inner{transform:none!important;filter:none!important}
}
@media print{
  .scroll-motion .scroll-reveal,.scroll-motion .motion-line,.scroll-motion .hero-copy{opacity:1!important;transform:none!important;filter:none!important}
  .scroll-motion .intro-paragraph{color:inherit!important}
}

/* /compliance.css */
/* Readable legal information, keyboard access, and a page-local motion choice. */
.footer-legal{display:flex;flex-wrap:wrap;gap:14px 20px}
.footer-bottom{flex-wrap:wrap}
.legal-content{min-width:0;overflow-wrap:anywhere}
.legal-content section.scroll-reveal{opacity:1!important;transform:none!important;filter:none!important}
.legal-content a,.inquiry-hint a,.transparency-note a{text-decoration:underline;text-underline-offset:3px}
.transparency-note{color:#d6d3e1;font-size:13px;line-height:1.7;margin-top:18px}
.motion-toggle{display:inline-flex;align-items:center;position:static;background:none;color:inherit;border:0;border-radius:0;padding:0;min-height:44px;font:inherit;text-align:left;cursor:pointer;text-underline-offset:4px}
.motion-toggle:not(:disabled):hover{text-decoration:underline;color:var(--text)}
.motion-toggle:disabled{cursor:default}
.footer-bottom,.studio-footer{align-items:center}
.studio-footer{flex-wrap:wrap}
.motion-footer{padding-block:24px;font-size:11px;color:var(--muted)}
:focus-visible{outline:3px solid #c9b6ff;outline-offset:4px}
html.motion-paused{scroll-behavior:auto!important}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-paused .scroll-reveal,.motion-paused .motion-line,.motion-paused .hero-copy,.motion-paused .intro-paragraph{opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important}
.motion-paused .intro-paragraph{color:#ebeaf1!important}
.motion-paused .hero-product{transform:translateX(-50%)!important}
.motion-paused .landscape,.motion-paused .contact-dunes{transform:none!important}
.motion-paused .stack-card-inner{transform:none!important;filter:none!important}
.motion-paused .contact-product{transform:none!important;opacity:1!important}
.motion-paused .feature-progress{visibility:hidden}
.concept-footer{flex-wrap:wrap;font-size:12px}
.concept-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}
@media print{.motion-toggle{display:none}}

/* /icons.css */
/* Inline vectors render consistently without system emoji or icon fonts. */
svg.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sidebar-item>svg.ui-icon{width:1em;height:1em}
.offer-card li::before{content:none}
.offer-check{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#f6f6f718;color:#c5c6ca}
.offer-check>svg.ui-icon{width:12px;height:12px}
.example-close>svg.ui-icon{width:18px;height:18px}
.phone-status svg.ui-icon{width:1.3em;height:1.3em}
@media(max-width:900px){.offer-check{width:17px;height:17px;flex-basis:17px}.offer-check>svg.ui-icon{width:10px;height:10px}}

/* /contact-shader.css */
/* Contact page: the approved amethyst/copper preview, with opaque reading surfaces. */
.contact-page { background: #15171c; }
.contact-main { position: relative; isolation: isolate; padding-top: 126px; padding-bottom: 76px; }
.contact-atmosphere {
  position: absolute;
  inset: 64px 0 auto;
  height: min(1100px, calc(100% - 64px));
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 88% 20%, #af765f55, transparent 60%),
    radial-gradient(ellipse at 58% 32%, #9471be88, transparent 60%), #1b1724;
}
.contact-atmosphere::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #15171cba, transparent 65%),
    linear-gradient(0deg, #15171c 0%, #15171c1a 58%, #15171c22);
}
.contact-shader { display: block; width: 100%; height: 100%; opacity: 0; }
.contact-shader.is-ready { opacity: 1; }
.contact-content { position: relative; }
.contact-main .page-breadcrumb { color: #c0b7c9; margin-bottom: 42px; }
.contact-main .page-heading { max-width: 680px; margin-bottom: 42px; }
.contact-main .page-heading .pill {
  padding: 0; border: 0; background: none; box-shadow: none;
  color: #dfc9fa; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 18px;
}
.contact-main .page-heading h1 { font-size: clamp(40px, 5.5vw, 66px); line-height: 1.04; color: #f7f3fb; }
.contact-main .page-heading > p { margin-top: 20px; max-width: 520px; color: #d5cdda; font-size: 15px; line-height: 1.75; }
.contact-main .page-contact-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: start; gap: 56px; }
.contact-main .contact-detail {
  padding: 30px 32px; background: #1b1c23; border: 1px solid #d9c0f026; border-radius: 18px;
  box-shadow: 0 18px 55px #07050c22;
}
.contact-main .contact-detail h2 { font-size: 23px; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; color: #f2edf7; margin-bottom: 12px; }
.contact-main .contact-email { color: #d1b8f1; font-size: clamp(18px, 2vw, 23px); letter-spacing: -.025em; }
.contact-main .inquiry-choice { margin-top: 26px; padding-top: 0; border: 0; }
.contact-main .inquiry-choice label { color: #b7b1c2; margin-bottom: 9px; }
.contact-main .inquiry-choice select { background: #25242e; color: #eee7f5; border-color: #ffffff20; min-height: 46px; }
.contact-main .inquiry-choice p { margin-top: 12px; min-height: 0; color: #b7aabd; }
.contact-main .contact-detail #inquiry-email { width: 100%; margin-top: 20px; }
.contact-main .contact-detail .inquiry-hint { max-width: none; color: #aaa3b3; font-size: 11px; line-height: 1.7; margin-top: 15px; }
.contact-main .contact-guide { padding: 20px 0; }
.contact-main .contact-guide h2 { font-size: 28px; line-height: 1.2; margin-bottom: 27px; color: #f2edf7; }
.contact-main .contact-guide ol { padding: 0; margin: 0; display: grid; gap: 24px; }
.contact-main .contact-guide li { grid-template-columns: 24px 1fr; gap: 12px; border: 0; padding: 0; }
.contact-main .contact-guide li::before { color: #b297cc; }
.contact-main .contact-guide h3 { font-size: 15px; margin-bottom: 6px; color: #e5dcea; }
.contact-main .contact-guide p { font-size: 13px; color: #bdb2c6; max-width: 320px; }
.contact-main .contact-facts { margin: 38px 0 0; padding-top: 24px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 56px; }
.contact-main .contact-facts dt { color: #a69aac; font-size: 12px; }
.contact-main .contact-facts dd { font-size: 14px; color: #d5cbdc; }
.contact-main .page-return { margin-top: 34px; }
/* Keep the contact information immediately readable while the background moves. */
.contact-main .scroll-reveal, .contact-main .motion-line {
  opacity: 1; transform: none; filter: none;
}
@media (max-width: 900px) {
  .contact-main .page-contact-grid, .contact-main .contact-facts { gap: 30px; }
  .contact-main .contact-detail { padding: 27px; }
}
@media (max-width: 650px) {
  .contact-main { padding-top: 105px; padding-bottom: 55px; }
  .contact-main .page-breadcrumb { margin-bottom: 32px; }
  .contact-main .page-heading { margin-bottom: 32px; }
  .contact-main .page-heading h1 { font-size: clamp(36px, 9vw, 44px); }
  .contact-main .page-heading > p { font-size: 14px; }
  .contact-main .page-contact-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .contact-main .contact-detail { padding: 24px; }
  .contact-main .contact-detail h2 { font-size: 22px; }
  .contact-main .contact-email { font-size: 20px; }
  .contact-main .inquiry-choice select { font-size: 16px; padding-inline: 10px; }
  .contact-main .contact-guide { padding: 0; }
  .contact-main .contact-guide h2 { font-size: 25px; }
  .contact-main .contact-guide h2 br { display: none; }
  .contact-main .contact-guide p { max-width: none; }
  .contact-main .contact-facts { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media print { .contact-atmosphere { display: none; } }

/* /buttons.css */
/* Schaf & Grimm: selected designs 01 (Solid), 02 (Kontur), 03 (Soft).
   Load after the page styles. Inter and brand assets are already bundled.
   The label stays above the outline fill; no extra animation script is needed. */
:root {
  --button-accent: #c5adee;
  --button-accent-hover: #e2d5f6;
  --button-ink: #15171c;
  --button-soft: #422951;
  --button-ease: cubic-bezier(.2, .7, .2, 1);
}

:root .button:is(.button--solid, .button--outline, .button--soft) {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 24px;
  gap: 0;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--button-accent);
  color: var(--button-ink);
  box-shadow: none;
  font: 500 14px/1.45 Inter, Arial, sans-serif;
  letter-spacing: -.02em;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  transition: background .24s, color .24s, border-color .24s,
    translate .24s var(--button-ease), box-shadow .24s;
}

:root .button .button-label {
  position: relative;
  z-index: 1;
  display: inline;
  transform: none;
  transition: none;
}

:root .button.button--outline {
  background: transparent;
  color: var(--button-accent);
  border-color: var(--button-accent);
}

:root .button.button--outline::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--button-accent);
  border-radius: 50% 50% 0 0;
  transform: translateY(105%);
  transition: transform .32s var(--button-ease), border-radius .32s var(--button-ease);
}

:root .button.button--soft {
  background: var(--button-soft);
  color: var(--button-accent);
}

/* Preserve the surrounding layout and make compact actions touch friendly. */
:root .button.small,
:root .button.nav-cta,
:root .example-dialog .button {
  min-height: 44px;
  padding: 10px 16px;
  font-size: 14px;
}

:root .button.nav-cta { flex-shrink: 0; }

:root .button:is(.button--solid, .button--outline, .button--soft):hover {
  transform: none;
  box-shadow: none;
}

/* Pointer-only movement avoids a sticky hover effect on touchscreens. */
@media (hover: hover) and (pointer: fine) {
  :root .button.button--solid:hover {
    background: var(--button-accent-hover);
    translate: 0 -2px;
    box-shadow: 0 6px 20px #c5adee24;
  }

  :root .button.button--outline:hover {
    background: transparent;
    color: var(--button-ink);
  }

  :root .button.button--outline:hover::before {
    transform: translateY(0);
    border-radius: inherit;
  }

  :root .button.button--soft:hover {
    background: var(--button-accent);
    color: var(--button-ink);
  }
}

:root .button:is(.button--solid, .button--outline, .button--soft):active {
  translate: 0 1px;
  box-shadow: none;
}

/* The third design also provides consistent selected states for pill controls. */
:root :is(.feature-tab, .faq-tabs button, .example-device-switch button) {
  min-height: 44px;
  height: auto;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #f0f0f5;
  box-shadow: none;
  font: 500 14px/1.45 Inter, Arial, sans-serif;
  letter-spacing: -.02em;
  transition: background .24s, color .24s, border-color .24s;
}

:root .feature-tab::before { content: none; }

:root :is(.feature-tab, .faq-tabs button, .example-device-switch button):is([aria-selected="true"], [aria-pressed="true"]) {
  background: var(--button-soft);
  color: var(--button-accent);
}

@media (hover: hover) and (pointer: fine) {
  :root :is(.feature-tab, .faq-tabs button, .example-device-switch button):hover {
    background: var(--button-soft);
    color: var(--button-accent);
  }

  :root :is(.feature-tab, .faq-tabs button, .example-device-switch button):is([aria-selected="true"], [aria-pressed="true"]):hover {
    background: var(--button-accent);
    color: var(--button-ink);
  }
}

:root :is(.button, .feature-tab, .faq-tabs button, .example-device-switch button):focus-visible {
  outline: 3px solid var(--button-accent);
  outline-offset: 4px;
}

:root :is(.button, .feature-tab, .faq-tabs button, .example-device-switch button):disabled {
  opacity: .5;
  cursor: not-allowed;
  translate: none;
  box-shadow: none;
}

@media (max-width: 540px) {
  :root .feature-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

@media (max-width: 600px) {
  :root .faq-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
  :root .faq-tabs button {
    flex: 0 1 auto;
    min-height: 44px;
    padding: 8px 12px;
    font-size: 12px;
  }
}

/* Keep the existing compact header; contact remains in the mobile menu. */
@media (max-width: 480px) {
  :root .button.nav-cta { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  :root .button, :root .button::before { transition: none; translate: none !important; }
}

/* User motion preferences take precedence over every hover/pressed variant. */
:root.motion-paused .button { translate: none !important; }

@media (forced-colors: active) {
  :root .button, :root :is(.feature-tab, .faq-tabs button, .example-device-switch button) {
    border: 1px solid ButtonText;
  }
  :root .button.button--outline::before { display: none; }
  :root .button.button--outline:hover { color: LinkText; }
  :root :is(.feature-tab, .faq-tabs button, .example-device-switch button):is([aria-selected="true"], [aria-pressed="true"]) {
    border: 2px solid Highlight;
  }
}

/* /contact-form.css */
/* Simple contact form within the existing Schaf & Grimm contact composition. */
.contact-main .page-contact-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 72px); }
.contact-main .contact-detail { padding: clamp(24px, 3vw, 40px); }
.contact-main .contact-detail h2 { font-size: 25px; margin-bottom: 8px; }
.contact-main .contact-form-intro { color: #aeb0b9; font-size: 14px; line-height: 1.6; margin: 0 0 27px; }
.contact-form { --contact-valid: #78cba2; --contact-invalid: #f0a9b3; display: grid; gap: 21px; }
.contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-field { min-width: 0; }
.contact-field label { display: block; color: #e2d5f6; font-size: 13px; margin-bottom: 9px; }
.contact-field label span { color: #aeb0b9; font-size: 12px; margin-left: 5px; }
.contact-form :is(input, select, textarea) { width: 100%; min-height: 50px; border: 1px solid #ffffff24; border-radius: 10px; padding: 13px 14px; background: #15171c; color: #f0f0f5; font: 400 16px/1.5 Inter, Arial, sans-serif; transition: border-color .18s, box-shadow .18s; }
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-form :is(input, textarea)::placeholder { color: #9396a3; opacity: 1; }
.contact-form :is(input, select, textarea):hover { border-color: #c5adee75; }
.contact-form :is(input, select, textarea):focus-visible { border-color: #c5adee; outline: 2px solid #c5adee; outline-offset: 3px; box-shadow: none; }
.contact-form :is(input, select, textarea).is-valid { border-color: var(--contact-valid); outline-color: var(--contact-valid); box-shadow: 0 0 0 1px #78cba226, 0 0 14px #78cba20a; }
.contact-form :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--contact-invalid); outline-color: var(--contact-invalid); box-shadow: 0 0 0 1px #f0a9b326, 0 0 14px #f0a9b30a; }
.contact-field-error { color: #f0b5bd; font-size: 12px; line-height: 1.5; margin-top: 7px; }
.contact-field-error:empty { display: none; }
.contact-field .contact-field-hint { color: #aeb0b9; font-size: 12px; line-height: 1.65; margin-top: 9px; }
.contact-form .contact-privacy { margin: 0; color: #aeb0b9; font-size: 12px; line-height: 1.7; }
.contact-privacy a, .contact-alternative a { color: #e2d5f6; text-decoration: underline; text-underline-offset: 3px; }
.contact-main .contact-detail .contact-submit { width: 100%; min-height: 50px; margin: 0; }
.contact-submit:disabled { cursor: wait; opacity: .65; }
.contact-status { margin: 0; padding: 13px 15px; border-left: 2px solid #e1a6b1; border-radius: 0 8px 8px 0; background: #e1a6b10c; color: #f4dce0; font-size: 13px; line-height: 1.6; }
.contact-status[hidden] { display: none; }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); pointer-events: none; }
.contact-main .contact-detail .contact-alternative { font-size: 12px; line-height: 1.7; text-align: center; margin: 19px 0 0; max-width: none; }
.contact-main .contact-guide { padding-top: 28px; }
.contact-success-main { min-height: 82vh; padding-top: 160px; padding-bottom: 90px; }
.contact-success { max-width: 680px; margin: 0 auto; text-align: center; position: relative; }
.contact-success-symbol { width: 112px; height: 112px; margin: 0 auto 34px; display: block; color: #e2d5f6; }
.contact-success .success-eyebrow { color: #c5adee; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; margin-bottom: 20px; }
.contact-success h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.05; letter-spacing: -.045em; font-weight: 500; color: #f4eefc; }
.contact-success .success-copy { font-size: 16px; line-height: 1.8; color: #bdb5c9; margin: 25px auto 0; max-width: 455px; }
.success-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 33px; }
.success-actions .button { min-height: 48px; }
.contact-success .success-note { margin: 25px auto 0; font-size: 12px; line-height: 1.7; color: #aeb0b9; }
.contact-success .success-note a { color: #e2d5f6; text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:800px){.contact-main .page-contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:28px}.contact-form-row{grid-template-columns:1fr;gap:21px}.contact-main .contact-guide h2{font-size:25px}}
@media(max-width:650px){.contact-main .page-contact-grid{grid-template-columns:minmax(0,1fr)}.contact-main .contact-guide{padding-top:6px}.contact-success-main{padding-top:128px;padding-bottom:65px}.contact-success-symbol{width:94px;height:94px;margin-bottom:26px}.contact-success .success-copy{font-size:15px}.success-actions{display:grid;max-width:290px;margin-inline:auto}.contact-success .success-note{max-width:280px}}
@media(prefers-reduced-motion:reduce){.contact-form :is(input,select,textarea){transition:none}}