@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#060A0F;--ink-2:#0E141C;--chalk:#F5F2EB;--teal:#4DE3CF;--teal-deep:#0A5C54;--gold:#E2B457;--gold-deep:#6E4A0C;--muted:#4A5259;--muted-dark:#B8C2CC;--line:#D2CDC2;--line-dark:#2A323C;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--chalk);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(4.3rem,8.2vw,10.5rem);line-height:.87;font-weight:500}h2{font-size:clamp(3.2rem,6.4vw,7.4rem);line-height:.94;font-weight:500}h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1}p{line-height:1.55}em{font-style:normal;color:var(--teal)}:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px;border-radius:2px}.site-header :focus-visible,.opening :focus-visible,.process-section :focus-visible,.site-footer :focus-visible,.concept-hero :focus-visible{outline-color:var(--teal)}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:white;padding:10px}.skip-link:focus{top:12px}.section-label,.kicker{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-size:1.75rem;font-weight:700;letter-spacing:-.08em}.brand-stop{color:var(--gold)}.concept-header .brand-stop,.compact-brand .brand-stop{color:var(--gold-deep)}.site-header{height:88px;background:var(--ink);color:#fff;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.site-header nav{display:flex;align-items:center;gap:35px;font-size:.86rem}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid #3A4550;border-radius:100px;padding:12px 18px}.menu-toggle{display:none}.opening{background:var(--ink);color:#fff;min-height:calc(100svh - 88px);padding:6vw 4vw 24px;display:grid;grid-template-columns:1fr minmax(350px,43%);gap:4vw;position:relative;overflow:hidden}.opening:before{content:'';position:absolute;width:65vw;height:65vw;left:-25vw;top:20%;border-radius:50%;background:radial-gradient(circle,#0E8C7Eaa,transparent 62%),radial-gradient(circle at 75% 30%,#8A6114aa,transparent 60%);filter:blur(70px);pointer-events:none}.opening-copy{position:relative;z-index:1;padding-top:3vw}.opening-copy h1{max-width:950px;margin:38px 0 34px}.opening-copy h1 em{display:block}.opening-description{max-width:465px;font-size:clamp(1rem,1.35vw,1.3rem);color:var(--muted-dark)}.opening-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:35px;justify-content:space-between;border-radius:100px;padding:17px 23px;font-weight:700;font-size:.84rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{color:var(--ink);background:var(--chalk)}.button-light:hover{background:#fff}.button-dark{color:#fff;background:var(--ink)}.text-link{font-size:.84rem;font-weight:700}.pulse{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #e2b45722}.opening-bottom{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8B96A2;margin-top:2rem}
.stage{align-self:center;position:relative;background:var(--ink-2);border:1px solid var(--line-dark);border-radius:15px;padding:11px;box-shadow:0 35px 80px #0009;transform:rotate(2deg)}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#C3CAD2}.stage-top{padding-bottom:14px}.stage-screen{height:clamp(310px,35vw,550px);border-radius:7px;overflow:hidden;position:relative;display:block;transition:background .25s;color:#fff}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:12% 12%;mask-image:linear-gradient(90deg,transparent,#000)}.stage-screen-inner{position:absolute;inset:0;padding:6%;display:flex;flex-direction:column}.stage-site-name{font-family:'Space Grotesk';font-size:clamp(1.4rem,2.8vw,2.6rem);font-weight:700;letter-spacing:-.08em}.stage-site-line{font-family:'Space Grotesk';font-size:clamp(2.8rem,5.4vw,5.6rem);letter-spacing:-.08em;line-height:.95;max-width:90%;margin:auto 0;position:relative;z-index:2}.stage-visual{position:absolute;right:-2%;bottom:8%;width:45%;aspect-ratio:1}.stage-visual i{position:absolute;width:70%;height:70%;border:1px solid #ffffff7a;border-radius:50%;left:15%;top:15%}.stage-visual i:nth-child(2){transform:scale(.75)}.stage-visual i:nth-child(3){transform:scale(.5)}.stage-visual i:nth-child(4){transform:scale(1.25)}.stage-visual i:nth-child(5){transform:scale(1.55)}.stage-open{position:absolute;right:6%;bottom:5%;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.stage-bottom{padding-top:15px}.stage-controls{display:flex;gap:7px}.stage-controls button{border:1px solid #46525E;background:transparent;color:white;width:35px;height:35px;border-radius:50%}.stage-controls button:hover{background:#fff;color:var(--ink)}.stage-aster{background:#372592}.stage-relay{background:#263540}.stage-fieldnote{background:#38634c}.stage-lucent{background:#314c59}.stage-morrow{background:#8d554e}.stage-kindred{background:#d2a490;color:#241e25}
.work-intro{padding:9vw 4vw 5vw;display:grid;grid-template-columns:30% 1fr;gap:2vw}.work-intro h2 em{color:var(--gold-deep)}.work-intro p:not(.section-label){max-width:630px;margin-top:30px;font-size:1.12rem;color:var(--muted)}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 4vw;display:flex;gap:10px}.filter{background:none;border:1px solid transparent;border-radius:100px;padding:11px 16px;color:var(--muted);font-size:.8rem}.filter.is-active{border-color:var(--ink);color:var(--ink)}.filter span{margin-left:9px;color:#5D656D}.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw 2vw;padding:4vw 4vw 10vw}.work-card{display:block}.work-art{height:clamp(300px,38vw,560px);position:relative;overflow:hidden;background:var(--ink-2);color:white}.work-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.85);transition:transform .55s}.work-card:hover .work-art img{transform:scale(1.055)}.work-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0007)}.work-art-title{position:absolute;z-index:2;bottom:8%;left:7%;font-family:'Space Grotesk';font-size:clamp(3rem,6vw,7.4rem);font-weight:600;letter-spacing:-.09em;line-height:1}.work-art-title b{color:var(--gold)}.work-art-arrow{position:absolute;z-index:2;right:6%;top:6%;font-size:2rem}.tone-aster .work-art{background:radial-gradient(circle at 70% 20%,#715fc5,#31228a 55%,#24105d)}.tone-morrow .work-art{background:linear-gradient(135deg,#aa766d,#382d39)}.card-symbol{position:absolute;inset:0}.card-symbol i{position:absolute;border:2px solid #ffffff85;border-radius:50%;width:65%;aspect-ratio:1;left:28%;top:-2%;box-shadow:0 0 60px #4de3cf55}.card-symbol i:nth-child(2){width:45%;left:38%;top:12%}.card-symbol i:nth-child(3){width:25%;left:48%;top:26%}.card-symbol-morrow i{border-radius:0;transform:rotate(30deg);background:#edb7a322;box-shadow:20px 20px 80px #e7a19144}.work-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.work-text{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:21px 0}.work-text h3{max-width:350px}.work-text p{color:var(--muted);font-size:.86rem}.work-feature{display:flex;gap:10px;align-items:center;font-size:.7rem;color:#5D656D}.work-feature strong{color:var(--ink);background:#CFE9E4;border-radius:100px;padding:8px 11px}.manifesto{background:var(--teal-deep);color:var(--chalk);padding:7vw 4vw;display:grid;grid-template-columns:30% 1fr;gap:2vw}.manifesto .section-label{color:#BFE7E0}.manifesto-side{display:flex;flex-direction:column;justify-content:space-between}.manifesto-mark{font:700 13rem/.7 'Space Grotesk';letter-spacing:-.15em;color:var(--teal)}.manifesto-mark span{color:var(--gold)}.manifesto-main h2{max-width:1000px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:6vw}.principles>div{border-top:1px solid #2E6F68;padding-top:17px}.principles span{font-size:.7rem;color:#EBD08A}.principles h3{font-size:1.5rem;margin:20px 0}.principles p{font-size:.86rem;color:#CFE2DE}.contact-section{padding:9vw 4vw 10vw;text-align:center}.contact-section h2{max-width:1050px;margin:20px auto}.contact-section>p:not(.section-label){max-width:540px;margin:25px auto 30px;color:var(--muted)}.contact-section small{display:block;margin-top:14px;color:#5D656D}.site-footer{background:var(--ink);color:white;padding:45px 4vw;display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:2rem;align-items:start}.site-footer p{font-size:.77rem;color:var(--muted-dark);max-width:410px}.site-footer>a:not(.brand),.site-footer>span{font-size:.78rem}
.concept-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--chalk)}.compact-brand{font-size:1.35rem}.back-link,.concept-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.concept-hero{min-height:calc(100svh - 75px);position:relative;overflow:hidden;color:#fff;padding:3vw 4vw;display:flex;flex-direction:column;background:#382e71}.concept-image,.concept-image:after{position:absolute;inset:0}.concept-image img{width:100%;height:100%;object-fit:cover}.concept-image:after{content:'';background:linear-gradient(90deg,#111b27d9,#111b2760 65%),linear-gradient(0deg,#1116,transparent 55%)}.concept-hero-top,.concept-hero-copy,.concept-hero-bottom{position:relative;z-index:3}.concept-hero-top{display:flex;justify-content:space-between;align-items:start;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.concept-hero-top span:first-child{font-family:'Space Grotesk';font-size:clamp(2rem,4vw,4rem);font-weight:700;letter-spacing:-.09em;text-transform:none}.concept-hero-copy{margin:auto 0;max-width:1100px}.concept-index{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:30px}.concept-hero-copy h1{font-size:clamp(4.3rem,9vw,10rem)}.concept-hero-copy>p:not(.concept-index){font-size:clamp(1rem,1.6vw,1.5rem);max-width:530px;margin-top:30px}.concept-hero-cta{display:inline-flex;border:1px solid #fff;border-radius:100px;padding:15px 20px;gap:40px;margin-top:32px;font-size:.8rem}.concept-hero-bottom{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.concept-graphic{position:absolute;width:min(65vw,850px);aspect-ratio:1;right:-7vw;top:6%;opacity:.7}.concept-graphic span{position:absolute;inset:10%;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 50px #fff4}.concept-graphic span:nth-child(2){inset:23%}.concept-graphic span:nth-child(3){inset:36%}.concept-story,.demo-section,.concept-outro{padding:8vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.concept-story h2{font-size:clamp(3rem,5.8vw,6rem);margin-top:22px}.concept-story>div:last-child{align-self:end;max-width:550px;font-size:clamp(1.1rem,1.5vw,1.4rem)}.concept-story>div:last-child p+p{margin-top:26px;color:var(--muted)}.demo-section{background:#E7E3DB;align-items:center}.demo-intro h2{margin:24px 0}.demo-intro>p:not(.section-label){max-width:570px;font-size:1.15rem}.demo-disclosure{display:block;margin-top:34px;font-size:.71rem;color:#565E66}.demo-panel{background:#fff;border-radius:8px;box-shadow:0 18px 55px #1914221a;padding:clamp(22px,4vw,55px);min-height:370px}.demo-panel-label,.demo-answer-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.prompt-list{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 35px}.prompt-list button{border:1px solid #CCC8CE;background:#fff;border-radius:100px;padding:12px 16px;font-size:.8rem;text-align:left}.prompt-list button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.demo-answer{border-top:1px solid #DAD8DE;padding-top:24px}.demo-answer-label{color:var(--gold-deep)}.demo-answer p{font-family:'Space Grotesk';font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.4;margin-top:25px}.concept-outro h2{font-size:clamp(2.6rem,5vw,5.5rem);margin-top:22px}.concept-outro>div:last-child{max-width:450px;align-self:end}.concept-outro p{font-size:1.1rem;margin-bottom:26px}.concept-next{display:flex;justify-content:space-between;padding:25px 4vw;border-top:1px solid var(--line);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.tone-aster .concept-hero{background:radial-gradient(circle at 70% 45%,#6954be,#2c206d 60%,#211257)}.tone-morrow .concept-hero{background:linear-gradient(125deg,#432d3b,#9c6760)}.tone-fieldnote .concept-hero{background:#345945}.tone-kindred .concept-hero{background:#bf8e81}.tone-kindred .concept-image:after{background:linear-gradient(90deg,#4e303acb,#7f606430 75%)}.tone-relay .concept-hero{background:#1c303d}.tone-lucent .concept-hero{background:#294553}.tone-aster .concept-hero h1{max-width:780px}.tone-morrow .concept-graphic span{border-radius:0;transform:rotate(28deg);background:#fac0ae12}
@media(max-width:900px){.opening{grid-template-columns:1fr;padding-top:70px}.opening-copy h1{max-width:700px}.stage{max-width:620px;width:100%;justify-self:center;margin-top:35px}.stage-screen{height:400px}.stage-site-line{font-size:4.5rem}.work-intro,.manifesto{grid-template-columns:1fr}.manifesto-mark{display:none}.site-footer{grid-template-columns:1fr 1fr}.concept-story,.demo-section,.concept-outro{gap:3vw}}
@media(max-width:650px){h1{font-size:clamp(3.7rem,14vw,6rem)}h2{font-size:clamp(3rem,12vw,5rem)}.site-header{height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:25px 4vw;flex-direction:column;align-items:stretch}.site-header nav.nav-open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:12px}.menu-toggle span{width:24px;height:2px;background:white}.opening{min-height:0;padding:65px 5vw 25px}.opening-copy h1{margin:30px 0}.opening-actions{gap:18px;flex-wrap:wrap}.stage{transform:none;margin:30px 0 0}.stage-screen{height:330px}.stage-site-line{font-size:3.5rem}.opening-bottom span:first-child{display:none}.work-intro{padding:80px 5vw 40px}.filter-bar{padding:10px 5vw;overflow-x:auto}.filter{white-space:nowrap}.work-list{grid-template-columns:1fr;padding:25px 5vw 90px;gap:55px}.work-art{height:360px}.work-text{grid-template-columns:1fr;padding:18px 0;gap:8px}.work-text h3{font-size:2.6rem}.manifesto{padding:80px 5vw}.principles{grid-template-columns:1fr;margin-top:55px}.contact-section{padding:80px 5vw}.site-footer{padding:45px 5vw;grid-template-columns:1fr 1fr}.site-footer p{grid-column:1/-1;grid-row:2}.concept-header{height:65px;padding:0 5vw}.concept-badge{display:none}.concept-hero{min-height:calc(100svh - 65px);padding:25px 5vw}.concept-hero-copy h1{font-size:clamp(3.6rem,13vw,6rem)}.concept-hero-top span:first-child{font-size:2.1rem}.concept-hero-top span:last-child{font-size:.63rem}.concept-hero-copy>p:not(.concept-index){font-size:1rem}.concept-hero-bottom{font-size:.58rem}.concept-graphic{width:100vw;right:-20vw;top:20%}.concept-story,.demo-section,.concept-outro{grid-template-columns:1fr;padding:75px 5vw;gap:35px}.concept-story h2{font-size:3.8rem}.demo-panel{min-height:0}.concept-outro h2{font-size:3.6rem}.concept-next{padding:25px 5vw}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* --- Business scaffold: services, process (appended by sellifAI author lane) --- */
.services-section{padding:8vw 4vw 7vw;scroll-margin-top:88px}
.services-head{display:grid;grid-template-columns:30% 1fr;gap:2vw;align-items:start}
.services-head h2{grid-column:2;max-width:1000px}
.services-head h2 em{color:var(--gold-deep)}
.services-lede{grid-column:2;max-width:640px;margin-top:28px;font-size:1.12rem;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:6vw}
.service-card{border-top:1px solid var(--line);padding-top:20px}
.service-index{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--teal-deep)}
.service-card h3{font-size:1.6rem;margin:18px 0 12px}
.service-card p{font-size:.92rem;color:var(--muted)}
.services-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:5vw;border-top:1px solid var(--line);padding-top:34px}
.services-detail h3{font-size:1.1rem;margin-bottom:12px}
.services-detail p{font-size:.88rem;color:var(--muted)}
.process-section{background:var(--ink);color:#fff;padding:8vw 4vw;scroll-margin-top:88px}
.process-head{display:grid;grid-template-columns:30% 1fr;gap:2vw;align-items:start}
.process-head h2{grid-column:2;max-width:900px}
.process-head h2 em{color:var(--gold)}
.process-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:6vw 0 0;padding:0}
.process-list li{border-top:1px solid var(--line-dark);padding-top:22px}
.process-step{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.process-list h3{font-size:1.7rem;margin:18px 0 12px}
.process-list p{font-size:.92rem;color:#C7CDD4}
@media(max-width:900px){.services-head,.process-head{grid-template-columns:1fr}.services-head h2,.services-lede,.process-head h2{grid-column:1}.service-grid,.process-list,.services-detail{grid-template-columns:1fr;gap:1.6rem}}
@media(max-width:650px){.services-section,.process-section{padding:75px 5vw;scroll-margin-top:72px}.services-head h2,.process-head h2{font-size:3rem}.service-grid,.process-list,.services-detail{margin-top:45px}}
#work,#approach,#contact{scroll-margin-top:88px}
@media(max-width:650px){#work,#approach,#contact{scroll-margin-top:72px}}