.tech-hero-logo{width:82px;height:82px;margin:0 0 26px;border-radius:20px;box-shadow:0 18px 38px -18px rgba(var(--accent-rgb),.48)}.tech-page .section-eyebrow{justify-content:flex-start;text-align:left}.tech-page .section-eyebrow:before{display:none}.tech-page .section-title{max-width:760px;margin-bottom:0;text-align:left;font-size:clamp(2rem,4.2vw,3.45rem);line-height:1.02}.tech-hero{min-height:680px;padding:76px 0 0;background:radial-gradient(ellipse at 74% 36%,var(--blue-100),transparent 48%),linear-gradient(145deg,var(--bg) 0%,var(--blue-50) 64%,var(--bg) 100%)}.tech-hero .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(36px,7vw,96px)}.tech-hero .hero-copy{position:relative;z-index:3;padding-bottom:76px}.tech-hero h1{max-width:570px;margin-bottom:28px;font-size:clamp(3.15rem,5.4vw,4.9rem);line-height:.94;letter-spacing:-.035em}.tech-hero .sub{max-width:560px;margin:0 0 34px;font-size:clamp(1.05rem,1.7vw,1.24rem)}.tech-hero .hero-stage{min-height:600px;align-items:center}.tech-hero .hero-stage .device{width:292px;transform:translate(48px,30px) rotate(1.5deg);animation:tech-float 7s var(--ease) infinite}.tech-hero .hero-stage .device.behind{display:block;width:226px;right:auto;left:22px;bottom:26px;transform:rotate(-7deg) translateY(16px);animation:none;opacity:.9}.tech-hero .hero-glow{width:520px;height:520px;opacity:.2}.tech-hero .hero-glow:before{display:none}.tech-hero .trustbar{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 22px;margin-top:30px}.tech-hero .trustbar li:last-child{grid-column:1 / -1}@keyframes tech-float{0%,to{transform:translate(48px,30px) rotate(1.5deg)}50%{transform:translate(48px,18px) rotate(.5deg)}}.tech-process-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,110px);align-items:start}.tech-process-heading{position:sticky;top:132px}.tech-process-heading .section-title{max-width:390px}.tech-workflow{grid-template-columns:1fr;gap:18px}.tech-page .tech-workflow .audience-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:30px 32px;border-radius:24px;box-shadow:var(--sh-sm)}.tech-page .tech-workflow .audience-card:hover{transform:none;box-shadow:var(--sh-md)}.tech-workflow .audience-card h3{margin:8px 0 0;font-size:1.25rem;line-height:1.15}.tech-workflow .audience-card li{grid-template-columns:38px minmax(0,1fr);padding:11px 0}.tech-showcase{overflow:hidden;background:linear-gradient(180deg,var(--bg-soft),var(--blue-50))}.tech-showcase-heading,.tech-principles-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,8vw,110px);align-items:end;margin-bottom:68px}.tech-showcase .showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(18px,4vw,50px)}.tech-showcase .showcase figure{align-items:stretch;max-width:none;gap:20px}.tech-showcase .showcase figure:nth-child(2){transform:translateY(-34px)}.tech-showcase .showcase figure:nth-child(3){transform:translateY(18px)}.tech-showcase .showcase .device{width:min(100%,268px);margin:0 auto}.tech-showcase .showcase figcaption{padding-top:15px;border-top:1px solid var(--border);text-align:left}.tech-showcase .showcase figure:hover .device{transform:translateY(-8px)}.tech-principles-grid{grid-template-columns:.92fr 1.08fr;grid-template-rows:repeat(2,minmax(190px,auto));gap:18px}.tech-principles .prop{display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto 1fr;gap:7px 20px;align-content:center;padding:32px;border:1px solid var(--border);border-radius:26px;background:var(--bg);box-shadow:var(--sh-sm);text-align:left;transition:border-color .32s var(--ease),box-shadow .32s var(--ease)}.tech-principles .prop:last-child{grid-column:2;grid-row:1 / 3;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;align-content:end;padding:clamp(34px,5vw,58px);background:linear-gradient(145deg,var(--blue-50),var(--bg))}.tech-principles .prop:hover{border-color:var(--blue-300);box-shadow:var(--sh-md)}.tech-principles .prop .icon{grid-row:1 / 3;width:58px;height:58px;margin:0}.tech-principles .prop:last-child .icon{grid-row:auto;width:76px;height:76px;margin-bottom:50px}.tech-principles .prop h4{font-size:1.2rem}.tech-principles .prop:last-child h4{font-size:clamp(1.5rem,3vw,2.15rem)}.tech-principles .prop p{max-width:480px}.tech-page section.tech-costs{overflow:hidden;padding:112px 0;background:var(--ink);color:var(--bg)}.tech-page section.tech-costs:before{display:none}.tech-costs-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,8vw,110px);align-items:end;margin-bottom:58px}.tech-costs .section-eyebrow{color:var(--blue-300)}.tech-costs .section-title{color:var(--bg)}.tech-costs .compare{position:relative;overflow:hidden;border-color:var(--ink-soft);border-radius:30px;background:color-mix(in srgb,var(--ink) 92%,var(--bg));box-shadow:0 30px 80px -30px rgba(var(--accent-rgb),.44)}.tech-costs .compare:before{content:"";position:absolute;z-index:0;inset:0 0 0 67.2%;background:linear-gradient(160deg,var(--blue-500),var(--blue-700))}.tech-costs .compare-row{position:relative;z-index:1;grid-template-columns:1.05fr 1fr 1fr;min-height:82px;padding:18px 26px;border-color:var(--ink-soft)}.tech-costs .compare-row.head{min-height:68px;background:transparent;color:var(--border)}.tech-costs .compare-row .what{color:var(--bg)}.tech-costs .compare-row .them{color:var(--border)}.tech-costs .compare-row .us,.tech-costs .compare-row.head .us{color:var(--bg);padding-left:26px}.tech-costs .compare-note{margin:22px auto 0;max-width:620px;text-align:center;font-size:.9rem;color:var(--border);opacity:.72}.tech-costs .compare-row:nth-child(-n+4):not(.head) .us{font-size:1.85rem;letter-spacing:-.035em}.tech-faq-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,110px);align-items:start}.tech-faq-heading{position:sticky;top:132px;padding-top:10px}.tech-faq .faq{max-width:none;margin:0}.tech-faq .faq details{margin:0;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}.tech-faq .faq details:first-child{border-top:1px solid var(--border)}.tech-faq .faq details[open]{border-color:var(--blue-300);box-shadow:none}.tech-faq .faq summary{padding:23px 54px 23px 0;font-size:1.04rem}.tech-faq .faq summary:after{right:8px}.tech-faq .faq .answer{max-width:680px;padding:0 54px 24px 0}.tech-page .cta-block{padding-top:28px}.tech-page .cta-block .cta-panel{padding:clamp(64px,9vw,100px) 32px;border-radius:42px;box-shadow:0 28px 74px -28px rgba(var(--accent-rgb),.48)}.tech-page .cta-block .cta-panel h2{font-size:clamp(2rem,4.5vw,3.5rem)}@media(max-width:900px){.tech-hero{min-height:0;padding-top:64px}.tech-hero .hero-grid{grid-template-columns:1fr;gap:0;text-align:center}.tech-hero .hero-copy{max-width:680px;margin:0 auto;padding-bottom:48px}.tech-hero-logo{margin:0 auto 24px}.tech-hero h1,.tech-hero .sub{margin-left:auto;margin-right:auto}.tech-hero .badges,.tech-hero .trustbar{justify-content:center}.tech-hero .hero-stage{min-height:540px;margin-top:0}.tech-process-layout,.tech-faq-layout{grid-template-columns:1fr;gap:46px}.tech-process-heading,.tech-faq-heading{position:static}.tech-process-heading .section-title{max-width:650px}}@media(max-width:760px){.tech-page .section-title{font-size:clamp(2rem,10vw,3rem)}.tech-showcase-heading,.tech-principles-heading,.tech-costs-heading{grid-template-columns:1fr;gap:14px;margin-bottom:46px}.tech-page .tech-workflow .audience-card{grid-template-columns:1fr;gap:8px;padding:28px 24px}.tech-workflow .audience-card h3{margin-bottom:10px}.tech-showcase .showcase{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:24px;margin:0 -24px;padding:12px 24px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.tech-showcase .showcase::-webkit-scrollbar{display:none}.tech-showcase .showcase figure{flex:0 0 min(72vw,270px);transform:none!important;scroll-snap-align:center}.js-reveal .tech-showcase .showcase figure{opacity:1;transform:none;will-change:auto}.tech-principles-grid{grid-template-columns:1fr;grid-template-rows:auto}.tech-principles .prop:last-child{grid-column:auto;grid-row:auto;min-height:330px}}@media(max-width:620px){.tech-page section.tech-costs{padding:88px 0}.tech-costs .compare{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.tech-costs .compare:before{display:none}.tech-costs .compare-row:not(.head){display:grid;grid-template-columns:1fr;gap:0;margin-bottom:14px;padding:0;overflow:hidden;border:1px solid var(--ink-soft);border-radius:22px;background:color-mix(in srgb,var(--ink) 92%,var(--bg))}.tech-costs .compare-row .what{padding:18px 18px 12px;font-size:1.03rem}.tech-costs .compare-row .them{padding:0 18px 18px}.tech-costs .compare-row .us{padding:16px 18px;border-radius:16px 16px 20px 20px;background:linear-gradient(155deg,var(--blue-500),var(--blue-700))}.tech-costs .compare-row .them:before{color:var(--border)}.tech-costs .compare-row .us:before{color:var(--bg)}.tech-costs .compare-row:nth-child(-n+4):not(.head) .us{font-size:1.7rem}}@media(max-width:540px){.tech-hero{padding-top:48px}.tech-hero-logo{width:72px;height:72px;border-radius:18px}.tech-hero h1{font-size:clamp(2.75rem,13vw,3.6rem)}.tech-hero .hero-stage{min-height:450px}.tech-hero .hero-stage .device{width:238px;transform:translate(32px,30px) rotate(1.5deg)}.tech-hero .hero-stage .device.behind{width:184px;left:2px;bottom:12px}.tech-hero .trustbar{display:flex}.tech-principles .prop,.tech-principles .prop:last-child{padding:28px 24px}.tech-principles .prop{grid-template-columns:52px minmax(0,1fr);gap:7px 16px}.tech-principles .prop .icon{width:52px;height:52px}.tech-principles .prop:last-child .icon{margin-bottom:38px}.tech-page .cta-block .cta-panel{border-radius:28px}.tech-page .cta-panel .app-store-badge img,.tech-page .cta-panel .play-badge img{height:40px}}@media(prefers-reduced-motion:reduce){.tech-hero .hero-stage .device{animation:none}.tech-showcase .showcase figure,.tech-showcase .showcase figure:hover .device{transform:none}.tech-showcase .showcase{scroll-behavior:auto}}:root{--blue-50: #fff6ed;--blue-100: #ffe7d1;--blue-300: #ffa54d;--blue-500: #f98a1f;--blue-600: #e06c00;--blue-700: #b35400;--accent-rgb: 194, 94, 0;--bg-soft: #fbf8f4;--border: #f3e8dc;--shadow: 0 6px 24px rgba(var(--accent-rgb), .1)}