/* ADMIND / dimensional design edition. Original content retained. */
:root{--bg:#EFEEE4;--cream:#F6F5EC;--ink:#1E2A15;--lime:#C6F24E;--ink-soft:#536046;--sh:0 2px 2px #1e2a1508,0 12px 26px -14px #1e2a1530;--sh-lg:0 2px 3px #1e2a150a,0 22px 44px -22px #1e2a1540;--line:rgba(30,42,21,.16)}
body{background:var(--bg);touch-action:pan-x pan-y pinch-zoom}
.wrap{width:min(1280px,90vw)}
h1,h2,h3{letter-spacing:-.035em}
:focus-visible{outline:3px solid #648d1f;outline-offset:5px}
header .nav{height:100px;border-bottom:1px solid var(--line)}
.brand-mark{filter:drop-shadow(0 5px 5px #1e2a1522)}
.menu-btn{right:5vw;top:25px;width:50px;height:50px;border-radius:50%;background:var(--ink);box-shadow:inset 0 1px 0 #ffffff30,0 7px 16px #1e2a1520}
.mobile-nav{right:5vw;top:86px;border:1px solid #ffffff22;box-shadow:0 24px 60px #15200f40;border-radius:22px}
.btn{border:1px solid #91b830;background:linear-gradient(165deg,#defd93 0%,#c6f24e 48%,#b9e942 100%);box-shadow:inset 0 2px 1px #ffffffa6,inset 0 -3px 1px #789e2633,0 4px 0 #88a83c,0 9px 16px -7px #1e2a1540;padding:1rem 1.65rem;min-height:48px;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -3px 1px #789e2633,0 6px 0 #88a83c,0 16px 24px -9px #1e2a1555}
.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #1e2a151a,0 1px 0 #88a83c}
.btn.sec{background:#ffffff66;border:1px solid #1e2a1533;box-shadow:inset 0 1px 0 #fff,0 3px 0 #1e2a1520,0 8px 15px -10px #1e2a1530}
#hero{padding:62px 0 45px;background:radial-gradient(ellipse at 80% 32%,#d8ecaa88,transparent 43%)}
#hero .wrap{z-index:2}
#hero h1{font-size:clamp(3.4rem,8vw,7rem);line-height:.94;letter-spacing:-.045em;max-width:10ch}
#hero .sub{max-width:43ch;font-size:clamp(1.1rem,1.65vw,1.3rem);line-height:1.55;margin:1.7rem 0 1.8rem}
#hero .sticker{font-family:var(--body);font-size:.875rem;font-weight:600;letter-spacing:.025em;filter:none;background:#f8faecb3;border:1px solid #7a94472a;padding:.55rem .95rem;border-radius:100px;box-shadow:inset 0 1px 0 #fff}
.hero-chip{width:clamp(290px,36vw,490px);right:max(4vw,calc((100vw - 1280px)/2));top:70px;filter:drop-shadow(0 40px 25px #293a243b) drop-shadow(0 5px 3px #1e2a1522)}
.hero-blob.a{width:37vw;height:37vw;right:1vw;top:0;background:radial-gradient(circle,#daefb288,transparent 65%);border-radius:50%;opacity:.7}
.hero-blob.b{display:none}
.hero-socials{gap:.6rem}
.hs{border:1px solid #1e2a1529;background:linear-gradient(145deg,#fff,#e9ecdf);width:43px;height:43px;border-radius:13px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c6cbb9,0 7px 12px -8px #1e2a1550}
.hs:hover{transform:translateY(-3px);box-shadow:0 5px 0 #adb99a,0 10px 16px -8px #1e2a1540}
.hs-label,.chain-cap{font-size:.875rem;letter-spacing:.08em}
.hero-chains{margin-top:3.8rem;gap:1.1rem;transform:rotate(-2deg);padding:14px 0 25px}
.chain-cap{transform:rotate(2deg);margin-bottom:10px}
.chain-row{padding:12px 0 25px}
.chain-tile{border:1px solid #1e2a1530;border-radius:20px;box-shadow:0 4px 0 #c2c7b7,0 12px 18px -12px #1e2a1580}
.chain-tile.is-ph{background-color:#e2e6d6;background-image:linear-gradient(135deg,#ffffffb3,transparent 70%)}
.chain-tile.is-ph span{font-size:.75rem;border:1px solid #1e2a152b;background:#ffffff70;color:#5a644c;box-shadow:inset 0 1px 0 #fff}
section.block{padding:clamp(4rem,7vw,6.5rem) 0}
.sec-head{max-width:860px;margin-bottom:3rem}
.sec-head h2{font-size:clamp(2.3rem,4.8vw,4.2rem);line-height:1.03;letter-spacing:-.035em}
.sticker{font-size:.875rem;letter-spacing:.07em;background:#e0edc6;border:1px solid #1e2a1517;box-shadow:inset 0 1px 0 #ffffff88}
#work{border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#d9e6bf,var(--cream) 65%)}
.xform-stage{padding:5rem 1.5rem;gap:2.8rem}
.xform-window{border:1px solid #586347;border-radius:34px;box-shadow:0 3px 0 #9ba88b,0 7px 0 #bac3ad,0 35px 55px -25px #1e2a1570;transform:perspective(1200px) rotateY(-7deg) rotateZ(2deg)}
#problem,#services,#stats{border-block:1px solid var(--line)}
.prob,.feat,.tst,.case,.price-card,.founder-card,.belief,.step,.job{border:1px solid #1e2a1526;border-radius:26px;box-shadow:var(--sh-lg);background:linear-gradient(150deg,#fff,#f8f9f2);transition:box-shadow .3s,translate .3s}
.prob,.feat,.tst{padding:2.1rem}
.prob h3,.feat h3{line-height:1.15;font-size:1.4rem;letter-spacing:-.025em}
.prob p,.case-txt,.step p,.belief p{font-size:1rem}
.feat .icon,.prob .x,.founder-mark,.proc-step,.belief .n{border:1px solid #1e2a1529;background:linear-gradient(145deg,#e5ffb0,#c6f24e 70%,#afd537);box-shadow:inset 0 2px 1px #ffffffb3,0 4px 0 #a0b779,0 10px 15px -8px #1e2a1540}
.prob .x{background:linear-gradient(140deg,#fff0dd,#ead7bd);box-shadow:inset 0 2px 1px #ffffffb3,0 3px 0 #c5b69e}
#how{background:#f7f7af;padding-top:3.5rem}
#how .sec-head::before{height:1px;background:#1e2a1533}
#how .sec-head .sticker{padding:.65rem 1.3rem}
.proc-item,.proc-item.is-split{max-width:1000px;padding:3rem 0;gap:1.8rem}
.proc-h{font-size:clamp(1.8rem,3vw,2.7rem);max-width:23ch}
.proc-step{width:58px;height:58px}
.proc-desc{font-family:var(--body);line-height:1.6}
.proc-item.is-tint::before{border-block:1px solid #1e2a1526}
.proc-frame.framed{border:1px solid #52603b;box-shadow:0 4px 0 #a5ad81,0 20px 40px -24px #1e2a1570;border-radius:22px}
.proc-outro{border-top:1px solid #1e2a1533;padding-top:2.5rem}
.proc-when{font-size:.875rem;letter-spacing:.03em}
.svc-grid{gap:1.1rem;max-width:1040px}
.svc{padding:.9rem 1.7rem;border:1px solid #1e2a152b;background:linear-gradient(160deg,#fff,#e9eddf);box-shadow:inset 0 2px 0 #fff,0 4px 0 #c5cdb6,0 10px 14px -10px #1e2a1544}
.svc:hover{transform:translateY(-4px);box-shadow:0 6px 0 #a7bb82,0 14px 20px -12px #1e2a1555}
#why{background:#dde2d3;border-block:1px solid var(--line)}
#pricing{background:radial-gradient(ellipse at 50% 20%,#e8eecd,#dce1d2 75%);border-block:1px solid var(--line)}
.price-grid{gap:1.8rem}
.price-head{border-bottom:1px solid var(--line);background:linear-gradient(150deg,#f9fbef,#e9eddd);padding:2rem 1.7rem}
.price-card.featured .price-head{background:linear-gradient(145deg,#e3ffa2,#c6f24e 68%,#b3dd47)}
.price-card.featured{box-shadow:0 0 0 1px #8fa958,0 5px 0 #a7bc7e,0 30px 45px -23px #1e2a1570}
.price-card.dark .price-head{background:linear-gradient(145deg,#3d5030,#1e2a15)}
.price-card .spots{border:1px solid #566745;box-shadow:0 4px 10px #1e2a1533;font-size:.75rem}
.cmp-wrap{border:1px solid #1e2a1526;box-shadow:var(--sh-lg)}
.cmp thead th{border-bottom:1px solid var(--line)}
.metric{border:1px solid #1e2a1529;box-shadow:inset 0 1px 0 #fff;background:linear-gradient(145deg,#fafcf3,#e5ebd8)}
.metric .m-lbl{font-size:.75rem}
.ph-banner{border:1px solid #1e2a1529;background:#e0ecbe;box-shadow:inset 0 1px 0 #ffffff80}
.roi-num{text-shadow:0 2px 0 #d6ddc9,0 5px 0 #c2cbb4,0 13px 18px #1e2a1520;letter-spacing:-.04em}
#founder{background:#e1e6d8;border-top:1px solid var(--line)}
.founder-card{max-width:850px;padding:2.5rem}
.faq-list{gap:1rem}
.faq-item{border:1px solid #1e2a152b;border-radius:18px;box-shadow:0 3px 0 #d6dbcb,0 10px 22px -18px #1e2a1540}
.faq-q{padding:1.4rem 1.5rem}
.faq-q .ic{border:1px solid #839b52;box-shadow:inset 0 1px 0 #ffffffaa}
#cta{background:radial-gradient(ellipse at 50% 0,#435834,#1e2a15 70%);border-top:1px solid #637553;padding-block:6rem}
#cta h2{font-size:clamp(2.5rem,5.8vw,5.2rem);letter-spacing:-.035em}
#cta h2 .hl{background:linear-gradient(140deg,#dfff9d,#c6f24e);box-shadow:0 3px 0 #91b349}
.lead-form{max-width:640px;padding:2rem;border:1px solid #ceddb833;border-radius:26px;background:#111c0c26;box-shadow:inset 0 1px 0 #ffffff0d,0 25px 45px -30px #0009}
.lead-form label{font-size:.875rem;letter-spacing:.03em}
.lead-form input,.lead-form select,.lead-form textarea{border:1px solid #ceddb849;background:#ffffff08;box-shadow:inset 0 2px 4px #00000012}
.foot-bottom{border-top:1px solid var(--line)}
.socials a{border:1px solid #1e2a1530;box-shadow:0 3px 0 #c0c9b0;background:linear-gradient(145deg,#fff,#e9eddf)}
.float-cta{box-shadow:0 4px 0 #88a83c,0 12px 35px #1e2a152e}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.prob:hover,.feat:hover,.tst:hover,.case:hover{translate:0 -6px;box-shadow:0 5px 0 #c4cdb6,0 28px 44px -22px #1e2a154d}}
@media(min-width:1000px){.xform-stage{display:grid;grid-template-columns:1fr 340px 1fr;max-width:1320px;margin:auto;gap:2rem;padding:6rem 2rem}.xform-window{height:auto;width:100%;grid-column:2;grid-row:1}.xform-h{grid-column:1;grid-row:1}.xform-sub{grid-column:3;grid-row:1}.xform-h .serif,.xform-h .chunk{font-size:3.5rem}.xform-sub .serif,.xform-sub .chunk{font-size:2.8rem}}
@media(max-width:1000px){.hero-chip{width:31vw;top:140px;right:3vw}#hero h1{font-size:clamp(3.7rem,8vw,6rem)}#hero .sub{max-width:39ch}.proc-step{position:static}.proc-item.is-split .proc-media{width:43%}}
@media(max-width:720px){header .nav{height:82px}.menu-btn{top:17px}#hero{padding-top:35px}#hero h1{font-size:clamp(3.3rem,11.5vw,5.1rem);max-width:10ch}#hero .sticker{font-size:.8rem}#hero .sub{max-width:100%;font-size:1.1rem;margin-top:1.5rem}.hero-chip{width:clamp(94px,24vw,170px);top:125px;right:4vw;opacity:1;filter:drop-shadow(0 15px 10px #1e2a1540)}#hero .cta-row{gap:.8rem}.btn{font-size:1rem;padding:.85rem 1.1rem}.hero-chains{margin-top:2.5rem}.sec-head{margin-bottom:2rem}.proc-item,.proc-item.is-split{padding:2.2rem 0}.proc-row{gap:1.1rem}.proc-item.is-split .proc-media{width:44%}.proc-desc{font-size:1rem}.founder-card{padding:1.7rem}.lead-form{padding:1.3rem}.cmp th,.cmp td{font-size:.875rem}.cmp thead th{font-size:.875rem}.brand-word{max-width:160px}.price-card.featured{transform:none}#cta{padding-block:4rem}}
@media(max-width:390px){#hero .sticker{font-size:.75rem}#hero h1{font-size:3.2rem}.hero-chip{width:90px;right:2vw;top:134px}.proc-row{flex-direction:column}.proc-item.is-split .proc-media{width:75%}.proc-item.is-split .proc-desc{text-align:center;max-width:32ch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.xform-window{transform:none}.hero-chains,.chain-cap{transform:none}.hero-chip{transform:none!important}.up{opacity:1!important;transform:none!important}}

/* Keep depth static: avoid large filtered/rotated paint surfaces during scrolling. */
.rv-w{will-change:auto}
.hero-chip{filter:drop-shadow(0 22px 18px #293a2433);will-change:auto}
.hero-chains,.chain-cap{transform:none}
.xform-window{transform:none}
.menu-btn,.mobile-nav{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Encoded motion occupies the same frame as the original illustration. */
.motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;pointer-events:none}
.motion-video.is-playing{opacity:1}
@media(prefers-reduced-motion:reduce){.motion-video{display:none}}

/* Process: three studio panels; depth comes from static light and materials. */
#how{background:#eeefe5;padding:clamp(3.5rem,7vw,6rem) 0}
#how>.wrap{width:min(1240px,92vw)}
#how .sec-head{margin-bottom:clamp(2rem,4vw,3.5rem)}
#how .sec-head::before{background:#89977355}
#how .sec-head .sticker{background:#e6f5cb;box-shadow:0 0 0 12px #eeefe5,inset 0 1px 0 #fff;border-color:#9dad842e;padding:.8rem 1.7rem;font-size:1rem}
#how .proc-item{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);grid-template-areas:'heading media' 'description media';grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:clamp(2rem,5vw,5rem);row-gap:1.8rem;max-width:1160px;margin:0 auto 2.2rem;padding:clamp(2rem,4.7vw,4rem);border:1px solid #9ca78b55;border-radius:36px;background:linear-gradient(125deg,#fffff4,#f6f7cf 70%,#eef3be);box-shadow:inset 0 1px 0 #fff,0 5px 0 #d5dac7,0 22px 36px -28px #26381b66;isolation:isolate;overflow:hidden;text-align:left}
#how .proc-row{display:contents}
#how .proc-head{grid-area:heading;align-items:flex-start;align-self:end;gap:1.4rem}
#how .proc-step{position:static;width:54px;height:54px;font-size:1.3rem;border-radius:17px;background:linear-gradient(145deg,#ecffbd,#c6f24e);box-shadow:inset 0 2px 0 #ffffffbb,0 4px 0 #a0b97c,0 12px 20px -13px #1e2a1566}
#how .proc-h{font-size:clamp(2rem,3.2vw,3rem);max-width:17ch;line-height:1.06;letter-spacing:-.035em}
#how .proc-desc{grid-area:description;align-self:start;text-align:left;max-width:36ch;margin:0;font-family:var(--body);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.65;color:#546145}
#how .proc-when{display:inline-block;margin-top:1.4rem;padding:.5rem 1rem;font-size:.875rem;letter-spacing:.03em;background:#e4edce;color:#3b4f29;border:1px solid #c0cea6;box-shadow:inset 0 1px 0 #ffffff88}
#how .proc-media{grid-area:media;align-self:center;justify-self:center;width:100%;max-width:500px;min-width:0;display:flex;align-items:center;justify-content:center;padding:0}
#how .proc-frame{width:100%;max-width:none;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#f7f7af;border:1px solid #b7c28266;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d1d8ab,0 22px 38px -28px #24351966}
#how .proc-frame .poster,#how .motion-video{border-radius:inherit}
#how .proc-item[data-step='1'] .proc-media{max-width:500px}
#how .proc-item[data-step='2']{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);grid-template-areas:'media heading' 'media description';background:radial-gradient(ellipse at 5% 20%,#425538,#24331d 65%);border-color:#617253;box-shadow:inset 0 1px 0 #ffffff22,0 5px 0 #192413,0 24px 38px -26px #1e2a1577}
#how .proc-item.is-tint::before{display:none}
#how .proc-item[data-step='2'] .proc-h{color:#f4f6e9}
#how .proc-item[data-step='2'] .proc-desc{color:#ced8bf}
#how .proc-item[data-step='2'] .proc-when{background:#ffffff0d;color:#d7f2a1;border:1px solid #a4b18c44;box-shadow:inset 0 1px 0 #ffffff11}
#how .proc-item[data-step='2'] .proc-frame{width:100%;aspect-ratio:700/560;border:1px solid #ecedc888;background:#f0e5ad;box-shadow:0 4px 0 #b9b68d,0 24px 34px -18px #0b120acc}
#how .proc-item[data-step='3']{background:linear-gradient(130deg,#f6f9f0,#e0e9cf);border-color:#b3c19b}
#how .proc-item[data-step='3'] .proc-media{max-width:380px;padding:14px;border:1px solid #ffffffaa;border-radius:36px;background:linear-gradient(145deg,#ffffff99,#b8c9a04d);box-shadow:inset 0 1px 0 #fff,0 15px 28px -22px #1e2a1566}
#how .proc-item[data-step='3'] .proc-frame{background:#faefb9;border-color:#52644299;box-shadow:0 3px 0 #9caa86,0 12px 20px -15px #1e2a1588;border-radius:23px}
#how .proc-outro{border:0;margin-top:3rem;padding-top:1rem;gap:1.5rem}
@media(max-width:760px){
 #how .proc-item,#how .proc-item[data-step='2']{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'media' 'description';padding:1.6rem;row-gap:1.8rem;border-radius:28px;margin-bottom:1.7rem}
 #how .proc-head{gap:1.1rem}
 #how .proc-h{font-size:clamp(1.9rem,6.8vw,2.6rem);max-width:100%}
 #how .proc-step{width:46px;height:46px;border-radius:14px}
 #how .proc-desc,#how .proc-item.is-split .proc-desc{max-width:100%;text-align:left;font-size:1.08rem}
 #how .proc-media,#how .proc-item.is-split .proc-media,#how .proc-item.is-split .proc-media:has(.framed){width:100%;max-width:500px}
 #how .proc-item[data-step='3'] .proc-media{max-width:360px}
 #how .proc-when{margin-top:1.1rem}
 #how .proc-frame{border-radius:23px}
}

/* Lightweight floating brand objects; section edges crop their exit path. */
#services,#stats,#pricing{position:relative;overflow:clip;isolation:isolate}
#services>.wrap,#stats>.wrap,#pricing>.wrap{position:relative;z-index:1}
.scroll-accent{position:absolute;z-index:0;pointer-events:none;user-select:none;width:clamp(90px,13vw,180px);transform-origin:center}
.scroll-accent img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px #26381b26)}
.accent-pen{left:-22px;top:30px;width:clamp(110px,15vw,205px)}
.accent-chip{right:-35px;top:35px}
.accent-growth{left:-20px;top:20px;width:clamp(100px,12vw,160px)}
@media(max-width:760px){
 .accent-pen{width:90px;left:-35px;top:4px}
 .accent-chip{width:94px;right:-38px;top:8px}
 .accent-growth{width:90px;left:-30px;top:4px}
 .scroll-accent img{filter:none}
}
@media(prefers-reduced-motion:reduce){.scroll-accent{transform:none!important;will-change:auto!important}}

/* Give every accent its own clear space before the section heading. */
#services,#stats,#pricing{padding-top:245px}
.scroll-accent{z-index:2;width:210px;top:20px}
.accent-pen{left:calc(50% - 105px);width:210px;top:12px}
.accent-chip{right:calc(50% - 105px);width:210px;top:18px}
.accent-growth{left:calc(50% - 105px);width:210px;top:15px}
@media(max-width:760px){
 #services,#stats,#pricing{padding-top:210px}
 .accent-pen{width:180px;left:calc(50% - 90px);top:10px}
 .accent-chip{width:180px;right:calc(50% - 90px);top:10px}
 .accent-growth{width:180px;left:calc(50% - 90px);top:10px}
 /* Chip auf Mobil: klein und rechts NEBEN der Ueberschrift, nicht darueber.
    Bewusst absolut positioniert — im Fluss schob er den ganzen Hero um rund
    170px nach unten. Die Ueberschrift ist auf 10ch begrenzt, rechts ihrer
    laengsten Textzeile bleiben rund 70px frei, genau dort sitzt er.
    Das Herausfliegen beim Scrollen macht GSAP per transform und bleibt davon
    unberuehrt. */
 .hero-chip{position:absolute;top:clamp(104px,calc(76px + 8.2vw),142px);
   right:clamp(3px,2vw,12px);width:clamp(68px,20vw,92px);margin:0}
}