:root{--ink:#172238;--paper:#f7f4ee;--muted:#6d7684;--line:rgba(23,34,56,.14);--acid:#c7d8ff;--blue:#6f7bf7;--coral:#e59a7a;--dark:#111b2e;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:100}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--acid),var(--coral),var(--blue))}.site-header{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,94vw);height:72px;border:1px solid rgba(23,34,56,.14);border-radius:999px;background:rgba(247,244,238,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 22px;transition:.35s}.site-header.scrolled{box-shadow:0 14px 35px rgba(23,34,56,.08);background:rgba(247,244,238,.97)}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 15px var(--display);letter-spacing:-.03em}.logo-grid{display:grid;grid-template-columns:repeat(2,5px);gap:2px;align-items:end;height:18px}.logo-grid i{display:block;width:5px;background:var(--ink);border-radius:1px}.logo-grid i:nth-child(1){height:8px}.logo-grid i:nth-child(2){height:12px}.logo-grid i:nth-child(3){height:16px}.logo-grid i:nth-child(4){height:10px}.site-header nav{display:flex;gap:28px}.site-header nav a,.under-link{color:#495365;text-decoration:none;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:.25s}.site-header nav a:hover:after{right:0}.header-cta{background:var(--ink);color:var(--paper);text-decoration:none;padding:15px 22px;border-radius:999px;font-weight:700;font-size:13px;display:flex;gap:15px;align-items:center}.header-cta span{font-size:16px}.menu{display:none;border:0;background:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line)}.menu span{display:block;width:15px;height:1px;background:var(--ink);margin:4px auto}.hero{min-height:100vh;padding:130px 6vw 46px;background:radial-gradient(circle at 82% 26%,rgba(111,123,247,.18),transparent 24%),radial-gradient(circle at 66% 72%,rgba(199,216,255,.22),transparent 30%),var(--paper);position:relative;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.hero-topline,.visual-label{display:flex;justify-content:space-between;color:#7a8391;font-size:10px;letter-spacing:.16em;font-weight:700}.hero-content{position:relative;z-index:1;max-width:1240px;margin:68px auto 0;display:grid;grid-template-columns:1.02fr .98fr;gap:6vw;align-items:center}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#667181;display:flex;gap:9px;align-items:center}.kicker b{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 6px rgba(217,245,106,.16)}h1{font:500 clamp(4.6rem,8.9vw,9.6rem)/.82 var(--display);letter-spacing:-.085em;margin:25px 0 30px;max-width:780px}h1 em,.section-intro h2 i,.statement h2 i,.process h2 i,.features h2 i,.plan h2 i,.questions h2 i,.start h2 i{font:italic .9em/1 var(--serif);letter-spacing:-.05em;color:#596f9c}.hero-lead{font-size:18px;line-height:1.65;color:#667181;max-width:590px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .3s,box-shadow .3s}.btn-bright{background:var(--ink);color:var(--paper);box-shadow:0 12px 25px rgba(23,34,56,.14)}.btn-light{background:var(--acid);color:var(--ink)}.btn:hover{box-shadow:0 18px 30px rgba(16,19,20,.13)}.under-link{border-bottom:1px solid #8a93a1;padding-bottom:4px}.hero-price{display:flex;gap:10px;align-items:baseline;margin-top:30px;font-size:14px}.hero-price span{font:600 26px var(--display);letter-spacing:-.04em}.hero-price small{color:#7e8794}.hero-price i{width:24px;border-top:1px solid #aab1bd;margin:0 5px}.hero-visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}.device-window{width:min(100%,650px);aspect-ratio:1.05/.88;border:1px solid rgba(23,34,56,.12);background:#fbf8f1;border-radius:32px;box-shadow:0 40px 100px rgba(23,34,56,.14);overflow:hidden;transform:rotate(-2.2deg);position:relative;z-index:3}.device-bar{height:44px;background:#1b2940;color:#e9edf5;display:flex;align-items:center;gap:6px;padding:0 15px}.device-bar span{width:7px;height:7px;border-radius:50%;background:#6e7990}.device-bar small{font-size:10px;margin-left:12px;opacity:.7}.device-bar b{font-size:10px;color:var(--acid);margin-left:auto}.device-body{height:calc(100% - 44px);display:grid;grid-template-columns:92px 1fr 160px;position:relative;background:linear-gradient(135deg,#fbf8f1,#edf1f7)}.device-side{border-right:1px solid rgba(23,34,56,.08);display:flex;flex-direction:column;gap:22px;padding:32px 14px;font-size:10px;color:#778190}.device-side span:first-child{color:var(--ink);font-weight:800}.device-main{padding:70px 28px 30px 32px}.tiny-tag{font-size:9px;letter-spacing:.18em;font-weight:800;color:#7d837f}.device-main h2{font:600 clamp(3rem,6vw,5.4rem)/.84 var(--display);letter-spacing:-.09em;margin:16px 0}.device-main h2 em{font:italic .85em/1 var(--serif);color:#6b74a6}.device-main p{color:#737d8d;max-width:330px;line-height:1.5}.device-btn{display:inline-flex;gap:18px;margin-top:24px;padding:12px 14px;background:#1b2940;color:#fff;border-radius:999px;font-size:11px}.device-orbit{margin:auto;width:150px;height:150px;border:1px solid rgba(16,19,20,.13);border-radius:50%;position:relative;display:grid;place-items:center;color:#8790a0}.device-orbit:before,.device-orbit:after{content:'';position:absolute;inset:18px;border:1px solid rgba(16,19,20,.11);border-radius:50%}.device-orbit:after{inset:38px}.orbit-dot{width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px rgba(229,154,122,.16)}.device-orbit span{position:absolute;bottom:22px;font-size:9px}.stack-card{position:absolute;border-radius:32px;border:1px solid rgba(23,34,56,.1)}.stack-card.back{width:76%;height:74%;background:linear-gradient(145deg,rgba(199,216,255,.62),rgba(229,154,122,.16));transform:rotate(7deg) translate(12px,13px);z-index:1}.stack-card.mid{width:82%;height:82%;background:linear-gradient(145deg,rgba(111,123,247,.28),rgba(255,255,255,.08));transform:rotate(3.5deg) translate(6px,4px);z-index:2}.float-chip{position:absolute;background:rgba(251,248,241,.94);border:1px solid rgba(23,34,56,.1);box-shadow:0 18px 30px rgba(23,34,56,.12);border-radius:999px;padding:12px 15px;z-index:5;font-size:10px;display:flex;align-items:center;gap:8px}.chip-a{top:25%;right:-1%}.chip-b{bottom:17%;left:0;flex-direction:column;align-items:flex-start;border-radius:18px}.chip-b strong{font:600 24px var(--display);line-height:1}.chip-b span{color:#818680}.live-dot{width:7px;height:7px;border-radius:50%;background:#6f7bf7;box-shadow:0 0 0 5px rgba(111,123,247,.18)}.visual-label{position:absolute;left:0;right:0}.visual-label.top{top:0}.visual-label.bottom{bottom:10px}.hero-scroll{position:absolute;left:50%;bottom:36px;display:flex;flex-direction:column;gap:7px;align-items:center;color:#858b87;font-size:9px;letter-spacing:.14em}.hero-scroll span{width:28px;height:42px;border:1px solid #9aa09b;border-radius:20px;position:relative}.hero-scroll span:after{content:'';position:absolute;left:50%;top:9px;width:5px;height:5px;background:var(--ink);border-radius:50%;transform:translateX(-50%);animation:scrollDot 1.8s infinite}@keyframes scrollDot{0%,100%{transform:translate(-50%,0);opacity:1}70%{transform:translate(-50%,15px);opacity:.1}}.statement{padding:11rem 6vw 4rem}.statement-inner{max-width:940px;margin:auto}.mini{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7e857f}.statement h2{font:600 clamp(4rem,8vw,8.4rem)/.88 var(--display);letter-spacing:-.085em;margin:26px 0 34px}.statement p{font-size:19px;line-height:1.7;color:#686f6b;max-width:620px}.ticker{overflow:hidden;margin:8rem -6vw 0;border-block:1px solid var(--line);padding:18px 0}.ticker-track{display:flex;gap:38px;min-width:max-content;animation:marquee 26s linear infinite;font-size:12px;letter-spacing:.2em;font-weight:800}.ticker-track b{color:#7a8494}@keyframes marquee{to{transform:translateX(-50%)}}.work{padding:7rem 6vw 9rem;background:#202d45;color:#f7f4ee}.section-intro{max-width:1160px;margin:0 auto 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end}.section-intro h2,.process h2,.features h2,.plan h2,.questions h2,.start h2{font:600 clamp(3.8rem,7vw,7rem)/.9 var(--display);letter-spacing:-.08em;margin:20px 0 0}.section-intro p{color:#adb5af;line-height:1.7;max-width:470px}.work-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.13fr .87fr;gap:20px}.work-card{border:1px solid rgba(247,244,238,.12);border-radius:28px;overflow:hidden;background:#26344d}.work-main{grid-row:span 2}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.card-top{font-size:10px;letter-spacing:.17em;color:#88918b}.card-top a{color:#dde4dd;text-decoration:none}.demo-frame{margin:0 16px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#e7e3db}.frame-browser{height:30px;background:#1b2940;display:flex;align-items:center;padding:0 10px;gap:4px;color:#b9c1cf}.frame-browser span{width:5px;height:5px;border-radius:50%;background:#657066}.frame-browser small{margin-left:8px;font-size:8px}.frame-browser.dark{background:#142018}.frame-art{position:relative;height:430px;overflow:hidden}.art-one{background:linear-gradient(135deg,#ece6db 10%,#cdbf9f 55%,#6f7b6d)}.art-one:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,21,18,.55),transparent 62%)}.art-copy{position:absolute;z-index:2;left:28px;top:55px;max-width:80%;color:#fff}.art-copy small{font-size:8px;letter-spacing:.18em}.art-copy strong{display:block;font:500 54px/.88 var(--display);letter-spacing:-.08em;margin:18px 0}.art-copy strong i{font:italic .86em/1 var(--serif)}.art-copy span{font-size:10px;opacity:.8}.art-photo{position:absolute;right:-8%;top:0;width:66%;height:100%;background:radial-gradient(circle at 52% 35%,#e4b7a2 0 18%,transparent 19%),linear-gradient(120deg,#99897c,#d6c7bc 38%,#9fa392 80%,#566152);filter:saturate(.8)}.art-two{background:linear-gradient(135deg,#2d355f,#665b9a);color:#f7f4ee}.art-two:after{content:'';position:absolute;right:-12%;top:8%;width:48%;height:86%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f1dfc9 0 26%,#d4a688 27% 46%,transparent 47%),linear-gradient(130deg,#a8b39f,#263a31);opacity:.9}.art-two .art-copy{left:28px;top:60px}.art-two .art-copy strong{font-size:54px}.art-two .art-copy strong i{color:#c6db89}.card-bottom{padding-top:18px;padding-bottom:22px}.card-bottom span{font-size:9px;color:#7e8781;letter-spacing:.15em}.card-bottom h3{font:500 29px/.95 var(--display);letter-spacing:-.05em;margin:8px 0 3px}.card-bottom p{font-size:10px;color:#a2aab7;margin:0}.open-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#f7f4ee;border:1px solid rgba(247,244,238,.24);text-decoration:none;transition:.3s}.open-dot:hover{background:var(--acid);color:var(--ink);border-color:var(--acid);transform:rotate(45deg)}.work-next{padding:28px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#303d58,#192338)}.next-no{font-size:10px;color:#8b938d}.work-next h3{font:500 45px/.9 var(--display);letter-spacing:-.07em;margin:18px 0}.work-next h3 i{font:italic .85em var(--serif);color:#bbc5ee}.work-next p{color:#89918b;line-height:1.5}.next-link{color:#c7d8ff;text-decoration:none;font-size:12px}.process{padding:10rem 6vw;background:linear-gradient(180deg,#f3efe8,#ece8e0)}.process-head{max-width:1160px;margin:auto}.process-list{max-width:1160px;margin:5rem auto 0;border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:90px 1fr 90px;gap:30px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line)}.process-row>span,.process-row>b{font-size:10px;color:#89908a;letter-spacing:.17em}.process-row>b{text-align:right}.process-row h3{font:500 42px/.95 var(--display);letter-spacing:-.06em;margin:0 0 12px}.process-row p{max-width:620px;color:#6d746f;line-height:1.65;margin:0}.features{padding:9rem 6vw;background:#e2dfd8}.features-head{max-width:1160px;margin:0 auto 4rem}.feature-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{border:1px solid var(--line);background:#f7f4ee;border-radius:26px;padding:28px;min-height:300px;position:relative;overflow:hidden}.feature.large{background:#1b2940;color:#f7f4ee;min-height:440px}.feature.wide{grid-column:span 2;min-height:210px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(135deg,#b7c7ff,#c6b9ea)}.feature-no{font-size:10px;letter-spacing:.16em;color:#858c86}.feature.large .feature-no{color:#909caf}.feature h3{font:500 42px/.93 var(--display);letter-spacing:-.07em;margin:70px 0 20px}.feature.large h3{font-size:72px;margin-top:90px}.feature p{color:#6d746f;line-height:1.6;max-width:440px}.feature.large p{color:#b8c0cc;max-width:400px}.feature-icon{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;margin-top:70px;font-size:26px}.feature-lines{position:absolute;inset:auto 28px 28px;height:1px;background:rgba(247,244,238,.15)}.feature-wide-copy{max-width:660px}.feature.wide h3{margin:0 0 9px;font-size:48px}.feature.wide p{margin:0;color:#495873}.feature-arrow{font-size:56px;align-self:end}.plan{padding:10rem 6vw;background:#111b2e}.plan-shell{max-width:1160px;margin:auto;background:linear-gradient(135deg,#20304a,#192944);border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;color:#f7f4ee}.plan-main{padding:62px}.plan-main h2{margin-bottom:24px}.plan-main p{max-width:600px;line-height:1.65;color:#b6bfcc}.price-lockup{display:flex;align-items:end;gap:6px;margin-top:42px}.price-lockup small{align-self:flex-start;font-size:18px;margin-top:16px}.price-lockup strong{font:600 7rem/.82 var(--display);letter-spacing:-.09em}.price-lockup span{color:#9ca7b8;margin-bottom:7px}.plan-after{color:#9aa49c;margin:18px 0 28px}.plan-after b{color:#fff}.plan-side{padding:62px;background:#eef1f7;color:#1b2940}.plan-side ul{list-style:none;padding:20px 0 0;margin:0}.plan-side li{padding:15px 0;border-bottom:1px solid rgba(23,34,56,.1);display:flex;gap:12px;font-weight:600}.plan-side li b{color:#77913d}.scope{font-size:12px;line-height:1.55;color:#7a8494;margin-top:28px}.questions{padding:10rem 6vw;background:#ece8e0}.faq-list{max-width:1160px;margin:auto;border-top:1px solid var(--line)}.faq{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:26px 0;text-align:left;display:grid;grid-template-columns:1fr auto;gap:14px;cursor:pointer;color:var(--ink)}.faq>span{font:500 25px/.95 var(--display);letter-spacing:-.04em}.faq>b{font-size:28px;font-weight:400;transition:.3s}.faq.open>b{transform:rotate(45deg)}.answer{grid-column:1/2;max-height:0;overflow:hidden;color:#707770;line-height:1.65;padding-right:80px;transition:max-height .45s ease}.faq.open .answer{max-height:150px}.start{padding:10rem 6vw;background:linear-gradient(135deg,#b8c8ff,#df9b7c 55%,#d9f56a 130%)}.start-inner{max-width:1160px;margin:auto}.start h2{font-size:clamp(4rem,8vw,8rem);margin-bottom:30px}.start p{max-width:540px;line-height:1.6;color:#584e4a}.start-actions{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-card{padding:24px;border:1px solid rgba(16,19,20,.18);border-radius:20px;background:rgba(251,248,241,.34);text-decoration:none;color:var(--ink);transition:.3s}.contact-card:hover{background:rgba(251,248,241,.72);transform:translateY(-4px)}.contact-card small{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:20px}.contact-card strong{display:flex;justify-content:space-between;font:600 18px var(--display);letter-spacing:-.02em}.contact-card strong span{font-size:20px}footer{padding:34px 6vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;background:#111b2e;color:#cdd2cc}.footer-logo{color:#f7f4ee}.footer-logo .logo-grid i{background:#f7f4ee}.footer-logo+p{color:#8993a2;font-size:12px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#9ba6b6;text-decoration:none;font-size:12px}.footer-links a:hover{color:#fff}footer>span{font-size:11px;color:#7f8998}.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:200;opacity:0}.cursor-dot{width:7px;height:7px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%)}.cursor-ring{width:28px;height:28px;border:1px solid rgba(16,19,20,.45);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s}.cursor-ring.active{width:48px;height:48px;border-color:var(--coral)}
@media (hover:hover) and (pointer:fine){body{cursor:none}.cursor-dot,.cursor-ring{opacity:1}.site-header a,.btn,.open-dot,.contact-card,.faq,.next-link,.work-card{cursor:none}}
@media (max-width:980px){.site-header nav,.header-cta{display:none}.menu{display:block}.site-header.menu-open{height:auto;border-radius:30px;flex-wrap:wrap;padding:14px}.site-header.menu-open nav{display:flex;order:3;width:100%;flex-direction:column;padding:16px 4px 8px;gap:14px}.site-header.menu-open .header-cta{display:flex;order:4;margin:4px 0 0;width:100%;justify-content:center}.hero{padding-top:125px}.hero-content{grid-template-columns:1fr;gap:70px}.hero-copy{max-width:760px}.hero-visual{min-height:540px}.section-intro{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-main{grid-row:auto}.feature-grid{grid-template-columns:1fr}.feature.wide{grid-column:auto}.plan-shell{grid-template-columns:1fr}.start-actions{grid-template-columns:1fr}.process-row{grid-template-columns:55px 1fr 55px}footer{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.site-header{top:9px;width:95vw;height:60px}.hero{padding:100px 5vw 65px}.hero-topline{font-size:8px}.hero-content{margin-top:40px}.kicker{font-size:9px}.hero-lead{font-size:16px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-price{flex-wrap:wrap;gap:7px}.hero-price i{display:none}.hero-visual{min-height:410px}.device-window{border-radius:22px}.device-body{grid-template-columns:1fr}.device-side{display:none}.device-main{padding:48px 20px}.device-main h2{font-size:48px}.device-orbit{display:none}.chip-a{right:-4%;top:20%;font-size:9px}.chip-b{left:-4%;bottom:10%}.stack-card.back,.stack-card.mid{display:none}.visual-label{font-size:7px}.hero-scroll{display:none}.statement{padding:8rem 5vw 3rem}.statement h2{font-size:4rem}.statement p{font-size:16px}.ticker{margin:6rem -5vw 0}.work,.process,.features,.plan,.questions,.start{padding:7rem 5vw}.section-intro h2,.process h2,.features h2,.plan h2,.questions h2,.start h2{font-size:4rem}.section-intro p{font-size:15px}.frame-art{height:320px}.art-copy strong,.art-two .art-copy strong{font-size:42px}.card-bottom h3{font-size:25px}.process-row{grid-template-columns:35px 1fr}.process-row>b{display:none}.process-row h3{font-size:31px}.feature.large{min-height:360px}.feature.large h3{font-size:56px}.feature h3{font-size:35px}.price-lockup strong{font-size:5rem}.plan-main,.plan-side{padding:38px}.faq>span{font-size:20px}.start-actions{gap:9px}footer{grid-template-columns:1fr;align-items:start}.footer-links{gap:14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.ticker-track,.hero-scroll span:after,.btn,.open-dot,.contact-card{animation:none!important;transition:none!important}.cursor-dot,.cursor-ring{display:none}}

/* Unified visual system: one continuous canvas instead of slide-like section colors */
:root{--ink:#26332f;--paper:#f5f1e8;--muted:#68736d;--line:rgba(38,51,47,.12);--accent:#78936f;--accent-2:#d69a7d;--deep:#31453e;--soft:#eee8dc}
body{background:var(--paper);color:var(--ink);position:relative}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 8%,rgba(120,147,111,.15),transparent 24%),radial-gradient(circle at 86% 32%,rgba(214,154,125,.14),transparent 26%),radial-gradient(circle at 55% 80%,rgba(174,196,179,.12),transparent 30%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.site-header{background:rgba(245,241,232,.78);border-color:rgba(38,51,47,.13)}
.site-header.scrolled{background:rgba(245,241,232,.93);box-shadow:0 14px 35px rgba(38,51,47,.08)}
.logo-grid i{background:var(--ink)}
.header-cta,.btn-bright{background:var(--deep);color:var(--paper)}
.btn-light{background:linear-gradient(135deg,#d7e2c9,#efc0a6);color:var(--ink)}
.progress span{background:linear-gradient(90deg,#78936f,#d69a7d,#9da87d)}
h1 em,.section-intro h2 i,.statement h2 i,.process h2 i,.features h2 i,.plan h2 i,.questions h2 i,.start h2 i{color:#718b6d}
.hero{background:transparent}
.hero-visual .device-window{background:#fbf8f1;box-shadow:0 40px 100px rgba(38,51,47,.12)}
.device-bar{background:#304139}.device-body{background:linear-gradient(135deg,#fbf8f1,#e9efe5)}.device-main h2 em{color:#718b6d}.device-btn{background:#304139}.device-orbit .orbit-dot{background:var(--accent-2);box-shadow:0 0 0 8px rgba(214,154,125,.17)}
.stack-card.back{background:linear-gradient(145deg,rgba(174,196,179,.62),rgba(214,154,125,.14))}.stack-card.mid{background:linear-gradient(145deg,rgba(120,147,111,.24),rgba(255,255,255,.06))}
.live-dot{background:#78936f;box-shadow:0 0 0 5px rgba(120,147,111,.18)}
.statement,.process,.questions,.features,.work,.plan,.start{background:transparent!important;color:var(--ink)}
.statement p,.section-intro p,.process-row p,.feature p,.feature.wide p,.scope,.plan-main p,.faq .answer,.start p{color:var(--muted)}
.ticker{border-color:var(--line)}
.work{padding-top:7rem}
.work .section-intro h2,.work .card-bottom h3,.work .card-bottom span,.work .section-intro .mini{color:var(--ink)}
.work .section-intro p{color:var(--muted)}
.work-grid .work-card,.work-grid .work-next{background:rgba(255,252,246,.66);border-color:var(--line);box-shadow:0 16px 50px rgba(38,51,47,.05)}
.card-top,.card-bottom{color:var(--muted)}
.card-top a{color:var(--ink)}
.frame-browser{background:#304139;color:#dce5dd}
.frame-art{background:linear-gradient(135deg,#e9e2d7,#cad8cb)}
.art-one{background:linear-gradient(135deg,#d7c1a9,#8ea08e);color:#203029}.art-one .art-photo{background:radial-gradient(circle at 52% 35%,#e3b9a2 0 18%,transparent 19%),linear-gradient(120deg,#8e9b89,#d8cec1 38%,#a4af9e 80%,#5f6b60)}
.art-two{background:linear-gradient(135deg,#728a72,#c6927c);color:#fffaf2}.art-two:after{background:radial-gradient(circle at 50% 50%,#f1dfc9 0 26%,#d4a688 27% 46%,transparent 47%),linear-gradient(130deg,#a8b39f,#34463d)}.art-two .art-copy strong i{color:#dfe8c8}
.open-dot{color:var(--ink);border-color:var(--line)}.open-dot:hover{background:#d7e2c9;color:var(--ink);border-color:#9bb28d}
.work-next{background:linear-gradient(135deg,#e7e9df,#ead6ca)!important}.work-next h3 i{color:#718b6d}.next-link{color:#566c58}
.process-list,.faq-list{border-color:var(--line)}
.process-row{border-color:var(--line)}
.feature{background:rgba(255,252,246,.68);border-color:var(--line);box-shadow:0 14px 40px rgba(38,51,47,.035)}
.feature.large{background:linear-gradient(135deg,#d9e4d0,#cbd9cb);color:var(--ink)}.feature.large .feature-no{color:#66776c}.feature.large p{color:#58665f}.feature.wide{background:linear-gradient(135deg,#efe5d7,#e6d8cf);color:var(--ink)}
.feature-lines{background:rgba(38,51,47,.12)}
.plan{padding-top:9rem}.plan-shell{background:rgba(255,252,246,.74);color:var(--ink);border:1px solid var(--line);box-shadow:0 20px 70px rgba(38,51,47,.05)}
.plan-main p,.plan-after{color:var(--muted)}.plan-side{background:linear-gradient(160deg,#e7eee2,#f3e7dc);color:var(--ink)}.plan-side li{border-color:var(--line)}.plan-side li b{color:#6d8a68}
.start{padding-bottom:8rem}.start-inner{position:relative}.start-actions{gap:12px}.contact-card{background:rgba(255,252,246,.58);border-color:var(--line)}.contact-card:hover{background:rgba(255,252,246,.86)}
footer{background:transparent;color:var(--ink);border-top:1px solid var(--line)}.footer-logo{color:var(--ink)}.footer-logo .logo-grid i{background:var(--ink)}.footer-logo+p,footer>span{color:#738079}.footer-links a{color:#5d6963}.footer-links a:hover{color:var(--ink)}
@media (max-width:980px){.hero{padding-bottom:30px}.hero-content{gap:52px}.work-grid{gap:16px}}
@media (max-width:640px){.hero{padding-bottom:55px}.statement,.process,.features,.plan,.questions,.start{padding-top:6.5rem}.plan-shell{border-radius:24px}.feature.large{background:linear-gradient(135deg,#d9e4d0,#e3e8db)}}

/* Deep continuous palette: no bright white page / no slide-by-slide color blocks */
:root{
  --ink:#f2eee4;
  --paper:#223a34;
  --muted:#b7c0b7;
  --line:rgba(242,238,228,.16);
  --accent:#b7c98f;
  --accent-2:#dc9b7e;
  --deep:#304d42;
  --soft:#2a463e;
}
html,body{background:#223a34!important;color:var(--ink)!important}
body:before{
  background:
    radial-gradient(circle at 12% 10%,rgba(160,188,129,.22),transparent 26%),
    radial-gradient(circle at 82% 20%,rgba(216,142,112,.18),transparent 25%),
    radial-gradient(circle at 48% 72%,rgba(63,112,95,.24),transparent 36%),
    linear-gradient(135deg,#1d332e 0%,#27423a 48%,#203a34 100%)!important;
}
body:after{opacity:.055!important}
.site-header{background:rgba(34,58,52,.74)!important;border-color:rgba(242,238,228,.13)!important;color:var(--ink)!important;box-shadow:none}
.site-header.scrolled{background:rgba(28,49,44,.92)!important;box-shadow:0 14px 40px rgba(0,0,0,.18)!important}
.logo,.site-header nav a{color:var(--ink)!important}
.logo-grid i{background:var(--ink)!important}
.header-cta{background:linear-gradient(135deg,#b8c993,#d89a7c)!important;color:#193129!important}
.menu span{background:var(--ink)!important}
.hero,.statement,.work,.process,.features,.plan,.questions,.start{background:transparent!important;color:var(--ink)!important}
.hero-topline,.kicker,.mini,.visual-label,.card-top,.card-bottom,.process-row>span{color:#c7d0c7!important}
.hero h1,.statement h2,.section-intro h2,.process h2,.features h2,.plan h2,.questions h2,.start h2{color:#f4f0e7!important}
h1 em,.section-intro h2 i,.statement h2 i,.process h2 i,.features h2 i,.plan h2 i,.questions h2 i,.start h2 i{color:#bdcf98!important}
.hero-lead,.statement p,.section-intro p,.process-row p,.feature p,.feature.wide p,.scope,.plan-main p,.faq .answer,.start p{color:#b9c2ba!important}
.hero-price{color:#f0eadf!important}
.hero-price small{color:#aeb9b0!important}
.btn-bright{background:linear-gradient(135deg,#b7ca91,#d7987a)!important;color:#1d302b!important}
.under-link{color:#edf0e8!important;border-color:rgba(242,238,228,.32)!important}
.under-link:hover{border-color:#bccf98!important;color:#d3e1b2!important}
.hero-scroll{color:#c2cbc3!important}
.progress{background:rgba(242,238,228,.07)!important}
.progress span{background:linear-gradient(90deg,#b6ca91,#d8997c,#89a98d)!important}
.ticker{border-color:var(--line)!important;color:#d9ded8!important}
.ticker-track span{color:#e5e1d5!important}
.ticker-track b{color:#d59a7d!important}

/* Hero preview stays like a website mockup, but loses the stark paper-white feel */
.hero-visual .device-window{background:#dfe5d8!important;box-shadow:0 40px 110px rgba(0,0,0,.3)!important}
.device-bar{background:#19312a!important}
.device-body{background:linear-gradient(135deg,#e6ebdf,#cfdac9)!important;color:#20332d!important}
.device-main h2{color:#20332d!important}
.device-main h2 em{color:#66866a!important}
.device-btn{background:#244238!important;color:#edf0e8!important}
.float-chip{background:rgba(238,239,229,.92)!important;color:#2a3832!important;box-shadow:0 15px 35px rgba(0,0,0,.15)!important}
.stack-card.back{background:linear-gradient(145deg,rgba(145,174,132,.5),rgba(212,144,117,.16))!important}
.stack-card.mid{background:linear-gradient(145deg,rgba(101,139,116,.34),rgba(255,255,255,.04))!important}

/* Cards / library */
.work-grid .work-card,.work-grid .work-next{background:rgba(43,69,61,.76)!important;border-color:rgba(242,238,228,.13)!important;box-shadow:0 18px 55px rgba(0,0,0,.16)!important}
.work-grid .work-card:hover,.work-grid .work-next:hover{background:rgba(48,77,68,.88)!important}
.work .card-bottom h3,.work .card-bottom span,.work .section-intro .mini,.card-top a{color:#f1eee6!important}
.work .card-bottom p{color:#b4c0b7!important}
.frame-browser{background:#172924!important;color:#dbe6de!important}
.frame-art{background:linear-gradient(135deg,#5f776b,#b48772)!important}
.art-one{background:linear-gradient(135deg,#7e725f,#526c60)!important;color:#f5f0e6!important}
.art-two{background:linear-gradient(135deg,#49695a,#8d6d60)!important;color:#f5f0e6!important}
.work-next{background:linear-gradient(135deg,#38554a,#5a5146)!important}
.work-next h3,.next-no,.next-link{color:#f2eee4!important}

/* Process / feature cards use tonal depth rather than white panels */
.process-list,.faq-list{border-color:var(--line)!important}
.process-row{border-color:var(--line)!important}
.process-row h3{color:#f2eee4!important}
.feature{background:rgba(48,75,66,.7)!important;border-color:rgba(242,238,228,.13)!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;color:#f1eee6!important}
.feature.large{background:linear-gradient(135deg,#3c5d4e,#62705b)!important;color:#f3efe5!important}
.feature.large p{color:#d2d9d0!important}
.feature.wide{background:linear-gradient(135deg,#4e655b,#6d5a50)!important;color:#f3efe5!important}
.feature h3,.feature.wide h3{color:#f3efe5!important}
.feature-icon,.feature-arrow{color:#e0c49a!important}
.feature-lines{background:rgba(242,238,228,.14)!important}

/* Pricing / CTA stay in the same visual world */
.plan-shell{background:rgba(47,73,65,.86)!important;color:#f2eee6!important;border-color:rgba(242,238,228,.14)!important;box-shadow:0 22px 75px rgba(0,0,0,.18)!important}
.plan-main p,.plan-after{color:#bcc7bf!important}
.price-lockup strong,.price-lockup small{color:#f2eee6!important}
.plan-side{background:linear-gradient(160deg,#38564a,#5f554d)!important;color:#f1ede4!important}
.plan-side li{border-color:rgba(242,238,228,.14)!important}
.plan-side li b{color:#c4d69d!important}
.btn-light{background:linear-gradient(135deg,#b9cb94,#d89879)!important;color:#20322c!important}

.faq{color:#f2eee6!important;border-color:rgba(242,238,228,.14)!important}
.faq .answer{color:#bac4bc!important}
.faq b{color:#c4d69d!important}
.faq:hover{background:rgba(57,85,75,.55)!important}

.contact-card{background:rgba(45,70,62,.72)!important;border-color:rgba(242,238,228,.14)!important;color:#f2eee6!important;box-shadow:0 12px 35px rgba(0,0,0,.12)!important}
.contact-card:hover{background:rgba(56,83,73,.9)!important}
.contact-card small,.contact-card strong{color:#f2eee6!important}
.start-actions{border-color:transparent!important}
footer{background:transparent!important;color:#e7e4da!important;border-top-color:rgba(242,238,228,.14)!important}
.footer-logo,.footer-logo+p,.footer-links a,footer>span{color:#d8ddd6!important}
.footer-logo .logo-grid i{background:#e7e4da!important}
.footer-links a:hover{color:#fff!important}

.open-dot{color:#f2eee6!important;border-color:rgba(242,238,228,.2)!important}
.open-dot:hover{background:#b8c995!important;color:#1e312b!important;border-color:#b8c995!important}
.reveal{will-change:transform,opacity}
@media (max-width:640px){.site-header{background:rgba(31,53,48,.86)!important}.hero{padding-bottom:55px}.work-grid .work-card,.work-grid .work-next,.feature,.plan-shell,.contact-card{box-shadow:0 12px 32px rgba(0,0,0,.15)!important}}

/* Warm plum / rose continuous palette */
:root{
  --ink:#fff5ee;
  --paper:#402536;
  --muted:#d9c3c0;
  --line:rgba(255,245,238,.16);
  --accent:#f0b39b;
  --accent-2:#cdb9f2;
  --deep:#33202f;
  --soft:#533044;
}
html,body{background:#402536!important;color:var(--ink)!important}
body:before{
  background:
    radial-gradient(circle at 10% 8%,rgba(240,179,155,.22),transparent 24%),
    radial-gradient(circle at 86% 16%,rgba(205,185,242,.18),transparent 26%),
    radial-gradient(circle at 52% 76%,rgba(170,89,119,.20),transparent 34%),
    linear-gradient(135deg,#34202f 0%,#4a293d 47%,#5a3247 72%,#402536 100%)!important;
}
body:after{opacity:.045!important}
.site-header{background:rgba(57,32,47,.78)!important;border-color:rgba(255,245,238,.14)!important}
.site-header.scrolled{background:rgba(48,27,41,.94)!important;box-shadow:0 14px 40px rgba(0,0,0,.2)!important}
.logo,.site-header nav a{color:#fff5ee!important}.logo-grid i{background:#fff5ee!important}
.header-cta{background:linear-gradient(135deg,#f0b39b,#cdb9f2)!important;color:#33202f!important}
.menu span{background:#fff5ee!important}
.hero,.statement,.work,.process,.features,.plan,.questions,.start{background:transparent!important;color:#fff5ee!important}
.hero-topline,.kicker,.mini,.visual-label,.card-top,.card-bottom,.process-row>span{color:#ddc9c6!important}
.hero h1,.statement h2,.section-intro h2,.process h2,.features h2,.plan h2,.questions h2,.start h2{color:#fff7f2!important}
h1 em,.section-intro h2 i,.statement h2 i,.process h2 i,.features h2 i,.plan h2 i,.questions h2 i,.start h2 i{color:#edb39f!important}
.hero-lead,.statement p,.section-intro p,.process-row p,.feature p,.feature.wide p,.scope,.plan-main p,.faq .answer,.start p{color:#dac7c4!important}
.hero-price,.price-lockup strong,.price-lockup small{color:#fff2ea!important}.hero-price small{color:#ccb8bb!important}
.btn-bright{background:linear-gradient(135deg,#f0b39b,#cdb9f2)!important;color:#33202f!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important}
.btn-light{background:rgba(255,245,238,.09)!important;border:1px solid rgba(255,245,238,.23)!important;color:#fff5ee!important}
.under-link{color:#fff1ea!important;border-color:rgba(255,245,238,.35)!important}
.hero-scroll{color:#dcc9c6!important}.hero-scroll span{border-color:rgba(255,245,238,.36)!important}.hero-scroll span:after{background:#f0b39b!important}
.progress{background:rgba(255,245,238,.06)!important}.progress span{background:linear-gradient(90deg,#f0b39b,#cdb9f2,#f2c5b1)!important}
.ticker{border-color:var(--line)!important}.ticker-track span{color:#fff0e8!important}.ticker-track b{color:#efaa98!important}

/* Continuous tonal device treatment */
.hero-visual .device-window{background:#5a3a4e!important;border-color:rgba(255,245,238,.16)!important;box-shadow:0 40px 110px rgba(18,8,14,.35)!important}
.device-bar{background:#281824!important;color:#f4ded7!important}.device-bar b{color:#efb6a3!important}
.device-body{background:linear-gradient(135deg,#735068,#52344e 58%,#463042)!important;color:#fff3ec!important}
.device-side{border-color:rgba(255,245,238,.10)!important;color:#d7c0be!important}.device-side span:first-child,.device-main h2{color:#fff5ee!important}
.device-main h2 em{color:#e7b6a4!important}.device-main p{color:#d7c3c0!important}.device-btn{background:linear-gradient(135deg,#f0b39b,#cdb9f2)!important;color:#33202f!important}
.device-orbit{border-color:rgba(255,245,238,.18)!important;color:#cfbbb9!important}.device-orbit:before,.device-orbit:after{border-color:rgba(255,245,238,.12)!important}.orbit-dot{background:#f0b39b!important;box-shadow:0 0 0 8px rgba(240,179,155,.18)!important}
.float-chip{background:rgba(82,49,68,.92)!important;color:#fff1ea!important;border-color:rgba(255,245,238,.14)!important;box-shadow:0 18px 35px rgba(15,8,12,.24)!important}
.live-dot{background:#f0b39b!important;box-shadow:0 0 0 5px rgba(240,179,155,.18)!important}
.stack-card.back{background:linear-gradient(145deg,rgba(240,179,155,.34),rgba(205,185,242,.14))!important;border-color:rgba(255,245,238,.12)!important}
.stack-card.mid{background:linear-gradient(145deg,rgba(205,185,242,.20),rgba(255,255,255,.03))!important;border-color:rgba(255,245,238,.10)!important}

/* Work / templates */
.work-grid .work-card,.work-grid .work-next{background:rgba(69,38,56,.74)!important;border-color:rgba(255,245,238,.14)!important;box-shadow:0 18px 55px rgba(10,5,8,.18)!important}
.work-grid .work-card:hover,.work-grid .work-next:hover{background:rgba(82,45,65,.88)!important}
.work .card-bottom h3,.work .card-bottom span,.work .section-intro .mini,.card-top a{color:#fff2ea!important}.work .card-bottom p{color:#d3c1be!important}
.frame-browser{background:#241722!important;color:#dbc3c0!important}.frame-art{background:linear-gradient(135deg,#8d5c73,#d8a38d)!important}
.art-one{background:linear-gradient(135deg,#71485e,#a86f71)!important;color:#fff0e8!important}.art-two{background:linear-gradient(135deg,#6c4261,#b6788a)!important;color:#fff2ea!important}
.work-next{background:linear-gradient(135deg,#5d3a50,#7d5264)!important}.work-next h3,.next-no,.next-link{color:#fff3ec!important}.next-link{color:#efb5a3!important}

/* Process, features and pricing */
.process-list,.faq-list,.process-row{border-color:var(--line)!important}.process-row h3{color:#fff4ed!important}
.feature{background:rgba(80,44,65,.68)!important;border-color:rgba(255,245,238,.13)!important;box-shadow:0 18px 45px rgba(9,4,7,.15)!important;color:#fff3ec!important}
.feature.large{background:linear-gradient(135deg,#6c425b,#86576a)!important;color:#fff5ee!important}.feature.large p{color:#e2cbc7!important}
.feature.wide{background:linear-gradient(135deg,#71445b,#8c5966)!important;color:#fff5ee!important}.feature h3,.feature.wide h3{color:#fff4ed!important}.feature-icon,.feature-arrow{color:#f1bea9!important}.feature-lines{background:rgba(255,245,238,.12)!important}
.plan-shell{background:rgba(69,38,56,.84)!important;color:#fff4ed!important;border-color:rgba(255,245,238,.14)!important;box-shadow:0 22px 75px rgba(9,4,7,.2)!important}
.plan-main p,.plan-after{color:#d8c4c1!important}.plan-side{background:linear-gradient(160deg,#6d4258,#8c5a69)!important;color:#fff2ea!important}.plan-side li{border-color:rgba(255,245,238,.13)!important}.plan-side li b{color:#f2b69f!important}
.faq,.contact-card{color:#fff4ed!important;border-color:rgba(255,245,238,.14)!important}.faq .answer,.contact-card small{color:#d8c5c2!important}.faq b{color:#efb39f!important}.faq:hover{background:rgba(91,48,71,.55)!important}
.contact-card{background:rgba(72,39,57,.70)!important;box-shadow:0 12px 35px rgba(9,4,7,.14)!important}.contact-card:hover{background:rgba(88,48,69,.88)!important}.contact-card strong{color:#fff4ed!important}
footer{background:transparent!important;color:#ead7d3!important;border-top-color:rgba(255,245,238,.14)!important}.footer-logo,.footer-logo+p,.footer-links a,footer>span{color:#e7d5d1!important}.footer-logo .logo-grid i{background:#e7d5d1!important}.footer-links a:hover{color:#fff!important}
.open-dot{color:#fff3eb!important;border-color:rgba(255,245,238,.2)!important}.open-dot:hover{background:#f0b39b!important;color:#34202f!important;border-color:#f0b39b!important}

@media (max-width:640px){.site-header{background:rgba(51,29,43,.9)!important}.work-grid .work-card,.work-grid .work-next,.feature,.plan-shell,.contact-card{box-shadow:0 12px 32px rgba(8,4,7,.16)!important}}
