@import url('./site.css');
.subpage{background:#fff}
.sub-hero{min-height:82svh;padding:150px var(--edge) 64px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#f7f8fa}
.sub-hero:after{content:'';position:absolute;right:-7vw;top:18%;width:48vw;height:48vw;border:1px solid #d9dfe5;border-radius:50%;box-shadow:0 0 0 8vw rgba(237,240,244,.55),0 0 0 16vw rgba(237,240,244,.3);pointer-events:none}
.sub-hero>*{position:relative;z-index:1}
.sub-hero h1{font-size:clamp(68px,8vw,128px);line-height:.88;max-width:12ch;margin:34px 0 50px}
.sub-hero .hero-intro{max-width:52ch;font-size:clamp(17px,1.55vw,22px);color:#4e5964}
.sub-hero .sub-bottom{margin-top:32px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.sub-hero .sub-bottom span{font-size:12px;color:#6b7480}
.sub-hero.dark{background:#07090c;color:#fff}
.sub-hero.dark:after{border-color:#323a43;box-shadow:0 0 0 8vw rgba(120,150,180,.08),0 0 0 16vw rgba(120,150,180,.04)}
.sub-hero.dark .hero-intro,.sub-hero.dark .sub-bottom span{color:#c7d0d9}
.sub-hero.dark .pill,.sub-hero.image .pill{background:#fff;color:#0b0e13}
.sub-hero.image{background:#0b0e13 url('../web/src/assets/apple/tunnel.png') center/cover;color:#fff}
.sub-hero.image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08))}
.sub-hero.image:after{display:none}
.sub-hero.image .hero-intro,.sub-hero.image .sub-bottom span{color:#e5eaf0}
.content-band{padding:clamp(72px,8vw,112px) var(--edge)}
.content-band.soft{background:#f3f5f7}
.content-band.dark{background:#07090c;color:#fff}
.band-head{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin-bottom:64px}
.band-head h2{font-size:clamp(50px,6vw,94px);line-height:.95;max-width:13ch}
.band-head p{align-self:end;max-width:55ch;color:#5d6873}
.band-head p:not(.scene-kicker){grid-column:2}
.dark .band-head p{color:#c7d0d9}
.detail-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:36px;align-items:start;border-top:1px solid #d8dfe6;padding:32px 0;min-height:170px}
.detail-row:last-child{border-bottom:1px solid #d8dfe6}
.detail-row .num{font-size:12px;color:#76818c;padding-top:11px}
.detail-row h3{font-size:clamp(35px,4.3vw,64px);line-height:1}
.detail-row p,.detail-row ul{font-size:15px;color:#4d5964;max-width:50ch}
.detail-row ul{margin:0;padding-left:20px;line-height:1.6}
.dark .detail-row{border-color:#444b54}.dark .detail-row p,.dark .detail-row ul{color:#c6ced7}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd6dd;border-bottom:1px solid #cfd6dd}
.step{padding:35px 34px 60px;border-right:1px solid #cfd6dd;min-height:360px;display:flex;flex-direction:column}
.step:first-child{padding-left:0}.step:last-child{border:0}
.step span{font:300 110px/.8 Outfit,Arial,sans-serif;color:#dfe4e9}
.step h3{font-size:39px;line-height:1.04;margin:45px 0 15px}.step p{color:#53606b;font-size:15px}
.question-list{border-top:1px solid #d8dfe6}.question-list details{border-bottom:1px solid #d8dfe6;padding:27px 0}.question-list summary{font:300 clamp(28px,3vw,44px) Outfit,Arial,sans-serif;cursor:pointer}.question-list p{max-width:64ch;margin-top:15px;color:#65717c}
.placeholder{padding:32px;background:#e9edf1;color:#53606b;font-size:14px;border-left:3px solid #7d8c9a;max-width:70ch}
.person-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.person-card{background:#e9edf1;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.person-card .photo-placeholder{align-self:center;color:#77838e;font-size:13px}.person-card h3{font-size:clamp(42px,5vw,74px)}
.lead-form{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.lead-form form{display:grid;gap:18px}.lead-form label{font-size:13px;display:grid;gap:7px}.lead-form input,.lead-form textarea,.lead-form select{width:100%;min-height:54px;border:1px solid #cbd2d9;border-radius:0;background:#fff;padding:14px;font:16px Inter,Arial,sans-serif;color:#111}.lead-form textarea{min-height:125px;resize:vertical}.lead-form input:focus-visible,.lead-form textarea:focus-visible,.lead-form select:focus-visible{outline:2px solid #0b0e13;outline-offset:2px}.lead-form .check{display:flex;align-items:start;gap:12px;line-height:1.5}.lead-form .check input{width:18px;min-height:18px;flex:none}.lead-form button{border:0;justify-self:start;cursor:pointer}.form-status{min-height:24px;font-size:14px}.form-note{color:#65717c;font-size:14px}.form-steps{border-top:1px solid #cbd2d9}.form-steps p{padding:22px 0;border-bottom:1px solid #cbd2d9}
.sub-cta{padding:100px var(--edge);min-height:55svh;display:flex;flex-direction:column;justify-content:space-between;background:#e9edf1}.sub-cta h2{font-size:clamp(48px,6vw,92px);line-height:.95;max-width:14ch;margin:30px 0}.sub-cta .pill{align-self:flex-start}
.small-footer{display:flex;justify-content:space-between;gap:20px;padding:35px var(--edge);background:#0b0d10;color:#fff;font-size:12px}
@media(max-width:900px){.band-head{grid-template-columns:1fr}.band-head p:not(.scene-kicker){grid-column:1}.detail-row{grid-template-columns:40px 1fr}.detail-row p,.detail-row ul{grid-column:2}.lead-form{grid-template-columns:1fr}.step-grid{display:block}.step{min-height:0;border-right:0;border-bottom:1px solid #cfd6dd;padding:30px 0}.step:last-child{border-bottom:0}.step span{font-size:80px}.step h3{margin:25px 0 12px}}
@media(max-width:700px){.sub-hero{min-height:92svh;padding:120px 24px 45px}.sub-hero h1{font-size:clamp(56px,13vw,78px);max-width:9ch}.sub-hero .sub-bottom{display:block}.sub-hero .sub-bottom span{display:block;margin-top:25px}.sub-hero:after{width:110vw;height:110vw;top:23%;right:-40vw}.content-band,.sub-cta{padding:76px 24px}.band-head{gap:23px;margin-bottom:40px}.band-head h2{font-size:clamp(50px,13vw,70px)}.detail-row{gap:16px;padding:25px 0}.detail-row h3{font-size:clamp(35px,9vw,49px)}.person-grid{grid-template-columns:1fr}.person-card{min-height:340px}.sub-cta{min-height:0}.small-footer{display:block}.small-footer span{display:block;margin:8px 0}}
/* Editorial subpages: typography, photography and an open process timeline. */
.editorial-hero{padding:155px var(--edge) 65px;background:#fff;position:relative;overflow:hidden}
.editorial-hero h1{font-size:clamp(60px,7.8vw,120px);line-height:.96;max-width:18ch;margin:32px 0 42px;letter-spacing:-.055em}
.editorial-hero h1 span{color:#87919b}
.editorial-intro{display:flex;align-items:center;justify-content:space-between;gap:45px;max-width:1100px}
.editorial-intro p{font-size:19px;max-width:52ch;color:#4f5862}
.editorial-intro .pill{flex-shrink:0}
.quiet-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid #a7afb8}
.editorial-hero>.quiet-link{margin-top:45px}
.wide-photo{height:440px;position:relative;margin:0 var(--edge);overflow:hidden;background:#1d242a}
.wide-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1);opacity:.72}
.wide-photo>span{position:absolute;bottom:55px;left:36px;right:36px;font:300 clamp(28px,3.5vw,50px)/1.05 Outfit,sans-serif;color:white}
.wide-photo small{position:absolute;bottom:24px;left:36px;color:white;font-size:11px}
.editorial-section{padding:100px var(--edge);display:grid;grid-template-columns:1fr 1.65fr;gap:7vw}
.editorial-section h2,.about-diptych h2{font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-.045em}
.section-label h2{margin-top:30px}
.timeline article{display:grid;grid-template-columns:60px 1fr;gap:24px;border-top:1px solid #dce0e5;padding:35px 0 50px}
.timeline article>span{font:300 48px/1 Outfit,sans-serif;color:#8995a2}
.timeline h3{font-size:32px;line-height:1.15;margin-bottom:18px;letter-spacing:-.025em}
.timeline p{color:#4f5862;max-width:53ch;font-size:16px}
.timeline small{display:block;margin-top:20px;font-size:12px;color:#5c6874}
.prep-band{padding:80px var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:35px 8vw}
.prep-band>.scene-kicker{grid-column:1/-1}.prep-band h2{font-size:clamp(45px,5vw,76px);line-height:1.02}
.prep-band p:not(.scene-kicker){color:#c3cbd4;margin-bottom:24px;max-width:48ch}
.faq-section{grid-template-columns:1fr 1.65fr}.faq-section summary{font-size:28px}
.brand-signature{font:300 clamp(120px,25vw,360px)/.8 Outfit,sans-serif;letter-spacing:-.075em;margin-top:80px;color:#e5e9ed;text-align:right}
.about-statement{border-top:1px solid #e1e5e9}.about-statement h2{font-size:clamp(48px,5.5vw,84px)}
.about-statement p:not(.scene-kicker){max-width:54ch;color:#4f5862;margin-top:24px}.about-statement .statement-lead{font-size:25px;color:#12171c}
.about-diptych{display:grid;grid-template-columns:1fr 1fr;background:#eef1f4;gap:8vw;padding-right:var(--edge);align-items:center}
.about-diptych figure{height:630px;position:relative}.about-diptych img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:50% 35%}
.about-diptych figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 25px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:16px}.about-diptych figcaption small{display:block;margin-top:10px;font-size:11px}
.about-diptych h2{margin:30px 0}.about-diptych p:not(.scene-kicker){color:#4f5862;max-width:42ch;margin-bottom:20px}
.principles article{display:grid;grid-template-columns:40px 1fr;gap:14px 25px;padding:28px 0;border-top:1px solid #dce0e5}.principles article span{font-size:12px;color:#77828c;padding-top:12px}.principles h3{font-size:38px}.principles article p{grid-column:2;color:#4f5862;max-width:48ch}
@media(max-width:800px){.editorial-hero{padding:125px 24px 50px}.editorial-hero h1{font-size:clamp(49px,10vw,78px)}.editorial-intro{display:block}.editorial-intro p{font-size:17px}.editorial-intro>a{margin-top:25px}.wide-photo{margin:0 24px;height:360px}.wide-photo>span{left:20px;right:20px;font-size:31px}.wide-photo small{left:20px}.editorial-section{display:block;padding:65px 24px}.section-label{margin-bottom:40px}.editorial-section>.scene-kicker{margin-bottom:30px}.timeline article{grid-template-columns:40px 1fr;gap:15px}.timeline article>span{font-size:35px}.timeline h3{font-size:29px}.prep-band{display:block;padding:60px 24px}.prep-band h2{margin:28px 0}.brand-signature{margin-top:60px}.about-diptych{display:block;padding:0}.about-diptych figure{height:420px}.about-diptych>div{padding:50px 24px}.about-statement .statement-lead{font-size:22px}.principles h3{font-size:31px}.faq-section summary{font-size:25px}}
.prep-band .pill-light{color:#090b0e;background:#fff;border-color:#fff}
/* Technology scenes: the same silver materials and cool light as the homepage. */
.subpage{background:#f7f9fb}
.editorial-hero{background:radial-gradient(ellipse at 50% 90%,#e3effa 0%,#f6f9fc 45%,#fff 75%);text-align:center;padding:145px var(--edge) 65px;min-height:95svh}
.editorial-hero h1{font-size:clamp(55px,6.4vw,94px);max-width:none;line-height:1.02;margin:28px auto;letter-spacing:-.05em}
.editorial-hero h1 span{color:#657e95}
.editorial-intro{display:block;max-width:660px;margin:0 auto}.editorial-intro p{font-size:18px;max-width:none}.editorial-intro>a{margin-top:26px}
.launch-path{display:flex;justify-content:center;align-items:flex-start;max-width:900px;margin:55px auto 0;position:relative;padding-bottom:15px}
.launch-path a{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:140px}
.path-orb{display:grid;place-items:center;width:118px;height:118px;border-radius:50%;font:300 39px Outfit,sans-serif;color:#405d77;background:radial-gradient(circle at 32% 24%,#fff 10%,#f4f8fc 40%,#cfdfed 76%,#afc3d5 100%);box-shadow:inset 1px 2px 3px #fff,inset -3px -6px 15px #c5d2df,0 18px 28px #cbd5df80;transition:transform .4s}
.launch-path a:hover .path-orb{transform:translateY(-7px)}
.launch-path strong{font-size:13px;font-weight:400;color:#4b6176}
.launch-path i{height:2px;flex:1;max-width:170px;margin-top:59px;background:linear-gradient(90deg,#c4d8e9,#9ab9d4,#c4d8e9)}
.launch-hero>.quiet-link{margin-top:25px;color:#496278}
#postup{display:block;background:#fff;padding-top:95px}.section-label{text-align:center;margin-bottom:55px}.section-label h2{font-size:clamp(38px,4vw,60px)}
.timeline{max-width:1060px;margin:auto}.timeline article{grid-template-columns:180px 1fr;gap:70px;align-items:center;padding:65px 30px;border-color:#e2eaf0;scroll-margin-top:90px}.timeline article>span{font-size:95px;color:#adbdca;text-align:center}.timeline article:nth-child(2){background:linear-gradient(90deg,#fff,#eef5fa,#fff)}.timeline h3{font-size:clamp(28px,3vw,43px)}.timeline p{font-size:17px;max-width:54ch}.timeline small{color:#49677e}
.prep-band{background:linear-gradient(120deg,#e7f0f8,#f8fbfd);color:#122a3c;padding:85px var(--edge)}.prep-band p:not(.scene-kicker){color:#4c6377}.prep-band .pill-light{background:#111b24;color:white;border-color:#111b24}
.faq-section{background:#fff}.small-footer{background:#eaf0f5;color:#4a6074}
.about-hero{display:grid;grid-template-columns:1.1fr 1fr;text-align:left;align-content:center;column-gap:4vw;min-height:90svh;position:relative;background:linear-gradient(120deg,#fff 25%,#f0f6fb)}
.about-hero>.scene-kicker,.about-hero>h1,.about-hero>.editorial-intro{grid-column:1}.about-hero h1{font-size:clamp(50px,5vw,76px);margin:26px 0}.about-hero .editorial-intro{margin:0;max-width:530px}.about-hero .editorial-intro p{font-size:18px}
.about-tech-scene{grid-column:2;grid-row:1/5;position:relative;align-self:center;height:480px;perspective:1000px}
.tech-orbit{position:absolute;left:50%;top:50%;width:390px;height:390px;border:2px solid #b2c9dc;border-radius:50%;box-shadow:inset 0 0 0 4px #f7fbff,0 5px 8px #a9bed433;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-25deg)}
.orbit-two{width:320px;height:320px;transform:translate(-50%,-50%) rotateY(60deg) rotateZ(35deg);border-color:#d3e2ed}
.tech-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-content:center;width:210px;height:210px;border-radius:50%;font:400 47px Outfit,sans-serif;letter-spacing:-.06em;color:#41586b;background:radial-gradient(circle at 32% 22%,white 5%,#f0f6fb 45%,#cedce7 80%,#a4bbce);box-shadow:inset 0 2px 4px white,0 25px 35px #acbdcc55}.tech-core span{position:absolute;right:22px;top:28px;font-size:27px}
.orbit-label{position:absolute;font-size:13px;color:#415c73;padding:10px 18px;border-radius:100px;background:#ffffffd9;box-shadow:0 7px 20px #8aa3bb22}.label-one{left:8%;top:27%}.label-two{right:8%;top:35%}.label-three{bottom:17%;left:33%}
.about-statement{background:#fff;grid-template-columns:1fr 1.3fr;align-items:center;border:0;position:relative}.about-statement>.scene-kicker{display:none}.about-statement h2{font-size:clamp(40px,4.4vw,64px)}
.connection-scene{display:flex;align-items:center;justify-content:center;gap:16px;min-height:330px;background:radial-gradient(ellipse,#eaf3fb,transparent 70%)}.connection-scene span{font-size:15px;color:#496276}.connection-scene i{font-style:normal;color:#90adc4}.connection-scene .connection-ai{display:grid;place-items:center;width:108px;height:108px;border-radius:32px;font:300 43px Outfit,sans-serif;background:linear-gradient(140deg,#fff,#d7e6f2);box-shadow:0 20px 32px #bacbd855,inset 0 2px white}
.about-diptych{margin:0;background:#edf4fa;gap:6vw}.about-diptych figure{height:530px}.about-diptych img{filter:saturate(.65);object-position:50% 35%}.about-diptych h2{color:#223e54}.principles{background:#fff}.principles h3{color:#36556e}.sub-cta{background:linear-gradient(120deg,#e6eff7,#f6f9fc);min-height:0;padding:80px var(--edge)}.sub-cta h2{font-size:clamp(40px,5vw,70px);max-width:20ch}
@media(prefers-reduced-motion:no-preference){.orbit-one{animation:orbit-drift 12s ease-in-out infinite alternate}.orbit-two{animation:orbit-drift-two 14s ease-in-out infinite alternate}@keyframes orbit-drift{to{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(15deg)}}@keyframes orbit-drift-two{to{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(65deg)}}}
@media(max-width:800px){.editorial-hero{padding:120px 24px 45px;min-height:0}.editorial-hero h1{font-size:clamp(44px,9vw,68px)}.editorial-intro p{font-size:16px}.launch-path{margin-top:45px}.launch-path a{min-width:80px;gap:18px}.path-orb{width:76px;height:76px;font-size:28px}.launch-path i{margin-top:38px}.launch-path strong{font-size:11px}.timeline article{grid-template-columns:50px 1fr;gap:20px;padding:35px 0}.timeline article>span{font-size:40px}.timeline p{font-size:15px}.timeline h3{font-size:28px}.about-hero{display:flex;flex-direction:column;text-align:center}.about-hero h1{font-size:clamp(43px,9vw,65px)}.about-hero .editorial-intro p{font-size:16px}.about-tech-scene{width:100%;height:340px;flex:none;margin-top:10px}.tech-orbit{width:290px;height:290px}.orbit-two{width:240px;height:240px}.tech-core{width:160px;height:160px;font-size:36px}.tech-core span{font-size:22px;right:16px;top:20px}.label-one{left:0;top:25%}.label-two{right:0;top:33%}.label-three{left:26%;bottom:10%}.connection-scene{min-height:200px;margin-bottom:25px}.about-statement{display:flex;flex-direction:column}.about-diptych figure{height:380px}.prep-band{padding:60px 24px}.sub-cta{padding:60px 24px}}
/* Work v4: concrete work instead of decorative empty hero scenes. */
.about-hero{min-height:0;padding-top:155px;padding-bottom:80px;grid-template-columns:1fr 1.08fr;column-gap:5vw;background:radial-gradient(ellipse at 85% 55%,#dce6ff,transparent 54%),linear-gradient(125deg,#fff,#f1f7fc)}
.about-hero h1{font-size:clamp(49px,5vw,76px);line-height:1.04}.about-hero h1 span{color:#496cbd}.about-hero .editorial-intro{max-width:460px}.about-hero .editorial-intro p{font-size:17px;line-height:1.65}
.work-scene{grid-column:2;grid-row:1/5;padding:24px;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#ffffffa8,#d4e1f277);box-shadow:0 30px 65px #3d598b20;align-self:center;transform:rotate(-2deg);text-align:left}
.work-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.07em;color:#465675;margin-bottom:20px}.demo-tag{font-size:10px;letter-spacing:0;border:1px solid #9eafd1;padding:5px 8px;border-radius:20px;white-space:nowrap}
.mail-sheet,.crm-sheet{background:#ffffffeb;padding:22px;border-radius:17px;box-shadow:0 7px 20px #3a568217}.mail-sheet{display:grid;grid-template-columns:38px 1fr;gap:12px}.mail-icon{width:36px;height:36px;display:grid;place-items:center;background:#e7edff;color:#355ac0;border-radius:10px;font-size:24px}.mail-sheet small{font-size:11px;color:#65718a}.mail-sheet h3{font-size:21px;line-height:1.2;margin-top:6px;letter-spacing:-.025em}.mail-sheet p{grid-column:1/-1;font-size:13px;color:#546077;line-height:1.65}.attachment{grid-column:1/-1;font-size:11px;color:#53617a;background:#f3f6fb;padding:10px;border-radius:7px}
.work-bridge{display:flex;gap:12px;align-items:center;padding:20px 5px;color:#355ab1}.work-bridge>span{font:500 23px Outfit,sans-serif;white-space:nowrap}.work-bridge i{height:1px;flex:1;min-width:15px;background:#7d9ada}.work-bridge small{font-size:10px;max-width:110px}
.crm-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.crm-heading strong{font-size:14px}.crm-heading>span{font-size:10px;border-radius:20px;background:#fff1d4;color:#775512;padding:6px 9px;white-space:nowrap}.crm-sheet dl{margin:16px 0}.crm-sheet dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e9edf3;font-size:11px}.crm-sheet dt{color:#788399}.crm-sheet dd{margin:0;text-align:right;color:#253653}.human-check{display:flex;align-items:center;gap:9px;font-size:11px;color:#395b52}.human-check span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e0f1e9}
.about-statement{padding-top:75px;padding-bottom:75px;gap:8vw}.outcome-visual{padding:32px;border-radius:24px;background:#edf2fb;color:#314564}.mini-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#617290;margin-bottom:20px}.outcome-visual>div{display:flex;gap:19px;align-items:center;padding:15px 0;border-bottom:1px solid #d5dfee}.outcome-visual>div:last-child{border:0}.outcome-visual b{font:400 25px Outfit,sans-serif;color:#7290c3}.outcome-visual>div>span{font-size:17px}.about-statement p:not(.scene-kicker){font-size:16px}.about-statement .statement-lead{font-size:22px}
.about-diptych{margin:0 var(--edge);border-radius:28px;overflow:hidden;background:#e9eef8;padding-right:45px;gap:5vw}.about-diptych figure{height:440px}.about-diptych h2{color:#2e487d}.principles{margin-top:70px;padding-top:45px;padding-bottom:65px;background:#f7f9fb}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.principles{display:block}.principles>.scene-kicker{margin-bottom:25px}.principles article{display:block;border-top:2px solid #adc0e4;padding-top:20px}.principles h3{font-size:29px;margin:15px 0;color:#273e69}.principles article p{font-size:14px}
.launch-hero{min-height:0;padding-top:130px;padding-bottom:40px;background:radial-gradient(ellipse at 50% 100%,#dbe6ff,transparent 65%),#fff}.launch-hero h1{font-size:clamp(52px,5.6vw,80px);margin:23px auto}.launch-hero h1 span{color:#496cbd}.launch-hero .editorial-intro{max-width:620px}.launch-hero .editorial-intro p{font-size:16px}.start-preview{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1000px;margin:40px auto 0;border-radius:24px;overflow:hidden;background:#ffffffd9;border:1px solid white;box-shadow:0 20px 60px #34598c16;text-align:left}.start-photo{height:325px;position:relative}.start-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:saturate(.7)}.start-photo>span{position:absolute;inset:auto 0 0;padding:45px 24px 20px;background:linear-gradient(transparent,#101a2be0);color:white;font-size:20px}.start-photo small{display:block;font-size:9px;margin-top:7px;color:#d8e1eb}.start-plan{padding:28px 30px}.start-plan a{display:flex;align-items:center;gap:18px;border-top:1px solid #dde5f0;padding:18px 0}.start-plan b{font:400 26px Outfit,sans-serif;color:#6c89c2}.start-plan strong{font-size:17px;font-weight:500;display:block}.start-plan small{font-size:11px;color:#67758a;display:block;margin-top:6px}.start-plan em{font-style:normal;margin-left:auto;color:#476cba}.start-plan a:hover strong{color:#315bb4}
#postup{padding-top:65px;padding-bottom:50px}.timeline article{padding:35px 25px;grid-template-columns:110px 1fr;gap:40px}.timeline article>span{font-size:65px;color:#7594c4}.timeline h3{font-size:33px}.timeline small{padding:12px 16px;background:#eef3fc;border-left:2px solid #7b9bd5;display:inline-block;color:#3a547c}.prep-band{padding-top:60px;padding-bottom:60px}.sub-cta{background:linear-gradient(110deg,#dfe9fb,#f3effb)}
@media(max-width:900px){.about-hero{column-gap:25px}.work-scene{padding:16px}.work-top{flex-wrap:wrap}.principles>div{gap:18px}.about-diptych{padding-right:25px}}
@media(max-width:800px){.about-hero{padding:120px 24px 40px}.about-hero h1{font-size:clamp(43px,10vw,68px)}.work-scene{width:100%;max-width:480px;margin:32px auto 0;transform:none}.work-top{flex-wrap:nowrap}.mail-sheet,.crm-sheet{padding:17px}.about-statement{display:grid;grid-template-columns:1fr;padding:45px 24px;gap:35px}.outcome-visual{width:100%;padding:24px}.about-diptych{margin:0 16px;padding:0;border-radius:20px}.about-diptych figure{height:300px}.about-diptych>div{padding:32px 24px}.principles{margin-top:25px;padding:35px 24px}.principles>div{grid-template-columns:1fr}.principles article{padding-bottom:12px}.principles h3{font-size:29px}.launch-hero{padding:120px 24px 35px}.start-preview{grid-template-columns:1fr;margin-top:30px}.start-photo{height:220px}.start-plan{padding:24px}.start-plan a{gap:13px}.start-plan strong{font-size:16px}.timeline article{grid-template-columns:35px 1fr;gap:15px;padding:28px 0}.timeline article>span{font-size:31px}.timeline h3{font-size:27px}.timeline small{font-size:11px}.work-bridge small{max-width:120px}.crm-heading strong{font-size:12px}.work-top>span:first-child{font-size:8px}}
/* Meeting: the conversation and form share the first screen. */
.meeting-layout{padding:145px var(--edge) 75px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;background:radial-gradient(ellipse at 80% 40%,#e0eafa,transparent 60%),#f8fafc;min-height:95svh}.meeting-copy h1{font-size:clamp(52px,5.8vw,84px);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.meeting-copy h1 span{color:#496cbd}.meeting-intro{max-width:42ch;font-size:17px;line-height:1.65;color:#546077}.meeting-agenda{margin:35px 0 15px;max-width:420px}.meeting-agenda>div{display:flex;align-items:center;gap:18px;border-top:1px solid #dbe3ee;padding:13px 0}.meeting-agenda b{font:400 20px Outfit,sans-serif;color:#6b87b9}.meeting-agenda p{font-size:13px;color:#45536b}.meeting-form-panel{padding:34px;background:#fff;border:1px solid #e3eaf3;border-radius:25px;box-shadow:0 25px 65px #36578712}.meeting-form-head{display:flex;align-items:center;gap:17px;margin-bottom:22px}.meeting-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf0fc;color:#496cbd;font-size:30px;flex:none}.meeting-form-head h2{font-size:31px;line-height:1.1;letter-spacing:-.035em}.meeting-form-head p{font-size:12px;color:#65718a;margin-top:8px}.preview-notice{font-size:11px;line-height:1.5;padding:11px 14px;background:#eef3fb;border-radius:8px;color:#486082;margin-bottom:22px}.meeting-form-panel form{display:grid;gap:18px}.meeting-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meeting-form-panel label{display:block;font-size:12px;font-weight:500;color:#34425b}.optional{font-size:10px;font-weight:400;color:#64738a}.meeting-form-panel input,.meeting-form-panel textarea{display:block;width:100%;margin-top:8px;min-height:48px;padding:13px 14px;background:#f8fafc;border:1px solid #d8e1ee;border-radius:9px;font:14px/1.5 Inter,sans-serif;color:#152137}.meeting-form-panel textarea{min-height:135px;resize:vertical}.meeting-form-panel input::placeholder,.meeting-form-panel textarea::placeholder{color:#718098;opacity:1}.meeting-form-panel input:focus-visible,.meeting-form-panel textarea:focus-visible{outline:2px solid #688bcf;outline-offset:3px}.meeting-help{font-size:11px;color:#65718a;margin-top:-8px}.meeting-form-panel button{border:0;width:100%;justify-content:space-between;cursor:pointer;min-height:50px}.meeting-form-panel .form-status{font-size:12px;color:#335f4e;min-height:0}.meeting-footnote{font-size:10px;line-height:1.6;color:#68768b;margin-top:20px;border-top:1px solid #e7ecf3;padding-top:16px}
@media(max-width:800px){.meeting-layout{grid-template-columns:1fr;padding:120px 24px 45px;gap:35px}.meeting-copy h1{font-size:clamp(48px,11vw,68px)}.meeting-copy h1 br:nth-of-type(1){display:none}.meeting-intro{font-size:16px}.meeting-agenda{margin-top:25px}.meeting-form-panel{padding:24px;border-radius:20px}.meeting-fields{grid-template-columns:1fr}.meeting-form-head{gap:12px}.meeting-form-head h2{font-size:28px}.meeting-icon{width:40px;height:40px}.meeting-form-panel input,.meeting-form-panel textarea{font-size:16px}}

/* ===== Ivory v2: subpages match the homepage ===== */
.subpage{background:#fcfbf8;color:#171816}
.subpage .site-nav,.subpage .site-nav.after-hero:not(.on-dark),.subpage .site-nav.on-dark{background:#fcfbf8!important;color:#171816!important;backdrop-filter:none}
.subpage .nav-links a,.subpage .nav-action,.subpage .menu-toggle,.subpage .site-nav.on-dark .nav-links a{background:#f0eee8!important;color:#171816!important}
.subpage .nav-links a:hover,.subpage .nav-action:hover,.subpage .nav-links a[aria-current]{background:#e7e4dc!important}
.subpage .round-icon,.subpage .pill-dark,.subpage .meeting-form-panel button{background:#20211e;color:#fcfbf8}
.subpage .pill-light,.subpage .prep-band .pill-light{background:#20211e;color:#fcfbf8;border-color:#20211e}
.subpage h1,.subpage h2,.subpage h3{font-family:Outfit,sans-serif;font-weight:300;color:#171816;letter-spacing:-.05em}
.subpage h1 span,.subpage .meeting-copy h1 span,.subpage .about-hero h1 span,.subpage .launch-hero h1 span{color:#626566}
.subpage p,.subpage .meeting-intro,.subpage .editorial-intro p{color:#51575b}
.editorial-hero,.about-hero,.launch-hero,.meeting-layout,.prep-band,.faq-section,.sub-cta,.principles,.about-statement,.about-diptych,#postup{background:#fcfbf8!important}
.editorial-hero,.launch-hero{min-height:0;text-align:left;padding:150px var(--edge) 56px}
.editorial-hero h1,.launch-hero h1{margin:20px 0}
.editorial-intro{margin:0;max-width:620px}
.about-hero{display:grid}
.launch-hero .editorial-intro{margin:0}
.prep-band{border-top:1px solid #dcd9d0}.prep-band h2,.prep-band p:not(.scene-kicker){color:#171816}.prep-band p:not(.scene-kicker){color:#51575b}
.sub-cta{border-top:1px solid #dcd9d0}
.small-footer{padding:30px var(--edge)}
/* flatten start preview */
.start-preview{background:none;border:0;border-radius:0;box-shadow:none;margin:36px 0 0;max-width:1000px;gap:32px}
.start-photo img{filter:grayscale(1);border-radius:12px}.start-photo>span{background:linear-gradient(transparent,#171816bb);border-radius:0 0 12px 12px}
.start-plan{padding:0}.start-plan a{border-color:#dcd9d0}.start-plan b,.start-plan em,.start-plan a:hover strong{color:#171816}.start-plan small{color:#626566}
.timeline article{border-color:#dcd9d0;background:none!important}.timeline article>span{color:#a8a59c}
.timeline small{background:none;border-left:2px solid #171816;color:#3b3e3b;padding:2px 0 2px 12px}
.mini-label,.scene-kicker{color:#6a6e70}
/* e-mail -> CRM: open, flat, readable */
.work-scene{transform:none!important;background:none;border:0;border-radius:0;box-shadow:none;padding:0;max-width:520px}
.work-top{font-size:11px;color:#51575b}.demo-tag{border-color:#b9b6ac;color:#51575b;font-size:11px}
.mail-sheet,.crm-sheet{background:#f4f2ec;border-radius:14px;box-shadow:none}
.mail-icon{background:#e7e4dc;color:#171816}.mail-sheet small,.mail-sheet p,.attachment{color:#51575b;font-size:14px}.attachment{background:#ebe8e0}
.mail-sheet h3{font-size:21px}
.work-bridge{color:#171816}.work-bridge i{background:#a8a59c}.work-bridge small{font-size:12px}
.crm-heading strong{font-size:15px}.crm-heading>span{background:#e7e4dc;color:#3b3e3b;font-size:12px}
.crm-sheet dl>div{border-color:#dedbd2;font-size:14px}.crm-sheet dt{color:#626566}.crm-sheet dd{color:#171816}
.human-check{font-size:13px;color:#3b3e3b}.human-check span{background:#e0ddd4}
.outcome-visual{background:#f4f2ec;border-radius:14px;color:#171816}.outcome-visual>div{border-color:#dedbd2}.outcome-visual b{color:#8b8f8d}.mini-label{color:#6a6e70}
.about-diptych{margin:0 var(--edge);border-radius:0;gap:5vw;padding-right:0}.about-diptych img{filter:grayscale(1);border-radius:12px}.about-diptych figcaption{border-radius:0 0 12px 12px}
.about-diptych h2{color:#171816}
.principles h3{color:#171816}.principles article{border-top:1px solid #171816}
/* meeting */
.meeting-layout{min-height:0;background:#fcfbf8!important}
.meeting-form-panel{background:#f4f2ec;border:0;border-radius:14px;box-shadow:none}
.meeting-form-panel input,.meeting-form-panel textarea{background:#fcfbf8;border-color:#d4d1c8;font-family:Outfit,sans-serif;color:#171816}
.meeting-form-panel input:focus-visible,.meeting-form-panel textarea:focus-visible{outline-color:#171816}
.meeting-icon{background:#e7e4dc;color:#171816}
.preview-notice{background:#ebe8e0;color:#3b3e3b;font-size:13px}.meeting-form-panel label{color:#2b2d2a;font-size:14px}.meeting-help,.meeting-form-head p,.meeting-footnote,.optional{color:#626566;font-size:13px}
.meeting-agenda>div{border-color:#dcd9d0}.meeting-agenda b{color:#8b8f8d}.meeting-agenda p{font-size:15px;color:#3b3e3b}
.meeting-form-panel .form-status{color:#2b2d2a;font-size:14px}
.foot-brand{display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap}.foot-brand em{font-style:normal;font-family:Outfit,sans-serif;font-weight:300;font-size:15px;color:#626566}
.small-footer{background:#f0eee8!important;color:#3b3e3b!important;align-items:center}
@media(max-width:800px){
 .editorial-hero,.launch-hero,.about-hero{padding:112px 24px 36px;display:block}
 .meeting-layout{display:flex;flex-direction:column;padding:104px 24px 40px}
 .meeting-copy{display:contents}.meeting-copy>*{order:1}
 .meeting-form-panel{order:0;width:100%}
 .meeting-copy>.scene-kicker,.meeting-copy>h1,.meeting-copy>.meeting-intro{order:-2}
 .meeting-copy>.meeting-agenda,.meeting-copy>.quiet-link{order:2}
 .work-scene{margin-top:28px}
 .small-footer{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px}
}
