.expand-media{--void:#09080e;--night:#110f18;--plate:#17141f;--plate-2:#1f1b29;--line:#ffffff17;--card-line:#ffffff24;--bone:#eeeaf6;--fog:#b1acc3;--dim:#8f8aa2;color:var(--bone)}.wrap.narrow{max-width:1100px}.pb-0{padding-bottom:0!important}.price-section .sec-eyebrow{color:#b9d99a}.price-section .sec-eyebrow .dot{background:#b9d99a}.price-highlight .sec-eyebrow+.display{margin-top:14px}.btn-light{background:var(--bone);color:var(--void)}@media (hover:hover) and (pointer:fine){.btn-light:hover{background:#302b38}}.intro{z-index:100;background:var(--void);place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.intro-logo{transform-origin:0 0;aspect-ratio:4820/1117;background:var(--bone);width:clamp(220px,140px + 26vw,520px);animation:rise-in .6s var(--ease-soft) both;-webkit-mask:url(/assets/logo-phoenix-webservices.svg) 50%/contain no-repeat;mask:url(/assets/logo-phoenix-webservices.svg) 50%/contain no-repeat}.anim-in{animation:rise-in var(--reveal-dur) var(--reveal-ease) both;animation-delay:calc(1.1s + var(--d,0s))}.seen .intro,html:not(.js) .intro{display:none}.seen .anim-in{animation-delay:var(--d,0s)}.d-0{--d:0s}.d-06{--d:60ms}.d-12{--d:.12s}.d-18{--d:.18s}.d-24{--d:.24s}.seen .hero-frame>.fx{animation-delay:0s}.progress{z-index:95;transform-origin:0;background:linear-gradient(90deg, var(--spark), var(--spark-2));height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.service-card,.why-card{scroll-margin-top:110px}.hero{padding:0}.hero+.section{padding-top:clamp(36px,5vw,64px)}.hero-frame{isolation:isolate;background:var(--void);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-frame>.fx{z-index:-2}.hero-frame:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(95% 60% at 50% 42%,#f6f3eef0,#f6f3ee99 70%,#0000),linear-gradient(#0000 60%,#f6f3eed9);position:absolute;inset:0}.hero-copy{width:100%;max-width:1360px;padding:max(120px, calc(96px + env(safe-area-inset-top,0px))) 14px 0;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-inline:auto;display:flex}.hero .eyebrow{color:#2e2838;background:#fff;border:1px solid #16131d14;border-radius:999px;align-items:center;gap:9px;width:fit-content;max-width:100%;margin:0 auto 32px;padding:7px 14px 7px 12px;font-size:clamp(12.5px,3.7vw,14px);font-weight:600;line-height:1.4;display:inline-flex;box-shadow:0 6px 18px -12px #16131d40}.hero .eyebrow .dot{background:var(--spark);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.hero .eyebrow .dot:after{content:"";border:1.5px solid var(--spark);opacity:0;border-radius:50%;animation:2.2s cubic-bezier(.2,.8,.4,1) 3 hero-dot-pulse;position:absolute;inset:-2px}@keyframes hero-dot-pulse{0%{opacity:.85;transform:scale(.6)}60%,to{opacity:0;transform:scale(2.4)}}.hero .h-a{color:#163e2d;letter-spacing:-.035em;text-wrap:balance;width:100%;font-size:min(11.2vw,52px);font-weight:750;line-height:1.03}.hero-title-line{white-space:nowrap;display:block}.hero-title-accent{color:#7c3aed;background:linear-gradient(110deg,#4f1dbf 0%,#7c3aed 38%,#a855f7 72%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:inline-block}.hero-lead{color:#2e2838;text-wrap:balance;width:100%;margin:30px auto 0;font-size:clamp(16px,4.5vw,18px);font-weight:500;line-height:1.42}.hero :is(.h-a,.hero-lead){text-shadow:0 0 6px #f6f3eef2,0 0 16px #f6f3eee6}.hero .hero-title-accent{text-shadow:none}.hero-actions{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;margin:46px auto 0;display:flex}.hero-actions .btn-arrow{transition:transform .25s var(--ease-soft)}.hero .btn-spark{outline-offset:4px;background:#3a8549;outline:2px solid #3a8549;width:90%;min-height:58px;padding:14px 22px;font-size:17px;box-shadow:0 8px 20px -14px #2a6034}.hero .btn-line,.hero .btn-line:hover{min-height:44px;color:var(--ink,#16131d);box-shadow:none;text-underline-offset:4px;background:0 0;padding:8px 16px;font-size:15px;text-decoration:underline 1.5px #16131d59;transition:text-decoration-color .16s,scale .12s ease-out}@media (hover:hover){.hero-actions .btn:hover .btn-arrow{transform:translate(4px)}.hero .btn-line:hover{text-decoration-color:currentColor}}@media (hover:hover) and (pointer:fine){.hero .btn-spark:hover{background:#357a43}}.pill-marquee{gap:7px;width:100%;margin-top:72px;padding-bottom:72px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.pm-row{contain:paint;overflow:hidden}.pm-track{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:max-content;display:flex}.pm-track span{letter-spacing:-.01em;white-space:nowrap;flex:none;margin-right:12px;padding:7px 18px;font-size:1.05rem;font-weight:550}.pm-track.spark span{color:#163e2dcc}.pm-track.ghost span{color:#16131d5c}@media (width<=600px) and (height<=680px){.hero-copy{padding-top:104px}.hero .eyebrow{margin-bottom:16px}.hero-lead{margin-top:16px}.hero-actions{margin-top:24px}.hero .btn-spark{min-height:54px}.pill-marquee{margin-top:18px;padding-bottom:40px}}@media (width>=601px){.hero-frame{justify-content:flex-start;min-height:clamp(560px,100svh,1120px);padding-top:96px}.hero-frame:after{background:radial-gradient(65% 55% at 50% 42%,#f6f3eef5 0%,#f6f3eee0 50%,#f6f3ee8c 75%,#0000 100%),linear-gradient(#0000 55%,#f6f3eef2 100%)}.hero-copy{flex:1;justify-content:center;padding:0 16px}.hero .eyebrow{gap:10px;margin-bottom:28px;padding:9px 18px 9px 16px;font-size:15.5px}.hero .h-a{font-size:clamp(3rem,min(1.8vw + 42px,7.5svh),4.8rem);line-height:1.04}.hero-lead{max-width:30em;margin-top:24px;font-size:clamp(20px,min(1.5vw,2.7svh),26px);line-height:1.4}.hero-actions{flex-flow:wrap;justify-content:center;gap:16px;max-width:none;margin-top:36px}.hero .btn-spark{width:auto;min-height:60px;padding:16px 30px}.hero .btn-line,.hero .btn-line:hover{text-underline-offset:5px;min-height:60px;padding:17px 20px;font-size:16px}.pill-marquee{gap:8px;margin-top:clamp(40px,6svh,72px);padding-bottom:clamp(48px,7svh,72px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.pm-track span{margin-right:14px;padding:7px 24px;font-size:clamp(1rem,.85rem + .5vw,1.35rem)}}@media (width>=601px) and (height<=820px){.hero-frame{padding-top:88px}.hero .eyebrow{margin-bottom:20px}.hero-lead{margin-top:18px}.hero-actions{margin-top:28px}.pill-marquee{margin-top:32px;padding-bottom:40px}}@media (width>=1100px){.hero-frame:after{background:radial-gradient(52% 50% at 50% 40%,#f6f3eee0,#0000 75%),linear-gradient(#0000 70%,#f6f3eed9)}.hero-lead{max-width:40em}.hero .h-a .hero-title-line{display:inline}.hero .h-a .hero-title-line:nth-child(2):after{content:"";display:block}}@media (prefers-reduced-motion:reduce){.hero .eyebrow .dot:after{animation:none;display:none}.pm-track{transform:none!important}}.price-lead{max-width:52ch;font-size:var(--lead);color:var(--fog);text-wrap:pretty;margin-top:18px;line-height:1.5}.reveal-words{letter-spacing:-.03em;font-size:clamp(1.8rem,1.2rem + 2.2vw,3.4rem);font-weight:600;line-height:1.1}.reveal-words span{color:#ddd7cf;transition:color .5s,text-shadow .5s}.reveal-words span.on{color:var(--bone)}.reveal-words span.on.last{color:var(--spark);text-shadow:0 0 30px color-mix(in oklab, var(--spark) 50%, transparent)}.spot{isolation:isolate;position:relative}.spot:before,.spot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.spot:before{z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--spark) 16%, transparent), transparent 60%)}.spot:after{z-index:3;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), var(--spark), transparent 60%);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.spot:hover:before,.spot:hover:after{opacity:.3}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}.service-card{background:var(--plate);border:1px solid var(--card-line);cursor:pointer;min-width:0;transition:transform .35s var(--ease-soft), border-color .25s, box-shadow .25s;border-radius:14px;flex-direction:column;justify-content:space-between;padding:32px 30px 28px;text-decoration:none;display:flex}.service-card:hover{border-color:color-mix(in oklab, var(--spark) 45%, var(--card-line));transform:translateY(-2px);box-shadow:0 12px 32px -16px #16131d14}.service-card:focus-visible{outline:2px solid var(--spark);outline-offset:4px}.service-card h3{letter-spacing:-.02em;color:var(--bone);font-size:clamp(1.35rem,1.15rem + .5vw,1.7rem);font-weight:700;line-height:1.2}.service-card .service-desc{max-width:48ch;color:var(--fog);margin-top:10px;font-size:.98rem;line-height:1.55}.service-visual{aspect-ratio:3/2;background:0 0;border-radius:12px;margin-top:20px;overflow:hidden}.service-visual img{object-fit:contain;width:100%;height:100%;transition:transform .4s var(--ease-soft);display:block}.service-card:hover .service-visual img{transform:translateY(-3px)}.service-card-link{color:var(--spark);transition:gap .2s var(--ease-soft), color .2s ease;align-items:center;gap:8px;margin-top:24px;font-size:14.5px;font-weight:600;display:inline-flex}.service-card:hover .service-card-link{color:var(--bone);gap:12px}.service-card-link svg{transition:transform .25s var(--ease-soft)}.service-card:hover .service-card-link svg{transform:translate(4px)}@media (width<=760px){.service-grid{grid-template-columns:1fr}.service-card{padding:26px 22px 22px}}.why-visual,.steps-stage{--muted:#6b655d;--dark:#1a1a1a;--ink:#1a1a1a;--surface:#ece6dc;--soft:#8a8494;--blue:var(--spark);--green:#156f3a}.ph-notch{background:#1b1b1d;border-radius:12px;width:72px;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.steps-wrap{--step-scroll:75vh;height:calc(100vh + 4 * var(--step-scroll));position:relative}.step-snap{display:none}@media (width>=901px){html:has(.step-snap){scroll-snap-type:y proximity}.step-snap{top:calc((var(--i) + .5) * var(--step-scroll));pointer-events:none;scroll-snap-align:start;width:1px;height:1px;display:block;position:absolute;left:0}}.steps-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);height:calc(100svh - 128px);display:grid;position:sticky;top:96px}.steps-list{gap:4px;min-width:0;display:grid}.steps-left{justify-self:center;gap:28px;width:100%;min-width:0;max-width:460px;display:grid}.steps-head .display{max-width:14ch;font-size:clamp(2.1rem,1rem + 2.4vw,3.6rem)}@media (width<=900px){.steps-left{display:contents}.steps-head{order:-2}}@media (width>=901px){.steps-list{width:100%;max-width:380px}}.steps-list li{cursor:pointer;padding:8px 0}.steps-list li h3{letter-spacing:-.03em;color:var(--soft);font-size:26px;font-weight:500;line-height:1.3;transition:color .4s}.step-body{opacity:0;transition:grid-template-rows .6s var(--ease-soft), opacity .5s;grid-template-rows:0fr;display:grid}.step-body>*{overflow:hidden}.steps-list li.active .step-body{opacity:1;grid-template-rows:1fr}.step-text{color:var(--muted);max-width:34ch;margin-top:6px;font-size:15px;line-height:1.4}.steps-stage{background:#efe9e0;border-radius:32px;height:min(520px,100svh - 180px);min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a,0 20px 40px -24px #46321e4d}.stage-blob{filter:blur(60px);opacity:.8;background:#f0cdbd;border-radius:50%;width:60%;height:70%;position:absolute}.stage-blob.a{animation:14s ease-in-out infinite drift-a;top:-10%;left:-5%}.stage-blob.b{background:#f5e1d3;animation:16s ease-in-out infinite drift-b;bottom:-20%;right:-10%}.stage{opacity:0;place-items:center;transition:opacity .25s ease-out;display:grid;position:absolute;inset:0}.stage.active{opacity:1}.step-visual{display:none}.stage-cap{justify-content:space-between;align-items:center;gap:8px;display:none}.stage-cap button{place-items:center;width:44px;height:44px;display:grid}.step-dots{justify-content:center;display:flex}.step-dots button:before{content:"";background:#16131d33;border-radius:9px;width:8px;height:8px;transition:width .2s ease-out,background .2s}.step-dots button.on:before{background:var(--spark);width:24px}.step-prev,.step-next{border:1px solid var(--card-line);border-radius:50%;font-size:24px;transition:opacity .2s,scale .15s ease-out}.stage-cap button:disabled{opacity:.3;cursor:default}.stage-cap button:active:not(:disabled){scale:.96}.phone.small{width:250px;height:480px;max-height:86%}.chat-head{align-items:center;gap:8px;margin-top:6px;padding-bottom:8px;display:flex}.chat-head div{line-height:1.25}.chat-head i{color:#fff;background:#b5581a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:600;display:grid}.chat-head b{font-size:13px;display:block}.chat-head span{color:var(--green);margin-top:1px;font-size:10px;display:block}.phone .bubble.in{color:var(--ink);background:#f0f0f2}.design-tool{color:#c7c7cc;background:#1f1f22;border-radius:14px;flex-direction:column;width:86%;height:78%;font-size:11px;display:flex;overflow:hidden;box-shadow:0 30px 60px -24px #00000080}.dt-top{justify-content:space-between;padding:10px 14px;display:flex}.dt-top em{background:var(--blue);color:#fff;border-radius:6px;padding:2px 10px;font-style:normal}.dt-body{flex:1;grid-template-columns:110px 1fr 110px;display:grid}.dt-left,.dt-right{flex-direction:column;gap:8px;padding:12px;display:flex}.dt-left p,.dt-right p{color:#8e8e93;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.dt-right span{background:#2c2c2e;border-radius:5px;padding:4px 8px}.dt-canvas{background:#fff;border-radius:6px;flex-direction:column;gap:8px;margin:14px 0;padding:14px;display:flex}.dtc-nav{background:#eee;border-radius:4px;width:100%;height:8px}.dtc-h{background:#1d1d1f;border-radius:4px;width:70%;height:18px;margin-top:14px}.dtc-h.s{outline:1.5px solid var(--blue);outline-offset:3px;width:45%;height:18px;margin-top:0}.dtc-btn{background:var(--dark);border-radius:99px;width:80px;height:18px}.dtc-img{background:linear-gradient(160deg,#f6c79a,#c98b55);border-radius:8px;flex:1}.code-tool{color:#d6d6db;background:#1b1b1e;border-radius:14px;width:84%;overflow:hidden;box-shadow:0 30px 60px -24px #00000080}.ct-tabs{background:#141416;font-size:11px;display:flex}.ct-tabs span{color:#8e8e93;padding:9px 16px}.ct-tabs span.on{color:#fff;background:#1b1b1e}.code-tool pre{padding:20px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.code-tool pre b{color:#7cc4ff;font-weight:400}.ct-term{color:#28c840;padding:8px 20px 16px;font:11px/1.6 ui-monospace,Menlo,monospace}.ct-term span{color:#8e8e93}.caret{vertical-align:middle;background:#8e8e93;width:6px;height:12px;margin-left:3px;animation:1s step-end infinite caret;display:inline-block}.phone.lock{color:#fff;background:linear-gradient(170deg,#5aa9e6,#2b5d8f 60%,#1b2f4a);align-items:center}.lock-date{opacity:.85;margin-top:20px;font-size:13px}.lock-time{letter-spacing:-.04em;font-size:64px;font-weight:600;line-height:1}.notif{backdrop-filter:blur(16px);text-align:left;background:#ffffff38;border-radius:16px;gap:10px;width:100%;margin-top:30px;padding:10px 12px;animation:.8s both fade-in;display:flex}.notif i{background:var(--dark);border-radius:8px;flex-shrink:0;width:30px;height:30px;position:relative}.notif i:before{content:"";background:#fff;position:absolute;inset:16%;-webkit-mask:url(/favicon.svg) 50%/contain no-repeat;mask:url(/favicon.svg) 50%/contain no-repeat}.notif div{min-width:0;line-height:1.3}.notif b{font-size:12px;display:block}.notif span{opacity:.9;margin-top:1px;font-size:12px;display:block}.toggles{gap:6px;width:78%;display:grid}.toggles .toggle{background:#2c2c2e;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.toggles i{background:#48484a;border-radius:20px;width:34px;height:20px;transition:background .3s;position:relative}.toggles i:after{content:"";width:16px;height:16px;transition:transform .35s var(--ease-soft);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggles .toggle.on i{background:var(--blue)}.toggles .toggle.on i:after{transform:translate(14px)}.search-mock{gap:8px;width:84%;display:grid}.sm-input{color:var(--muted);background:#f1ece4;border-radius:99px;padding:10px 14px;font-size:12px}.sm-result{background:#fff;border-radius:12px;padding:10px 14px;font-size:12px;display:grid;box-shadow:0 0 0 1px #0000000f}.sm-result.top{box-shadow:0 0 0 1.5px var(--blue), 0 14px 26px -14px #c8553d99}.sm-result span{color:var(--muted);font-size:10px}.chat-mock{gap:8px;width:86%;display:grid}.bubble{border-radius:18px;max-width:80%;padding:9px 13px;font-size:13px;line-height:1.35}.bubble.in{background:#3a3a3c;border-bottom-left-radius:6px;justify-self:start}.bubble.out{background:var(--blue);color:#fff;border-bottom-right-radius:6px;justify-self:end}.expand{height:140vh;position:relative}.expand-sticky{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.expand-media{contain:layout paint;border-radius:32px;width:460px;height:300px;position:relative;overflow:hidden}.expand-media .fx{width:100vw;height:100vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1.15)}.expand-shade{background:linear-gradient(#0000001a,#00000040 45%,#000000b8);position:absolute;inset:0}.expand-small{color:#fff;letter-spacing:-.04em;place-items:center;font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);font-weight:500;display:grid;position:absolute;inset:0}.expand-copy{opacity:0;padding:clamp(28px,5vw,72px);transition:opacity .6s;position:absolute;bottom:0;left:0;right:0}.expand-copy.show{opacity:1}.expand-h{color:#fff;letter-spacing:-.04em;max-width:16ch;font-size:clamp(2rem,1.2rem + 3.4vw,4.5rem);font-weight:500;line-height:1.05}.expand-sub{color:#ffffffd9;max-width:36ch;margin:16px 0 28px;font-size:clamp(1.05rem,.95rem + .4vw,1.35rem)}.scroll-hint{color:var(--muted);font-size:13px;transition:opacity .4s;position:absolute;bottom:28px}.sm-result{color:#1a1a1a}.why-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.why-arrows{flex-shrink:0;gap:8px;display:flex}.round-btn{width:46px;height:46px;color:var(--bone);border:1px solid var(--card-line);transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease-soft);background:#fff;border-radius:50%;place-items:center;font-family:-apple-system,Arial,sans-serif;font-size:26px;line-height:1;display:grid}.round-btn:hover{color:var(--spark);border-color:var(--spark);background:#fff;transform:none}.why-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:52px max(40px,50vw - 640px) 8px;scroll-padding-inline:max(40px,50vw - 640px);display:flex;overflow-x:auto}.why-scroller::-webkit-scrollbar{display:none}.why-card{scroll-snap-align:start;background:var(--plate);border:1px solid var(--card-line);opacity:.35;min-height:450px;transition:opacity var(--reveal-dur) var(--reveal-ease);border-radius:16px;flex-direction:column;flex:0 0 calc(min(100vw,1360px)/3 - 37.3333px);padding:32px 28px;display:flex}.why-card.in{opacity:1}.why-card h3{letter-spacing:-.02em;margin-top:12px;font-size:23px;font-weight:600;line-height:1.25}.why-visual{flex:1;place-items:center;margin-top:24px;display:grid;position:relative}.unique-mock{grid-template-columns:repeat(3,70px);grid-auto-rows:40px;gap:12px;display:grid}.unique-mock span{animation:bob 5s var(--ease-soft) infinite alternate;background:linear-gradient(160deg,#c2eba6,#397a45);border-radius:12px;box-shadow:0 16px 30px -16px #397a45}.unique-mock span:first-child{border-radius:12px 36px 12px 12px;grid-area:1/1/3/2}.unique-mock span:nth-child(2){background:linear-gradient(160deg,#e3f2d3,#72ad48);border-radius:999px;grid-area:1/2/2/4}.unique-mock span:nth-child(3){background:linear-gradient(160deg,#397a45,#1f4d2a);border-radius:50%;grid-area:2/2/3/3}.unique-mock span:nth-child(4){border-radius:36px 8px;grid-area:2/3/4/4}.unique-mock span:nth-child(5){background:linear-gradient(160deg,#e3f2d3,#72ad48);border-radius:8px;grid-area:3/1/4/3}.unique-mock span:nth-child(6){background:linear-gradient(160deg,#72ad48,#2a6034);border-radius:999px 999px 12px 12px;grid-area:4/1/5/4}.unique-mock span:nth-child(2){animation-delay:-1s}.unique-mock span:nth-child(3){animation-delay:-2s}.unique-mock span:nth-child(4){animation-delay:-3s}.unique-mock span:nth-child(5){animation-delay:-4s}.toggles .toggle,.chat-mock .bubble.in{background:var(--plate-2);color:var(--bone)}.team{padding-top:clamp(64px,8vw,112px)}.team .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px clamp(40px,6vw,96px);display:grid}.team-head{text-align:left;flex-direction:column;align-items:flex-start;max-width:440px;margin:0;display:flex;position:static}.team-head .display{text-align:left;max-width:12ch;margin-top:0}.team-head .sec-eyebrow+.display{margin-top:14px}.team-more{margin-top:28px}.team-lead{max-width:38ch;font-size:var(--lead);color:var(--fog);text-align:left;text-wrap:pretty;margin-top:20px;line-height:1.5}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(16px,3vw,24px);width:100%;display:grid}.team-person:nth-child(2){margin-top:0}.team-photo{aspect-ratio:4/5;background:var(--plate-2);border-radius:16px;position:relative;overflow:hidden}.team-photo img{object-fit:cover;width:100%;height:100%;display:block}.team-ph{background:radial-gradient(120% 90% at 30% 20%, #fbf8f3 0%, var(--plate-2) 55%, #e6dfd4 100%);place-items:end start;padding:20px;display:grid;position:absolute;inset:0}.team-ph:before{content:"";border:1px dashed var(--card-line);border-radius:10px;position:absolute;inset:12px}.team-ph span{font-family:var(--font);letter-spacing:0;color:var(--dim);font-size:13.5px;font-weight:600;position:relative}.team-person figcaption{padding:22px 4px 0}.team-person h3{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.05}@media (width<=900px){.team .wrap{grid-template-columns:1fr;gap:36px}.team-head{max-width:100%}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team-person:nth-child(2){margin-top:0}.team-person h3{font-size:24px}}@media (width<=600px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-person:nth-child(2){margin-top:0}.team-person figcaption{padding:12px 2px 0}.team-person h3{font-size:clamp(17px,4.5vw,21px)}}.steps-list li h3{color:#8a8494;font-size:30px;font-weight:700}.steps-list li.active h3{color:var(--bone)}.step-text{color:var(--fog)}.steps-stage{background:var(--night);box-shadow:inset 0 0 0 1px var(--card-line)}.stage-blob{background:var(--spark);opacity:.35}.stage-blob.b{background:var(--spark-2)}.dt-top em{background:var(--spark);color:#0b0a10}.expand-shade{background:linear-gradient(#09080e66,#09080e8c 45%,#09080ee0)}.expand-small{letter-spacing:-.03em;font-size:clamp(2rem,1.2rem + 3vw,3.4rem);font-weight:700}.expand-h{letter-spacing:-.035em;max-width:15ch;font-size:clamp(2.4rem,1.2rem + 4.4vw,6rem);font-weight:700;line-height:1}.expand-h em{color:#b5e08f;font-style:normal}.expand-sub{color:#fffc}.scroll-hint{font-family:var(--font);letter-spacing:0;color:var(--fog);font-size:13.5px;font-weight:600}@media (width<=1100px){.why-card{flex-basis:calc(50vw - 48px)}.steps-sticky{grid-template-columns:300px 1fr;gap:32px}}@media (width<=900px){.wrap.narrow{padding-inline:20px}.service-grid{grid-template-columns:1fr}.service-card h3{font-size:30px}.why-head{flex-direction:column;align-items:flex-start}.why-scroller{padding-inline:20px;scroll-padding-inline:20px}.why-card{flex-basis:82vw;min-height:400px}.steps-wrap{height:auto}.steps-sticky{grid-template-columns:1fr;height:auto;position:static}.steps-list li{border-color:var(--line)}.steps-list li h3{color:var(--bone)}.steps-list li .step-body{opacity:1;grid-template-rows:1fr}.steps-list li+li{margin-top:16px}.steps-stage{order:-1;height:400px}.steps-list li:not(.active) h3{color:var(--fog)}.steps-list li{transition:border-color .4s}.steps-list li.active{border-color:var(--spark)}}@media (width<=600px){.why-card h3{font-size:21px}.statement{padding-block:60px}.expand{height:160svh}.code-tool{width:90%}.code-tool pre{padding:16px;font-size:11px}}@media (hover:none){.service-card:hover{transform:none}.round-btn:hover{color:var(--bone);background:#fff;transform:none}.round-btn:active{transform:scale(.97)}.service-card:active{transform:scale(.99)}}@supports (padding:env(safe-area-inset-left)){.expand-copy{padding-bottom:calc(clamp(28px, 5vw, 72px) + env(safe-area-inset-bottom))}@media (width<=900px){.wrap.narrow{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}}}@media (prefers-reduced-motion:reduce){.intro{display:none}.service-card,.expand-copy{transition-property:color,background-color,border-color,box-shadow,opacity!important}.why-card{opacity:1}}.stage{pointer-events:none;transition:opacity .25s ease-out}@media (width>=901px){#ablauf{padding-top:32px}.steps-head .display{font-size:clamp(2rem,1rem + 2.2vw,3rem)}}#ablauf{scroll-margin-top:96px}@media (width<=900px){.steps-sticky{gap:24px}.steps-head .display{max-width:16ch;font-size:clamp(32px,6vw,44px);line-height:1.05}.js .steps-list{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:24px;gap:16px;margin:0;padding:0;display:flex;position:relative;overflow-x:auto}.js .steps-list::-webkit-scrollbar{display:none}.js .steps-list:focus-visible{outline-offset:6px}.js .steps-list li{background:var(--plate);cursor:auto;scroll-snap-align:start;border:0;border-radius:24px;flex-direction:column;flex:0 0 100%;align-items:stretch;min-width:0;padding:22px;display:flex}.js .steps-list li+li{margin-top:0}.js .steps-list li h3{color:var(--bone);letter-spacing:-.02em;order:-2;margin:0 0 18px;font-size:24px;line-height:1.2}.js .steps-list .step-body{opacity:1;grid-template-rows:1fr;transition:none}.js .steps-list .step-text{max-width:48ch;color:var(--fog);margin-top:18px;font-size:15px;line-height:1.55}.js .steps-sticky>.steps-stage{display:none}.step-visual{width:100%;height:clamp(248px,65vw,290px);min-height:0;box-shadow:none;background:radial-gradient(at 20% 15%,#dce8cd,#0000 70%),#eeeae2;border-radius:16px;flex:none;order:-1;display:block}.step-visual .stage{opacity:1;transition:none}.step-visual .phone.small{border-radius:26px;gap:5px;width:184px;height:calc(100% - 32px);max-height:none;padding:26px 10px 8px;box-shadow:0 0 0 5px #1b1b1d,0 14px 28px -20px #16131d66}.step-visual .bubble{max-width:96%;padding:5px 9px;font-size:10px}.step-visual .chat-head{padding-bottom:4px}.step-visual .design-tool{max-width:560px}.step-visual .dt-top{padding:8px 10px}.step-visual .dt-body{grid-template-columns:64px minmax(0,1fr) 64px;min-height:0}.step-visual .dt-left,.step-visual .dt-right{gap:6px;padding:10px 6px;font-size:9px}.step-visual .dt-left p,.step-visual .dt-right p{font-size:8px}.step-visual .dt-right span{padding:4px}.step-visual .dt-canvas{gap:6px;min-width:0;margin:10px 0;padding:10px}.step-visual .dtc-h{height:12px;margin-top:6px}.step-visual .dtc-h.s{outline-offset:2px;height:12px;margin-top:0}.step-visual .dtc-btn{height:12px}.step-visual .dtc-img{border-radius:6px;min-height:36px}.step-visual .dtc-btn{max-width:100%}.step-visual .code-tool{max-width:560px}.step-visual .code-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(9px,2.5vw,13px)}.step-visual .design-tool,.step-visual .code-tool{width:calc(100% - 36px);height:calc(100% - 36px)}.step-visual .code-tool{flex-direction:column;display:flex}.step-visual .code-tool pre{flex:1}.step-visual .stage-blob{display:none}.step-visual .caret,.step-visual .notif{animation:none}.step-visual .lock-date{margin-top:0;font-size:10px}.step-visual .lock-time{font-size:44px}.step-visual .notif{gap:6px;margin-top:12px;padding:8px}.step-visual .notif i{width:24px;height:24px}.step-visual .notif div{min-width:0}.step-visual .notif b,.step-visual .notif span{font-size:10px;line-height:1.3;display:block}.stage-cap{gap:16px;display:flex}.stage-cap .step-prev,.stage-cap .step-next{background:var(--plate);border:0;flex:none}.step-dots{flex:1;gap:4px}.step-dots button{width:36px}.step-dots button:before{background:#d7ded2;width:20px;height:4px;transition:background-color .18s}.step-dots button.on:before{background:var(--spark);width:20px}}@media (prefers-reduced-motion:no-preference){.service-visual img{animation:10s ease-in-out infinite paused service-drift}.service-card:nth-child(2n) .service-visual img{animation-delay:-4s}.service-visual.is-moving img{animation-play-state:running}.motion-paused .service-visual img{animation-play-state:paused}}.price-section{isolation:isolate;color:#f6f3ee;background:#163e2d;margin-top:96px;padding-block:clamp(72px,9vw,128px);position:relative;overflow:hidden}.price-section:before{content:"";z-index:-1;background:0 0;position:absolute;inset:-30% -10%}.why-block{margin-top:clamp(64px,8vw,112px)}.price-section .why-head .display{color:#f6f3ee;margin-top:14px}.price-section .why-card{color:#16131d;background:#fff;border:1px solid #16131d1f;box-shadow:0 4px 18px -6px #0000002e}.price-section .why-card h3{color:#16131d}.price-section .round-btn{color:#163e2d;background:#fff;border-color:#e4f7c959}@media (hover:hover) and (pointer:fine){.price-section .round-btn:hover{color:#163e2d;background:#d4efac;border-color:#d4efac}}.price-highlight{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.price-highlight .display{max-width:11ch;margin-top:0;font-size:clamp(2.6rem,1.4rem + 3.6vw,5.2rem)}.price-highlight .price-lead{color:#d2dfd0;max-width:40ch}.price-more{margin-top:32px}.price-highlight .btn{color:#163e2d;white-space:normal;text-align:center;background:#d4efac;border-color:#0000}.price-highlight .btn:focus-visible{outline-offset:6px;outline-color:#d4efac}.price-preview{gap:16px;display:grid}.price-row{color:#16131d;border-radius:var(--card-radius,14px);transition:background-color .2s ease, transform .2s var(--ease-soft), box-shadow .2s ease;background:#fff;border:1px solid #16131d1f;justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,2.5vw,32px);display:flex;box-shadow:0 4px 18px -6px #0000002e}.price-row .label{color:#2a6034;font-weight:600}.price-row h3{letter-spacing:-.02em;color:#16131d;margin-top:8px;font-size:clamp(1.25rem,1rem + .6vw,1.6rem);font-weight:700;line-height:1.2}.price-row p{color:#4d4859;margin-top:10px;font-size:15px;line-height:1.5}.price-preview-arrow{color:#2a6034;transition:transform .25s var(--ease-soft);flex:none;font-size:28px}.price-row-end{flex:none;align-items:center;gap:18px;display:flex}.price-row-price{letter-spacing:-.02em;white-space:nowrap;color:#16131d;font-size:clamp(1.3rem,1rem + .9vw,1.9rem);font-weight:700}@media (width<=600px){.price-row{flex-direction:column;align-items:flex-start}.price-row-end{justify-content:space-between;width:100%}}.price-preview a.price-row:nth-child(2){border:2px solid #3a8549}.price-preview a.price-row:nth-child(2) .label{color:#2a6034;background:#e4f7c9;border-radius:99px;padding:3px 10px;display:inline-block}.price-preview a.price-row:nth-child(2) .price-row-price{color:#2a6034}.price-note{color:#c9d7c6;font-size:14px;line-height:1.5}@media (hover:hover) and (pointer:fine){.price-highlight .btn:hover{background:#e4f7c9}.price-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 28px -6px #00000047}.price-row:hover .price-preview-arrow{transform:translate(3px,-3px)}}@media (width<=900px){.price-section{margin-top:72px}.price-highlight{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.expand{height:auto}.expand-sticky{height:auto;position:relative;overflow:visible}.expand-media{will-change:auto;border-radius:0;width:100%;height:auto}.expand-media .fx{width:100%;height:100%;inset:0;transform:none}.expand-small,.scroll-hint{display:none}.expand-copy{opacity:1;transition:none;position:relative}.reveal-words span{transition:none}}#main{--home-h2:clamp(2rem, 1.2rem + 2.6vw, 3.6rem)}#main .display,#main .steps-head .display,#main .price-highlight .display,.contact-card .contact-main .display{font-size:var(--home-h2);line-height:1.04}.statement{padding-block:clamp(40px,4.5vw,64px)}@media (width>=901px){#ablauf{padding-top:96px}}.price-more .btn,.expand-copy .btn{min-height:var(--btn-height)}.price-row,.why-card{border-radius:var(--card-radius)}.price-preview-arrow{width:24px;height:24px}#main .contact-card .contact-main .display{font-size:clamp(2.5rem,1.4rem + 2.9vw,4rem);line-height:1.02}@media (width>=1100px){#main .contact-card .contact-main .display{font-size:clamp(2.5rem,1.4rem + 2.9vw,3.75rem)}}
