:root{--black:#080808;--panel:#111;--panel2:#171717;--ink:#f3f0eb;--muted:#9f9a95;--line:rgba(255,255,255,.14);--red:#ff3b22;--coral:#ff755d;--paper:#e8e5df;--paper-ink:#171717;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.15)}.brand{display:inline-flex;align-items:center;gap:11px;font:600 15px/1 "Space Grotesk",sans-serif;letter-spacing:.07em}.brand-mark{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid var(--red);border-radius:50%}.site-nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-nav a{opacity:.76;transition:.2s}.site-nav a:hover{opacity:1}.nav-login{display:none}.header-cta{justify-self:end}.pill{border:1px solid rgba(255,255,255,.6);border-radius:100px;padding:13px 18px;font-size:12px;display:inline-flex;gap:24px}.pill:hover{background:var(--ink);color:var(--black)}.menu-toggle{display:none;background:none;border:0;color:white}
.hero{height:max(780px,100svh);min-height:720px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,45,19,.42),transparent 30%),linear-gradient(180deg,#080808 0%,#130604 64%,#090909 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(transparent,var(--black));z-index:4}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-word{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-59%);margin:0;font:500 clamp(150px,24vw,390px)/.78 "Space Grotesk",sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,115,87,.42);text-shadow:0 0 70px rgba(255,44,20,.15);white-space:nowrap}.hero-portrait{position:absolute;z-index:3;left:50%;bottom:-8%;transform:translateX(-50%);height:94%;width:auto;max-width:76vw;object-fit:contain;filter:saturate(.9) contrast(1.05)}.hero-orbit{position:absolute;z-index:2;left:50%;top:50%;border:1px solid rgba(255,110,85,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-one{width:56vw;height:56vw;max-width:850px;max-height:850px}.orbit-two{width:72vw;height:28vw;transform:translate(-50%,-48%) rotate(13deg)}.hero-copy{position:absolute;z-index:6;left:clamp(22px,4vw,64px);bottom:10%;max-width:660px}.eyebrow,.section-kicker{font:500 11px/1.4 "Space Grotesk",sans-serif;letter-spacing:.18em}.eyebrow{color:var(--coral);margin:0 0 22px}.hero h1{font:400 clamp(48px,6vw,96px)/.93 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0}.hero-card{position:absolute;z-index:6;right:clamp(22px,4vw,64px);bottom:10%;width:278px;padding:22px;background:rgba(12,12,12,.72);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);display:grid;gap:17px;transition:.3s}.hero-card:hover{border-color:var(--coral);transform:translateY(-5px)}.card-index{font-size:10px;letter-spacing:.14em;color:var(--coral)}.card-copy{font:400 15px/1.45 "Space Grotesk",sans-serif}.circle-arrow{justify-self:end;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.scroll-cue{position:absolute;z-index:6;top:50%;right:18px;transform:rotate(90deg) translateX(50%);transform-origin:100% 50%;font-size:9px;letter-spacing:.16em;color:#aaa;display:flex;align-items:center;gap:10px}.scroll-cue span{width:36px;height:1px;background:#aaa}
.section{max-width:var(--max);margin:0 auto;padding:130px clamp(22px,5vw,74px)}.section-kicker{display:flex;align-items:center;gap:14px;color:#89847f}.section-kicker span{color:var(--red)}.about{padding-top:160px}.about-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:8vw;margin:58px 0 120px}.about-lead{margin:0;font:400 clamp(42px,6.5vw,104px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.065em;max-width:1050px}.about-side{padding-top:10px}.about-side p{margin:0 0 40px;color:var(--muted);font-size:16px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:13px}.text-link:hover{color:var(--coral)}.marquee{margin-inline:calc(clamp(22px,5vw,74px)*-1);border-block:1px solid var(--line);overflow:hidden}.marquee-track{display:flex;width:max-content;align-items:center;gap:36px;padding:28px 0;animation:marquee 28s linear infinite;font:500 clamp(24px,3vw,48px)/1 "Space Grotesk",sans-serif;color:#6c6864}.marquee i{width:8px;height:8px;background:var(--red);border-radius:50%}@keyframes marquee{to{transform:translateX(-50%)}}
.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:72px}.section-heading h2,.pricing-head h2,.comparison h2,.faq h2{margin:0;font:400 clamp(44px,5.8vw,88px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.06em}.process{background:var(--paper);color:var(--paper-ink);max-width:none;padding-inline:max(clamp(22px,5vw,74px),calc((100vw - var(--max))/2 + 74px))}.process .section-kicker{color:#706c67}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8b4ad;border-left:1px solid #b8b4ad}.process-card{min-height:390px;padding:24px;position:relative;border-right:1px solid #b8b4ad;border-bottom:1px solid #b8b4ad;display:flex;flex-direction:column}.process-card>span{font-size:11px;color:#8a857f}.process-icon{margin:auto;font-size:76px;color:var(--red);font-family:"Space Grotesk"}.process-card h3{font:500 25px/1 "Space Grotesk";margin:0 0 14px}.process-card p{font-size:14px;line-height:1.55;color:#69645f;margin:0}.process-card:hover{background:#f4f2ed}
.services{padding-top:150px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr minmax(300px,41%);gap:34px;min-height:390px;padding:34px 0;border-bottom:1px solid var(--line)}.service-number{font-size:11px;color:var(--red)}.service-main{padding-top:10px}.service-main h3{font:400 clamp(34px,4vw,62px)/1 "Space Grotesk";letter-spacing:-.05em;margin:0 0 22px}.service-main p{max-width:420px;color:var(--muted);line-height:1.6;margin:0 0 30px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid var(--line);border-radius:100px;padding:7px 11px;font-size:10px;letter-spacing:.07em}.service-visual{position:relative;overflow:hidden;background:#141414;border:1px solid var(--line);min-height:320px}.visual-radar{display:grid;place-items:center;background:radial-gradient(circle,rgba(255,63,35,.2),#111 54%)}.radar{width:230px;height:230px;border:1px solid #4d4744;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 37px,rgba(255,255,255,.1) 38px 39px),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.14) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(255,255,255,.14) 50%,transparent 50.3%)}.radar:after{content:"";position:absolute;left:50%;top:50%;width:46%;height:1px;background:var(--red);transform-origin:left;animation:scan 4s linear infinite;box-shadow:30px 10px 40px var(--red)}@keyframes scan{to{transform:rotate(360deg)}}.visual-radar strong{position:absolute;font:500 56px/1 "Space Grotesk"}.visual-radar small{position:absolute;top:62%;font-size:10px;color:#918d89;letter-spacing:.1em}.visual-nodes{background:radial-gradient(circle at 60% 45%,#38221e,#111 55%)}.visual-nodes svg{position:absolute;inset:0;width:100%;height:100%}.visual-nodes path{fill:none;stroke:#63504b;stroke-width:1}.node{position:absolute;z-index:2;width:13px;height:13px;border:2px solid var(--red);border-radius:50%;box-shadow:0 0 22px var(--red)}.n1{left:12%;top:62%}.n2{left:37%;top:26%}.n3{left:65%;top:46%}.n4{left:87%;top:20%}.visual-type{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;background:linear-gradient(135deg,#282422,#0c0c0c)}.visual-type span{display:grid;place-items:center;border:1px solid var(--line);font:500 46px/1 "Space Grotesk"}.visual-type span:first-child{grid-row:1/3;font-size:120px;color:var(--coral)}.visual-chart svg{position:absolute;inset:0;width:100%;height:100%}.visual-chart path{fill:none;stroke:var(--coral);stroke-width:2}.visual-chart .fill{fill:url(#none);stroke:none;opacity:.15}.visual-chart:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,60,32,.22))}.visual-chart div{position:absolute;z-index:2;top:28px;left:30px;display:grid}.visual-chart strong{font:500 44px/1 "Space Grotesk"}.visual-chart small{color:#9b9590;margin-top:5px}
.integration-band{border-block:1px solid var(--line);padding:38px 0;overflow:hidden;text-align:center}.integration-band>p{font-size:9px;letter-spacing:.17em;color:#777;margin:0 0 30px}.integration-track{display:flex;width:max-content;gap:80px;animation:marquee 24s linear infinite;font:500 20px/1 "Space Grotesk";color:#9b9691}.integration-track span{min-width:140px}.work-shell{border:1px solid var(--line)}.work-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.work-tab{border:0;border-right:1px solid var(--line);background:transparent;color:#716d69;padding:24px;text-align:left;cursor:pointer;font:500 15px "Space Grotesk"}.work-tab:last-child{border-right:0}.work-tab span{font-size:9px;color:#555;margin-right:18px}.work-tab.active{background:var(--ink);color:var(--black)}.work-tab.active span{color:var(--red)}.work-stage{min-height:620px;display:grid;grid-template-columns:36% 64%;background:#101010}.project-meta{padding:55px;align-self:end}.project-meta>p:first-child{color:var(--coral);font-size:9px;letter-spacing:.16em}.project-meta h3{font:400 clamp(42px,5vw,72px)/1 "Space Grotesk";letter-spacing:-.055em;margin:18px 0}.project-meta>p:nth-of-type(2){color:var(--muted);line-height:1.6;margin-bottom:32px}.project-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#7a2417,#1b0a07 52%,#0c0c0c);display:grid;place-items:center}.project-screen{position:relative;z-index:2;width:72%;aspect-ratio:1.45;background:#111;border:1px solid rgba(255,255,255,.35);box-shadow:0 40px 90px rgba(0,0,0,.65);transform:perspective(900px) rotateY(-8deg) rotateX(3deg);padding:20px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:32px 1fr 1fr;gap:12px}.screen-nav{grid-column:1/3;border-bottom:1px solid #333}.screen-stat{grid-row:2/4;background:#1b1b1b;border:1px solid #2e2e2e}.screen-chart{display:flex;align-items:end;gap:7px;padding:20px;background:#171717}.screen-chart i{flex:1;background:linear-gradient(var(--coral),#4b1b13);height:var(--h,40%)}.screen-chart i:nth-child(2){--h:65%}.screen-chart i:nth-child(3){--h:48%}.screen-chart i:nth-child(4){--h:83%}.screen-chart i:nth-child(5){--h:67%}.screen-chart i:nth-child(6){--h:92%}.screen-lines{background:repeating-linear-gradient(to bottom,#262626 0 1px,transparent 1px 17px)}.project-glow{position:absolute;width:360px;height:360px;border:1px solid var(--coral);border-radius:50%;filter:blur(1px);box-shadow:0 0 80px rgba(255,60,30,.5)}
.comparison{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;align-items:center}.comparison-copy>p{color:var(--muted);line-height:1.6;max-width:360px}.comparison .section-kicker{margin-bottom:42px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-card{padding:34px 28px;min-height:450px}.compare-card>p{font-size:9px;letter-spacing:.16em}.compare-card ul{list-style:none;padding:70px 0 0;margin:0}.compare-card li{padding:17px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:13px;display:flex;gap:12px}.compare-card li span{color:var(--red)}.compare-card.muted{background:#222;color:#8f8b87}.compare-card.muted li{border-color:rgba(255,255,255,.1)}.compare-card.bright{background:var(--paper);color:#171717}.pricing{background:var(--paper);color:var(--paper-ink);max-width:none;padding-inline:max(clamp(22px,5vw,74px),calc((100vw - var(--max))/2 + 74px))}.pricing-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:72px}.pricing-head .section-kicker{margin-bottom:30px}.billing-toggle{background:#d4d0c9;border-radius:50px;padding:5px;display:flex}.billing-toggle button{border:0;background:transparent;padding:11px 16px;border-radius:50px;cursor:pointer;font-size:11px}.billing-toggle button.active{background:#181818;color:white}.billing-toggle span{color:var(--red);font-size:9px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.price-card{position:relative;background:#f6f4ef;border:1px solid #cac6bf;padding:32px;min-height:610px;display:flex;flex-direction:column}.price-card>p:first-child{font-size:10px;letter-spacing:.16em;color:#777}.price-card h3{font:500 28px/1.1 "Space Grotesk";margin:20px 0 45px}.price{display:flex;align-items:flex-start}.price>span{font:500 20px "Space Grotesk";margin-top:10px}.price strong{font:500 82px/.9 "Space Grotesk";letter-spacing:-.08em}.price small{align-self:end;margin:0 0 8px 8px;color:#777}.price-copy{color:#666;line-height:1.55;margin:28px 0}.price-card ul{list-style:none;padding:0;margin:0 0 32px}.price-card li{padding:11px 0;border-bottom:1px solid #ddd7cf;font-size:12px}.price-card li:before{content:"✓";color:var(--red);margin-right:10px}.button-dark,.button-light{margin-top:auto;display:flex;justify-content:space-between;padding:17px 18px;background:#171717;color:white;font-size:12px}.button-light{background:white;color:#111}.featured{background:#171717;color:white;border-color:#171717;transform:translateY(-14px)}.featured .price-copy,.featured .price-card>p{color:#aaa}.featured li{border-color:#333}.popular{position:absolute;right:18px;top:18px;background:var(--red);color:white;border-radius:30px;padding:7px 10px;font-size:8px;letter-spacing:.1em}
.proof{max-width:var(--max);margin:0 auto;padding:150px clamp(22px,5vw,74px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:9vw;align-items:stretch}.proof-quote{position:relative}.quote-mark{font:400 118px/.7 Georgia,serif;color:var(--red)}blockquote{font:400 clamp(28px,3.15vw,44px)/1.16 "Space Grotesk";letter-spacing:-.04em;margin:24px 0 48px;max-width:760px}.quote-person{display:flex;gap:14px;align-items:center}.quote-person>span{width:42px;height:42px;background:var(--coral);color:#111;border-radius:50%;display:grid;place-items:center;font-size:11px}.quote-person div{display:grid}.quote-person strong{font-size:13px}.quote-person small{font-size:11px;color:#777;margin-top:4px}.stats{border-top:1px solid var(--line);display:grid;grid-template-rows:repeat(3,1fr);align-self:stretch}.stat{min-height:150px;padding:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.stat strong{font:400 58px/1 "Space Grotesk";font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:#777;margin-top:10px}.split-heading{grid-template-columns:1fr auto}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-art{height:360px;position:relative;overflow:hidden;background:#141414;border:1px solid var(--line)}.art-one{display:grid;place-items:center;background:radial-gradient(circle,#622015,#120908 60%)}.art-one span{font:500 120px "Space Grotesk";color:transparent;-webkit-text-stroke:1px var(--coral)}.art-one i{position:absolute;width:220px;height:220px;border:1px solid var(--red);border-radius:50%;box-shadow:0 0 60px rgba(255,50,20,.35)}.art-two{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding-bottom:45px;background:linear-gradient(145deg,#231f1d,#0c0c0c)}.art-two div{width:18%;height:35%;background:#45332e;border-top:2px solid var(--coral)}.art-two div:nth-child(2){height:59%}.art-two div:nth-child(3){height:82%}.art-three{display:grid;grid-template-columns:1fr 1fr;background:#e7e4de;color:#111}.art-three span{display:grid;place-items:center;font:500 140px "Space Grotesk";border-right:1px solid #aaa}.art-three span:last-child{background:var(--red);color:#fff;border:0}.article-meta{display:flex;justify-content:space-between;color:#777;font-size:9px;letter-spacing:.12em;margin:18px 0}.article-card h3{font:500 24px/1.2 "Space Grotesk";margin:0 0 25px}.article-card>a{font-size:11px;border-bottom:1px solid #555;padding-bottom:6px}.article-card:hover .article-art{border-color:var(--coral)}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw}.faq-intro .section-kicker{margin-bottom:38px}.faq-intro p{color:#777;margin-top:32px}.faq-intro a{color:var(--ink);border-bottom:1px solid}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:27px 0;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;font:500 17px "Space Grotesk"}summary::-webkit-details-marker{display:none}summary>span{color:var(--red);font-size:9px}summary i{width:18px;height:18px;position:relative}summary i:before,summary i:after{content:"";position:absolute;background:#aaa;left:0;top:8px;width:18px;height:1px}summary i:after{transform:rotate(90deg);transition:.2s}details[open] summary i:after{transform:rotate(0)}details>p{margin:0 24px 28px 36px;max-width:560px;color:var(--muted);line-height:1.6;font-size:14px}.contact{height:780px;position:relative;display:grid;place-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#5e180f 0%,#160706 43%,#080808 70%)}.contact>*{position:relative;z-index:2}.contact-grid{z-index:0}.contact h2{font:400 clamp(66px,10vw,150px)/.86 "Space Grotesk";letter-spacing:-.075em;margin:20px 0 55px}.contact-button{justify-self:center;display:flex;align-items:center;gap:40px;padding:9px 10px 9px 24px;border:1px solid rgba(255,255,255,.5);border-radius:100px;font-size:12px}.contact-button i{width:44px;height:44px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-style:normal}.contact-button:hover{background:white;color:#111}.contact-ring{position:absolute!important;z-index:1!important;left:50%;top:50%;border:1px solid rgba(255,100,70,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.ring-one{width:80vw;height:27vw}.ring-two{width:44vw;height:44vw;transform:translate(-50%,-50%) rotate(25deg)}footer{max-width:var(--max);margin:auto;padding:48px clamp(22px,5vw,74px);display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:start;gap:40px;border-top:1px solid var(--line)}footer p{color:#777;font-size:11px;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.back-top{font-size:11px;color:#aaa}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;z-index:100;pointer-events:none;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;background:radial-gradient(circle,rgba(255,60,30,.08),transparent 65%);opacity:0;transition:opacity .3s}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-nav{position:fixed;inset:0;background:#090909;display:flex;flex-direction:column;justify-content:center;gap:28px;font:400 34px "Space Grotesk";transform:translateY(-105%);transition:.35s;z-index:-1}.menu-open .site-nav{transform:none}.menu-toggle{display:block;position:relative;z-index:2;width:38px;height:38px}.menu-toggle span:not(.sr-only){position:absolute;left:8px;width:22px;height:1px;background:white;transition:.25s}.menu-toggle span:first-child{top:15px}.menu-toggle span:nth-child(2){top:22px}.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.header-cta{display:none}.site-nav .nav-login{display:block;opacity:1;margin-top:8px}.hero-portrait{height:78%;bottom:2%}.hero-card{width:230px}.about-layout,.comparison,.faq{grid-template-columns:1fr}.about-side{max-width:560px}.section-heading{grid-template-columns:1fr;gap:34px}.process-grid{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:44px 1fr}.service-visual{grid-column:2}.work-stage{grid-template-columns:1fr;min-height:800px}.project-meta{padding:35px}.project-art{min-height:480px}.comparison-grid{max-width:700px}.proof{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.featured{transform:none}.price-card{min-height:540px}.pricing-head{align-items:flex-start}.faq{gap:60px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-header{height:70px;padding-inline:20px}.hero{height:820px;min-height:100svh}.hero-word{top:39%;font-size:34vw}.hero-portrait{height:auto;width:130%;max-width:none;bottom:13%}.hero-copy{bottom:8%;left:20px}.hero h1{font-size:45px}.hero-card{right:20px;bottom:31%;width:190px;padding:15px}.card-copy{font-size:12px}.scroll-cue{display:none}.section{padding:90px 20px}.about{padding-top:110px}.about-layout{margin:40px 0 80px}.about-lead{font-size:43px}.marquee{margin-inline:-20px}.section-heading h2,.pricing-head h2,.comparison h2,.faq h2{font-size:44px}.process,.pricing{padding-inline:20px}.process-grid{grid-template-columns:1fr}.process-card{min-height:300px}.process-icon{font-size:58px}.service-row{grid-template-columns:32px 1fr;gap:14px;min-height:0}.service-visual{grid-column:1/3;min-height:260px}.work-tabs{grid-template-columns:1fr}.work-tab{border-right:0;border-bottom:1px solid var(--line)}.work-stage{min-height:700px}.project-meta{padding:28px 22px}.project-art{min-height:390px}.project-screen{width:86%}.comparison-grid{grid-template-columns:1fr}.compare-card{min-height:350px}.compare-card ul{padding-top:35px}.pricing-head{display:grid;gap:35px}.pricing-grid{gap:14px}.price-card{padding:25px;min-height:570px}.proof{padding:100px 20px}.journal-grid{grid-template-columns:1fr}.article-art{height:340px}.split-heading{grid-template-columns:1fr}.split-heading .text-link{margin-top:25px;width:max-content}.faq{gap:45px}.contact{height:620px}.contact h2{font-size:64px}.contact-ring.ring-one{width:130vw;height:55vw}.contact-ring.ring-two{width:90vw;height:90vw}footer{grid-template-columns:1fr;gap:28px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.integration-track,.radar:after{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Reference-motion alignment pass */
.hero-word{
  color:#f6f2ed;
  -webkit-text-stroke:0;
  opacity:.94;
  text-shadow:0 0 80px rgba(255,50,24,.2);
  transform:translate3d(-50%,calc(-59% + var(--word-y,0px)),0) scale(var(--word-scale,1));
  will-change:transform;
}
.hero-portrait{
  --hero-x:0px;
  --hero-y:0px;
  --hero-scale:1;
  transform:translateX(-50%) translate3d(var(--hero-x),var(--hero-y),0) scale(var(--hero-scale));
  -webkit-mask-image:radial-gradient(ellipse 72% 76% at 50% 48%,#000 52%,rgba(0,0,0,.96) 65%,transparent 88%);
  mask-image:radial-gradient(ellipse 72% 76% at 50% 48%,#000 52%,rgba(0,0,0,.96) 65%,transparent 88%);
  will-change:transform,opacity;
}
.hero-copy,.hero-card,.site-header,.hero-word,.hero-portrait{transition-timing-function:cubic-bezier(.22,1,.36,1)}
body:not(.is-ready) .site-header{opacity:0;transform:translateY(-32px)}
body:not(.is-ready) .hero-word{opacity:0;transform:translate3d(-50%,-54%,0) scale(.92)}
body:not(.is-ready) .hero-portrait{opacity:0;transform:translateX(-50%) translateY(90px) scale(1.05)}
body:not(.is-ready) .hero-copy{opacity:0;transform:translateY(60px)}
body:not(.is-ready) .hero-card{opacity:0;transform:translateY(45px)}
.site-header{transition:opacity .8s .1s,transform .8s .1s}
.hero-word{transition:opacity 1s .15s,transform 1.25s .15s}
.hero-portrait{transition:opacity 1s .3s,transform .16s linear}
.hero-copy{transition:opacity .9s .55s,transform .9s .55s}
.hero-card{transition:opacity .9s .72s,transform .45s}
.hero-orbit{animation:orbit-drift 18s ease-in-out infinite alternate;will-change:transform}
.orbit-two{animation-duration:24s;animation-direction:alternate-reverse}
@keyframes orbit-drift{to{transform:translate(-50%,-50%) rotate(18deg) scale(1.06)}}

.reveal{opacity:0;transform:translate3d(0,64px,0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}
.reveal.visible{opacity:1;transform:translate3d(0,0,0)}
.process-card{--card-delay:0ms;transition:background .3s,opacity .75s cubic-bezier(.22,1,.36,1) var(--card-delay),transform .75s cubic-bezier(.22,1,.36,1) var(--card-delay)}
.process-card:nth-child(2){--card-delay:90ms}.process-card:nth-child(3){--card-delay:180ms}.process-card:nth-child(4){--card-delay:270ms}
.process-card .process-icon{transform:scale(.6);opacity:.35;transition:transform 1s cubic-bezier(.22,1,.36,1) var(--card-delay),opacity .8s var(--card-delay)}
.process-card.visible .process-icon{transform:scale(1);opacity:1}

.service-list{position:relative}
.service-row{
  position:sticky;
  top:84px;
  background:#090909;
  border:1px solid var(--line);
  margin-bottom:56px;
  padding:34px;
  transform-origin:50% 0;
  will-change:transform;
  box-shadow:0 -24px 60px rgba(0,0,0,.4);
}
.service-row:nth-child(2){top:98px}.service-row:nth-child(3){top:112px}.service-row:nth-child(4){top:126px}
.service-visual{transform:scale(1.08);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.service-row.visible .service-visual{transform:scale(1)}
.project-art{overflow:hidden}
.project-screen,.project-glow{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .5s}
.work-stage.is-switching .project-screen{transform:perspective(900px) rotateY(-8deg) rotateX(3deg) scale(1.1);opacity:.3}
.work-stage.is-switching .project-glow{transform:scale(.75);opacity:.3}
.work-stage[data-active="lumen"] .project-art{background:radial-gradient(circle at 45% 45%,#873a27,#1c0b08 55%,#0b0b0b)}
.work-stage[data-active="arc"] .project-art{background:radial-gradient(circle at 60% 40%,#aa301d,#210a07 50%,#090909)}

.pricing{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(520px,1fr);
  align-items:start;
  gap:8vw;
}
.pricing-head{
  position:sticky;
  top:96px;
  display:grid;
  gap:38px;
  align-items:start;
  margin:0;
}
.pricing-grid{grid-template-columns:1fr;gap:56px}
.price-card{
  position:sticky;
  top:90px;
  margin-bottom:22px;
  transform-origin:50% 0;
  will-change:transform;
  box-shadow:0 -12px 40px rgba(25,22,20,.13);
}
.price-card:nth-child(2){top:108px}.price-card:nth-child(3){top:126px}
.featured{transform:none}

.article-card .article-art{transform:scale(1);transition:transform .8s cubic-bezier(.22,1,.36,1),border-color .3s}
.article-card:hover .article-art{transform:scale(.985)}
.article-card:hover h3{color:var(--coral)}
.contact-ring{animation:contact-orbit 22s linear infinite;will-change:transform}
.ring-two{animation-direction:reverse;animation-duration:29s}
@keyframes contact-orbit{to{transform:translate(-50%,-50%) rotate(352deg)}}
.contact-button i{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.contact-button:hover i{transform:rotate(45deg)}
.compare-card,.price-card,.article-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.compare-card:hover{transform:translateY(-8px)}
.price-card:hover{box-shadow:0 30px 70px rgba(0,0,0,.16)}

@media(max-width:980px){
  .pricing{display:block}
  .pricing-head{position:relative;top:auto;margin-bottom:64px}
  .price-card{position:relative;top:auto!important}
  .service-row{top:76px;padding:26px}
}
@media(max-width:680px){
  .hero-word{color:rgba(255,255,255,.92)}
  .hero-portrait{-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 55%,transparent 90%);mask-image:radial-gradient(ellipse 80% 75% at 50% 45%,#000 55%,transparent 90%)}
  .service-row{position:relative;top:auto!important;margin-bottom:22px;padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .hero-orbit,.contact-ring{animation:none}
  body:not(.is-ready) .site-header,body:not(.is-ready) .hero-word,body:not(.is-ready) .hero-portrait,body:not(.is-ready) .hero-copy,body:not(.is-ready) .hero-card{opacity:1;transform:none}
}


/* Structural alignment pass */
.about{padding-top:160px}
.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start;margin:0 0 80px}
.about-label{min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.about-label>p{font:400 clamp(24px,2.8vw,42px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0;color:#d8d3cd}
.about-statement{font:500 clamp(18px,2.25vw,34px)/1.28 "Space Grotesk",sans-serif;color:#a39e99;max-width:800px}
.about-statement .text-link{display:flex;width:max-content;margin-top:45px;color:#f4f0eb;font:500 12px "DM Sans",sans-serif;letter-spacing:0}
.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.logo-grid>div{height:160px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px;color:#8c8782;font:500 14px "Space Grotesk",sans-serif;transition:color .3s,background .3s}
.logo-grid>div:hover{color:#fff;background:#121212}
.logo-symbol{font-size:25px;color:var(--coral)}

.process{position:relative;overflow:hidden;background:#090909;color:var(--ink)}
.process:before{content:"";position:absolute;left:-20vw;bottom:-25vw;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(255,53,27,.38),rgba(255,53,27,.08) 28%,transparent 66%);pointer-events:none}
.process .section-heading,.process .process-grid{position:relative;z-index:1}
.process .section-kicker{color:#777}
.process-grid{grid-template-columns:repeat(2,1fr);margin-left:40%;border-color:var(--line)}
.process-card{min-height:300px;background:rgba(13,13,13,.88);border-color:var(--line);backdrop-filter:blur(8px)}
.process-card:hover{background:#151313}
.process-card>span,.process-card p{color:#777}
.process-card h3{color:#f2eee8}
.process-icon{font-size:58px}
.process .section-heading{grid-template-columns:40% 60%}

.integration-band{position:relative;overflow:hidden;text-align:left;border-block:1px solid var(--line)}
.integration-band>p{margin:0}
.integration-copy{display:grid;grid-template-columns:.72fr 1fr .72fr;gap:5vw;align-items:end;margin-bottom:75px}
.integration-copy h2{margin:0;font:400 clamp(42px,5.5vw,82px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.06em}
.integration-copy>p{font-size:14px;line-height:1.6;color:#777;max-width:280px}
.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.integration-grid span{height:130px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:400 38px "Space Grotesk",sans-serif;color:#777;transition:color .3s,background .3s,transform .3s}
.integration-grid span:hover{color:var(--coral);background:#12100f;transform:scale(.96)}
.integration-band .integration-track{margin:70px calc(max(clamp(22px,5vw,74px),calc((100vw - var(--max))/2 + 74px))*-1) -130px;padding:30px 0;border-top:1px solid var(--line)}

@media(max-width:980px){
  .about-layout{grid-template-columns:1fr;gap:55px}
  .about-label{min-height:auto;gap:55px}
  .logo-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{margin-left:0}
  .process .section-heading{grid-template-columns:1fr}
  .integration-copy{grid-template-columns:1fr;gap:34px}
  .integration-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:680px){
  .about{padding-top:110px}
  .about-statement{font-size:20px}
  .logo-grid>div{height:110px;font-size:10px}
  .process-grid{grid-template-columns:1fr}
  .integration-grid{grid-template-columns:repeat(3,1fr)}
  .integration-grid span{height:95px}
  .integration-band .integration-track{margin-bottom:-90px}
}


/* PropGod hero review — only the approved logo and KAMI have changed */
.site-header .propgod-brand{width:clamp(138px,12vw,178px);height:52px;display:flex;align-items:center}
.site-header .propgod-brand img{display:block;width:100%;height:auto;object-fit:contain}
.hero-portrait.hero-kami{
  height:94%;
  width:auto;
  max-width:none;
  bottom:-16%;
  object-fit:contain;
  filter:none;
  -webkit-mask-image:none;
  mask-image:none;
}
body:not(.is-ready) .hero-portrait.hero-kami{transform:translateX(-50%) translateY(90px) scale(1.05)}
@media(max-width:980px){
  .hero-portrait.hero-kami{height:82%;width:auto;max-width:none;bottom:-6%}
}
@media(max-width:680px){
  .site-header .propgod-brand{width:138px}
  .hero-portrait.hero-kami{height:auto;width:110%;max-width:none;bottom:7%}
}

/* Mobile hero composition correction */
@media(max-width:680px){
  .hero-portrait.hero-kami{
    width:86%;
    height:auto;
    bottom:23%;
  }
  .hero-card{
    width:170px;
    right:14px;
    bottom:34%;
    padding:14px;
  }
  .hero-copy{z-index:7}
}

/* Hero revision 2 — KAMI enlarged by 20% */
.hero-portrait.hero-kami{height:112.8%;bottom:-25%;}
@media(max-width:980px){.hero-portrait.hero-kami{height:98.4%;width:auto;bottom:-14%;}}
@media(max-width:680px){.hero-portrait.hero-kami{height:auto;width:103.2%;bottom:19%;}}

/* Hero revision 3 — restore revision 1 KAMI scale */
.hero-portrait.hero-kami{height:94%;width:auto;bottom:-16%;}
@media(max-width:980px){.hero-portrait.hero-kami{height:82%;width:auto;bottom:-6%;}}
@media(max-width:680px){.hero-portrait.hero-kami{height:auto;width:86%;bottom:23%;}}

/* Hero revision 4 — larger on desktop, original size on tablet/mobile */
.hero-portrait.hero-kami{height:112.8%;width:auto;bottom:-25%;}
@media(max-width:980px){.hero-portrait.hero-kami{height:82%;width:auto;bottom:-6%;}}
@media(max-width:680px){.hero-portrait.hero-kami{height:auto;width:86%;bottom:23%;}}

/* Hero revision 5 — smaller headline */
.hero h1{font-size:clamp(42px,5vw,74px);line-height:.96;}
@media(max-width:680px){.hero h1{font-size:38px;line-height:1;}}

/* Hero revision 6 — PropGod copy and approved typography */
@font-face{
  font-family:"Inter";
  src:url("assets/inter-latin.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
body,button,input,textarea,select,.site-nav,.eyebrow,.section-kicker,.card-index,.card-copy,.pill,.tags,.billing-toggle{
  font-family:"Inter",Arial,sans-serif;
}
h1,h2,h3,.hero h1,.section-heading h2,.pricing-head h2,.comparison h2,.faq h2,.contact h2,
.about-label>p,.about-statement,.service-main h3,.project-meta h3,.price-card h3,.article-card h3,
.hero-word{
  font-family:Georgia,"Times New Roman",serif;
}
.hero h1{
  letter-spacing:-.045em;
  line-height:.98;
  max-width:720px;
}
.hero-card{font-family:"Inter",Arial,sans-serif}

/* Hero revision 7 — restore previous template typography */
body,button,input,textarea,select,.site-nav,.eyebrow,.section-kicker,.card-index,.card-copy,.pill,.tags,.billing-toggle,.hero-card{font-family:"DM Sans",Arial,sans-serif;}
h1,h2,h3,.hero h1,.section-heading h2,.pricing-head h2,.comparison h2,.faq h2,.contact h2,.about-label>p,.about-statement,.service-main h3,.project-meta h3,.price-card h3,.article-card h3,.hero-word{font-family:"Space Grotesk",Arial,sans-serif;}
.hero h1{letter-spacing:-.055em;line-height:.96;}

/* Hero revision 8 — raise composition and preserve full information */
@media(min-width:981px){
  .hero-portrait.hero-kami{bottom:-18%;}
  .hero-word{top:46%;}
  .hero-copy{bottom:14%;}
  .hero-card{bottom:14%;}
}
@media(min-width:681px) and (max-width:980px){
  .hero-portrait.hero-kami{bottom:-1%;}
  .hero-word{top:47%;}
  .hero-copy{bottom:12%;}
  .hero-card{bottom:12%;}
}
@media(max-width:680px){
  .hero-portrait.hero-kami{bottom:25%;}
  .hero-word{top:37%;}
  .hero-copy{bottom:11%;}
  .hero-card{bottom:36%;}
}

/* Hero revision 9 — main headline reduced by 20% */
.hero h1{font-size:clamp(34px,4vw,59px);}
@media(max-width:680px){.hero h1{font-size:30px;}}

/* About revision 2 — PropGod system grid */
.propgod-system-grid>div{
  justify-content:flex-start;
  padding:28px clamp(22px,3vw,44px);
  gap:18px;
}
.propgod-system-grid .logo-symbol{
  flex:0 0 32px;
  font-size:26px;
  text-align:center;
}
.system-copy{display:grid;gap:8px}
.system-copy strong{
  color:#ddd8d2;
  font:500 15px/1 "Space Grotesk",Arial,sans-serif;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.system-copy small{
  color:#706c68;
  font:400 12px/1.4 "DM Sans",Arial,sans-serif;
  max-width:190px;
}
.propgod-system-grid>div:hover .system-copy strong{color:#fff}
.propgod-system-grid>div:hover .system-copy small{color:#a8a29d}
@media(max-width:680px){
  .propgod-system-grid>div{padding:18px 14px;gap:10px;min-height:126px;height:auto;align-items:flex-start;flex-direction:column}
  .system-copy strong{font-size:12px}
  .system-copy small{font-size:10px}
}

/* Process revision — one explanation card and three approved KAMI poses */
.process-intro{justify-content:space-between;padding:30px}
.process-intro-mark{margin:auto 0;color:var(--red);font:400 74px/1 "Space Grotesk",sans-serif}
.process-intro h3{font-size:27px}
.process-intro p{max-width:315px}
.process-character-card{isolation:isolate;overflow:hidden;justify-content:flex-end;padding:0;background:#0c0e0e}
.process-character-card:hover{background:#0c0e0e}
.process-character-card>span{position:absolute;z-index:4;top:24px;left:24px;color:rgba(255,255,255,.52)}
.process-character-card img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.08);transition:transform .7s cubic-bezier(.22,1,.36,1);filter:saturate(.85) contrast(1.04);-webkit-mask-image:radial-gradient(ellipse 76% 88% at 50% 50%,#000 63%,transparent 100%);mask-image:radial-gradient(ellipse 76% 88% at 50% 50%,#000 63%,transparent 100%)}
.process-character-card:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,8,8,.2) 68%,rgba(8,8,8,.92) 100%);pointer-events:none}
.process-character-card h3{position:relative;z-index:3;margin:0;padding:0 28px 24px;color:#f5f1eb;font-size:29px;letter-spacing:-.035em}
.process-character-card:hover img{transform:scale(1.12)}

@media(max-width:680px){
  .process-intro{min-height:320px}
  .process-character-card{min-height:430px}
  .process-character-card img{transform:scale(1.02)}
  .process-character-card:hover img{transform:scale(1.05)}
}

/* Capabilities revision — a clear before, during, recovery and review journey */
.service-main p{max-width:560px}
.live-status{position:absolute;z-index:3;left:28px;bottom:24px;display:grid;gap:7px;padding:14px 17px;background:rgba(8,8,8,.72);border:1px solid var(--line);backdrop-filter:blur(10px)}
.live-status span{color:var(--coral);font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.16em}
.live-status strong{color:#f3f0eb;font:500 18px/1.15 "Space Grotesk",sans-serif}
.visual-kami{background:#0c0e0e}
.visual-kami img{position:absolute;left:-3%;bottom:-8%;width:73%;height:112%;object-fit:contain;object-position:center bottom;filter:saturate(.88) contrast(1.04);-webkit-mask-image:radial-gradient(ellipse 76% 90% at 50% 52%,#000 63%,transparent 100%);mask-image:radial-gradient(ellipse 76% 90% at 50% 52%,#000 63%,transparent 100%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.visual-kami:hover img{transform:translateY(-5px) scale(1.025)}
.kami-mode-stack{position:absolute;z-index:3;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:9px}
.kami-mode-stack span{min-width:98px;padding:11px 13px;border:1px solid var(--line);background:rgba(9,9,9,.7);color:#918b86;font:500 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;text-align:center}
.kami-mode-stack span:last-child{border-color:var(--coral);color:#fff}

@media(max-width:680px){
  .visual-kami img{left:-7%;width:76%}
  .kami-mode-stack{right:14px}
  .kami-mode-stack span{min-width:82px;padding:10px 8px;font-size:8px}
}

/* KAMI guidance artwork — contemplative dojo with live, responsive board text */
.visual-dojo{background:#090a0a}
.visual-dojo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.visual-dojo:hover img{transform:scale(1.025)}
.visual-dojo:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.18),transparent 34%,rgba(5,5,5,.06));pointer-events:none}
.dojo-board-labels{position:absolute;z-index:2;inset:0;text-align:center;pointer-events:none;mix-blend-mode:multiply}
.dojo-board-labels span{position:absolute;top:20%;width:11%;height:31%;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#1f1a17;transform:translateX(-50%) rotate(-.15deg);filter:drop-shadow(0 0 1px rgba(30,20,15,.55))}
.dojo-board-labels span:nth-child(1){left:54%}
.dojo-board-labels span:nth-child(2){left:71%;transform:translateX(-50%) rotate(.2deg)}
.dojo-board-labels span:nth-child(3){left:90%;transform:translateX(-50%) rotate(-.15deg)}
.dojo-board-labels b{writing-mode:vertical-rl;text-orientation:upright;font:700 clamp(18px,1.75vw,27px)/1 "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;letter-spacing:.02em;color:#171513;text-shadow:0 0 1px #100c09,0 0 3px rgba(25,15,10,.42),1px 1px 0 rgba(20,12,8,.25)}
.dojo-board-labels small{font:600 clamp(5px,.4vw,7px)/1 "DM Sans",sans-serif;letter-spacing:.1em;color:#25201c;text-shadow:0 0 1px rgba(20,14,10,.35)}

@media(max-width:680px){
  .visual-dojo img{object-position:52% center}
  .dojo-board-labels{inset:0}
  .dojo-board-labels span{top:20%;width:11%;height:31%;gap:3px}
  .dojo-board-labels span:nth-child(1){left:54%}
  .dojo-board-labels span:nth-child(2){left:72%}
  .dojo-board-labels span:nth-child(3){left:93%}
  .dojo-board-labels b{font-size:15px}
  .dojo-board-labels small{font-size:5px;letter-spacing:.11em}
}

/* Client experience showcase — real isolated-dashboard screens with simulated data */
.project-meta{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:116px 55px 55px}
.project-meta>p:first-child{height:14px;margin:0 0 23px}
.project-meta h3{display:flex;align-items:center;height:82px;margin:0 0 18px;font-size:clamp(42px,4vw,62px)}
.project-meta>p:nth-of-type(2){height:78px;margin:0 0 24px}
.project-meta .tags{height:36px;display:flex;align-items:flex-start}
.project-dashboard{position:relative;z-index:2;width:88%;aspect-ratio:16/10;max-height:none;object-fit:contain;border:1px solid rgba(255,255,255,.34);box-shadow:0 34px 80px rgba(0,0,0,.7);transform:perspective(1000px) rotateY(-6deg) rotateX(2deg);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .3s}
.work-stage[data-active="protection"] .project-art{background:radial-gradient(circle at 45% 45%,#643125,#180a08 56%,#090909)}
.work-stage[data-active="journal"] .project-art{background:radial-gradient(circle at 60% 42%,#7a281a,#1c0a07 54%,#090909)}
.project-art:hover .project-dashboard{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg) scale(1.015)}
.work-stage.is-switching .project-dashboard{transform:perspective(1000px) rotateY(-6deg) rotateX(2deg) scale(1.06);opacity:.22}

@media(max-width:980px){
  .project-meta{min-height:360px;padding:58px 35px}
  .project-meta h3{height:72px}
  .project-meta>p:nth-of-type(2){height:68px}
  .project-dashboard{width:88%;max-height:none}
}
@media(max-width:680px){
  .project-meta{min-height:360px;padding:42px 22px}
  .project-meta h3{height:92px;margin-bottom:14px;font-size:42px}
  .project-meta>p:nth-of-type(2){height:96px;margin-bottom:20px}
  .project-meta .tags{height:auto}
  .project-dashboard{width:94%;max-height:none;transform:none}
  .project-art:hover .project-dashboard{transform:scale(1.01)}
  .work-stage.is-switching .project-dashboard{transform:scale(1.04);opacity:.22}
}

/* Founder statement — controlled quote scale and precisely aligned facts */
@media(max-width:980px){
  .stats{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
  .stat{min-height:145px;padding:26px 22px;border-right:1px solid var(--line)}
  .stat:last-child{border-right:0}
}
@media(max-width:680px){
  blockquote{font-size:30px;line-height:1.2}
  .stats{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}
  .stat{min-height:112px;padding:22px 0;border-right:0}
}

/* The Dojo — PropGod learning library */
.journal{position:relative;overflow:hidden}
.journal:before{content:"道";position:absolute;right:-.04em;top:.08em;font:400 clamp(260px,34vw,560px)/1 Georgia,"Yu Mincho",serif;color:rgba(255,255,255,.018);pointer-events:none}
.journal .section-heading,.journal-grid{position:relative;z-index:1}
.dojo-art{isolation:isolate;background:#0e1110}
.dojo-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,7,7,.06),rgba(6,7,7,.12) 48%,rgba(6,7,7,.82)),linear-gradient(90deg,rgba(9,10,10,.48),transparent 55%)}
.dojo-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.08);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.dojo-protect img{object-position:center 52%}
.dojo-reset img{object-position:center 45%}
.dojo-guide img{object-position:center 50%}
.dojo-art .dojo-number{position:absolute;z-index:2;left:22px;top:20px;font:500 10px/1 "Space Grotesk";letter-spacing:.18em;color:var(--coral);-webkit-text-stroke:0}
.dojo-art strong{position:absolute;z-index:2;right:20px;bottom:18px;writing-mode:vertical-rl;font:600 54px/1 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.08em;color:rgba(244,241,234,.9);text-shadow:0 2px 14px rgba(0,0,0,.85)}
.article-card h3{min-height:58px}
.article-card:hover .dojo-art img{transform:scale(1.045)}
.article-card:hover .dojo-art{border-color:var(--coral)}

/* Keep the client section label attached to its headline, matching The Dojo. */
.work .section-heading{grid-template-columns:1fr;gap:18px;align-items:start}
.work .section-heading h2{max-width:980px}
.footer-brand{width:160px;height:auto;display:block}
.footer-brand img{display:block;width:100%;height:auto}

/* Unified section-heading system: Sections 01–08 share one scale and rhythm. */
.section-title-group{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:28px;
}
.section-title-group .section-kicker{
  margin:0!important;
  font:500 11px/1.4 "DM Sans",Arial,sans-serif;
  letter-spacing:.18em;
}
.section-title-group h2{
  margin:0!important;
  font:400 clamp(50px,5.6vw,82px)/.98 "Space Grotesk",Arial,sans-serif;
  letter-spacing:-.06em;
}
.about-label.section-title-group{min-height:0;justify-content:flex-start}
.process>.section-title-group,.services>.section-title-group,.work>.section-title-group{margin-bottom:72px}
.comparison-copy>.section-title-group{margin-bottom:30px}
.comparison-copy>.section-title-group+p{margin-top:0}
.pricing-head>.section-title-group{align-self:start}
.journal .section-title-group,.faq .section-title-group{gap:28px}

@media(max-width:680px){
  .section-title-group{gap:22px}
  .section-title-group h2{font-size:44px;line-height:1}
  .process>.section-title-group,.services>.section-title-group,.work>.section-title-group{margin-bottom:52px}
}