:root{--blue:#2563eb;--electric:#3b82f6;--navy:#0f172a;--ink:#111827;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;--radius:28px;--shadow:0 24px 70px rgba(15,23,42,.10);--container:min(1180px,calc(100vw - 40px));--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:var(--container);margin-inline:auto}.narrow{max-width:820px}.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}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 14px;background:var(--navy);color:#fff;border-radius:10px;transform:translateY(-140%)}.skip-link:focus{transform:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor;border-radius:99px}.eyebrow.light{color:#93c5fd}.lead{font-size:clamp(1.08rem,1.6vw,1.28rem);color:var(--muted);line-height:1.75}.muted{color:#94a3b8}.section{padding:112px 0}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:54px}.section-head h2,.split h2,.showcase-intro h2,.pricing-banner h2,.contact-copy h2{font-size:clamp(2.3rem,5vw,4.7rem);line-height:.98;letter-spacing:-.052em;margin:16px 0 0;color:var(--navy)}.section-head p{color:var(--muted);font-size:1.04rem;max-width:500px}.btn{appearance:none;border:1px solid var(--blue);background:var(--blue);color:#fff;min-height:52px;padding:0 21px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px rgba(37,99,235,.18);transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,99,235,.25)}.btn:hover span{transform:translate(2px,-2px)}.btn:active{transform:scale(.98)}.btn span{transition:transform .2s}.btn-outline{background:#fff;color:var(--navy);border-color:#cbd5e1;box-shadow:none}.btn-outline:hover{border-color:#94a3b8;box-shadow:0 10px 25px rgba(15,23,42,.08)}.btn-light{background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}.btn-small{min-height:42px;padding:0 16px;border-radius:12px;font-size:.9rem}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-weight:800}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:84px;display:flex;align-items:center;background:rgba(255,255,255,.87);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(226,232,240,.58);transition:height .3s,box-shadow .3s,background .3s}.site-header.is-scrolled{height:70px;background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(15,23,42,.07)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;width:306px;max-width:42vw}.logo-svg{width:100%;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a:not(.btn){font-size:.91rem;font-weight:700;color:#475569;transition:color .2s}.main-nav>a:not(.btn):hover{color:var(--blue)}.menu-button{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-button span:not(.sr-only){display:block;width:26px;height:2px;background:var(--navy);margin:5px;border-radius:5px;transition:.25s}
.hero{min-height:810px;padding:170px 0 88px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0,#fff 78%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 68%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:490px;height:490px;right:-160px;top:60px;background:radial-gradient(circle,rgba(59,130,246,.12),rgba(59,130,246,0) 70%)}.orb-two{width:340px;height:340px;left:-170px;bottom:0;background:radial-gradient(circle,rgba(37,99,235,.08),rgba(37,99,235,0) 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:48px;align-items:center}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(3.3rem,5.5vw,6.3rem);line-height:.92;letter-spacing:-.064em;margin:18px 0 25px;color:var(--navy);max-width:720px}.hero .lead{max-width:690px}.price-strip{display:flex;gap:12px;margin:28px 0}.price-strip>div{display:flex;flex-direction:column;border:1px solid #dbe7fb;background:rgba(255,255,255,.8);padding:11px 16px;border-radius:14px;min-width:152px}.price-strip span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.price-strip strong{font-size:1.12rem;color:var(--blue)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.trust-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:28px 0 0;padding:0;list-style:none;color:#475569;font-size:.86rem;font-weight:700}.trust-list li:before{content:"✓";color:var(--blue);margin-right:7px}.hero-visual{position:relative;min-height:590px;perspective:1200px}.browser-frame{background:#fff;border:1px solid #dce5f0;border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.main-browser{position:absolute;width:88%;right:0;top:38px;transform:rotateY(-4deg) rotateX(1deg);transform-origin:center}.browser-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#f8fafc;border-bottom:1px solid #e8eef6;color:#94a3b8;font-size:.66rem}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.browser-bar span{margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-page{padding:22px;background:linear-gradient(145deg,#fff,#f8fbff);min-height:420px}.mock-nav{display:flex;align-items:center;gap:10px}.mock-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-size:.7rem}.mock-nav span{margin-left:auto;width:52px;height:6px;border-radius:20px;background:#dbe4ee}.mock-nav span+span{margin-left:0;width:43px}.mock-hero{padding:65px 20px 44px}.mock-hero small{font-size:.52rem;letter-spacing:.16em;color:var(--blue);font-weight:800}.mock-hero h2{font-size:2.7rem;line-height:.92;letter-spacing:-.05em;margin:12px 0;color:var(--navy)}.mock-hero h2 em{font-style:normal;color:var(--blue)}.mock-hero p{width:58%;height:7px;background:#cbd5e1;border-radius:8px}.mock-hero p:after{content:"";display:block;width:72%;height:7px;background:#e2e8f0;border-radius:8px;transform:translateY(12px)}.mock-hero button{border:0;width:105px;height:30px;background:var(--blue);border-radius:9px;margin-top:27px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-cards div{height:100px;border:1px solid #e2e8f0;background:#fff;border-radius:13px}.phone-frame{position:absolute;z-index:4;right:-4px;bottom:22px;width:180px;height:358px;border:8px solid var(--navy);border-radius:32px;background:#fff;box-shadow:0 30px 70px rgba(15,23,42,.2);overflow:hidden;transform:rotate(3deg)}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:55px;height:13px;background:var(--navy);border-radius:20px;z-index:2}.phone-content{padding:58px 18px 20px;background:linear-gradient(#eff6ff,#fff 60%);height:100%}.phone-content b{font-size:.7rem}.phone-content h3{font-size:1.55rem;line-height:1;letter-spacing:-.045em;color:var(--navy);margin:34px 0 24px}.phone-content span{display:block;width:90%;height:6px;background:#cbd5e1;border-radius:10px;margin:9px 0}.phone-content span+span{width:65%}.phone-content button{width:90px;height:28px;border-radius:8px;border:0;background:var(--blue);margin-top:19px}.floating-chip{position:absolute;z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:9px 12px;box-shadow:0 15px 30px rgba(15,23,42,.12);font-weight:800;font-size:.76rem;color:#334155}.chip-a{left:2%;top:22%}.chip-b{left:5%;bottom:18%;color:var(--blue)}
.trust-band{border-block:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}.trust-grid strong{color:var(--navy);font-size:.93rem}.trust-grid span{color:var(--muted);font-size:.76rem}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:38px;background:#fff;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.offer-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#bfdbfe}.offer-card.featured{background:linear-gradient(145deg,#f8fbff,#eef6ff);border-color:#bfdbfe}.offer-icon{position:absolute;right:28px;top:26px;font-size:4rem;line-height:1;font-weight:900;color:#eff6ff;letter-spacing:-.08em}.featured .offer-icon{color:#dbeafe}.pill{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:#eff6ff;border-radius:999px;padding:7px 10px;display:inline-block}.offer-card h3{font-size:2rem;letter-spacing:-.04em;margin:22px 0 8px;color:var(--navy)}.offer-card p{color:var(--muted);max-width:560px}.offer-price{display:flex;align-items:flex-end;gap:7px;margin:25px 0}.offer-price small{color:var(--muted);font-weight:800}.offer-price strong{font-size:2.5rem;line-height:1;color:var(--navy);letter-spacing:-.05em}.offer-card ul{padding:0;margin:20px 0 28px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.offer-card li{font-size:.9rem;color:#475569}.offer-card li:before{content:"✓";margin-right:8px;color:var(--blue);font-weight:900}.projects-section{background:#f8fafc}.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{min-width:0}.project-browser{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}.project-card:hover .project-browser{transform:translateY(-7px);box-shadow:0 30px 70px rgba(15,23,42,.14);border-color:#93c5fd}.project-image{height:360px;background:#eef2f7;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 4s ease,object-position 5s ease}.project-card:hover .project-image img,.showcase-card:hover .project-image img{transform:scale(1.025);object-position:bottom}.project-placeholder{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 70% 20%,rgba(59,130,246,.14),transparent 35%),linear-gradient(145deg,#fff,#eff6ff);color:var(--navy)}.project-placeholder span{font-size:3rem;font-weight:900;color:var(--blue)}.project-placeholder strong{font-size:1.25rem}.project-placeholder small{color:var(--muted)}.project-meta{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;padding:25px 5px}.project-meta h3,.project-meta h2{font-size:1.7rem;margin:6px 0;color:var(--navy);letter-spacing:-.035em}.project-meta p{color:var(--muted);margin:0;max-width:500px}.round-link{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border:1px solid #cbd5e1;border-radius:50%;font-weight:900;color:var(--blue);transition:.2s}.round-link:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(7deg)}.showcase-shell{background:var(--navy);color:#fff;padding:105px 0 125px;overflow:hidden}.showcase-intro h2{color:#fff;margin-bottom:45px}.showcase-intro h2 em{font-style:normal;color:#60a5fa}.horizontal-stage{width:100%;overflow:hidden;padding-left:max(20px,calc((100vw - 1180px)/2))}.horizontal-track{display:flex;gap:24px;width:max-content;will-change:transform}.showcase-card{width:min(610px,70vw);flex:0 0 auto}.showcase-card .browser-frame{box-shadow:none;border-color:#334155}.showcase-card .project-image{height:330px}.showcase-card>div:last-child{display:flex;justify-content:space-between;align-items:end;padding:16px 4px}.showcase-card>div:last-child span{color:#94a3b8;font-size:.8rem}.showcase-card h3{font-size:1.35rem;margin:3px 0}.showcase-empty{min-height:330px;background:#111e34;border:1px solid #334155;border-radius:26px;padding:50px;display:flex;flex-direction:column;justify-content:center}.showcase-empty p{color:#94a3b8;max-width:510px}.dark-section{background:#07111f;color:#fff}.dark-section .split{display:grid;grid-template-columns:1fr 1fr;gap:95px}.dark-section h2{color:#fff}.benefit-stack{display:flex;flex-direction:column;gap:0}.benefit-stack article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #233047}.benefit-stack article:first-child{border-top:1px solid #233047}.benefit-stack>article>strong{color:#60a5fa}.benefit-stack h3{margin:0 0 5px;font-size:1.25rem}.benefit-stack p{margin:0;color:#94a3b8}.process{background:#fff}.stack-cards{position:relative;max-width:980px;margin:0 auto}.stack-card{position:sticky;top:105px;display:grid;grid-template-columns:110px 1fr 1.2fr;align-items:center;gap:28px;min-height:180px;margin-bottom:22px;padding:32px 38px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 50px rgba(15,23,42,.06)}.stack-card:nth-child(2){top:118px}.stack-card:nth-child(3){top:131px}.stack-card:nth-child(4){top:144px}.stack-card:nth-child(5){top:157px}.stack-card>span{font-size:3rem;font-weight:900;color:#dbeafe;letter-spacing:-.08em}.stack-card h3{font-size:1.55rem;color:var(--navy);margin:0}.stack-card p{color:var(--muted);margin:0}.pricing-banner{position:relative;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #bfdbfe;border-radius:34px;padding:52px;display:grid;grid-template-columns:1.2fr .9fr auto;gap:38px;align-items:center;overflow:hidden}.pricing-banner:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(59,130,246,.08);right:-120px;top:-170px}.pricing-banner h2{font-size:clamp(2rem,3vw,3.3rem);position:relative;z-index:1}.pricing-pairs{display:flex;gap:14px;position:relative;z-index:1}.pricing-pairs>div{background:#fff;border:1px solid #dbeafe;border-radius:15px;padding:15px 18px;display:flex;flex-direction:column;min-width:145px}.pricing-pairs span{font-size:.72rem;color:var(--muted);text-transform:uppercase;font-weight:800}.pricing-pairs strong{font-size:1.25rem;color:var(--blue)}.pricing-banner .btn{position:relative;z-index:2}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}.stars{color:#f59e0b;letter-spacing:.08em}.stars span{color:#e2e8f0}.review-card blockquote{margin:18px 0;font-size:1.02rem;color:#334155}.review-card footer{display:flex;flex-direction:column}.review-card footer span{color:var(--muted);font-size:.78rem}.empty-state{border:1px dashed #cbd5e1;border-radius:24px;padding:45px;text-align:center;background:#f8fafc}.empty-state strong{font-size:1.25rem;color:var(--navy)}.empty-state p{color:var(--muted);margin-bottom:0}.cta-takeover{padding:115px 0;background:var(--blue);color:#fff;position:relative;overflow:hidden;isolation:isolate}.cta-takeover:before{content:"";position:absolute;z-index:-1;inset:-30%;background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.22),transparent 30%);transform:scale(.7);transition:transform 1.2s var(--ease)}.cta-takeover.is-visible:before{transform:scale(1.25)}.cta-takeover h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;max-width:850px;margin:18px 0 25px}.cta-takeover p{max-width:700px;color:#dbeafe;font-size:1.1rem;margin-bottom:30px}.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:start}.contact-copy{position:sticky;top:115px}.contact-copy p{color:var(--muted)}.contact-facts{margin-top:35px;border-top:1px solid var(--line)}.contact-facts>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.contact-facts span{color:var(--muted)}.contact-form{padding:35px;border:1px solid var(--line);border-radius:28px;background:#fbfdff;box-shadow:0 22px 55px rgba(15,23,42,.06)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:.86rem;color:#334155;margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:12px 13px;color:var(--navy);outline:none;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.contact-form textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.form-consent{font-size:.78rem;color:var(--muted);margin:-3px 0 20px}.form-consent a{text-decoration:underline}.form-alert{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:13px;padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;font-size:.84rem}.subhero{padding:175px 0 90px;background:linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.9;letter-spacing:-.06em;color:var(--navy);margin:20px 0}.subhero .lead{max-width:760px}.thanks{min-height:75vh;display:flex;align-items:center}.legal-hero{padding-bottom:60px}.legal{padding-top:70px}.legal h2{color:var(--navy);margin-top:42px}.legal p{color:#475569}.legal-warning{border-left:4px solid #f59e0b;background:#fffbeb;padding:18px 22px;border-radius:0 13px 13px 0}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.footer{padding:72px 0 20px;background:#07111f;color:#94a3b8}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{width:280px;filter:brightness(0) invert(1);opacity:.92}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid p{max-width:480px}.footer-grid strong{color:#fff;margin-bottom:8px}.footer-grid a,.link-button{color:#94a3b8;font-size:.9rem}.footer-grid a:hover,.link-button:hover{color:#fff}.link-button{appearance:none;background:none;border:0;padding:0;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1e293b;margin-top:55px;padding-top:20px;font-size:.76rem}.cookie-panel{position:fixed;z-index:1200;bottom:18px;left:50%;transform:translateX(-50%);width:min(850px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 30px 80px rgba(15,23,42,.2);padding:20px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cookie-panel[hidden]{display:none}.cookie-panel p{color:var(--muted);font-size:.85rem;margin:5px 0 0}.cookie-actions{display:flex;gap:8px;white-space:nowrap}
.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}.motion-ready .reveal:not(.is-visible){opacity:.001;transform:translateY(26px) scale(.99)}.motion-ready .hero-animate{animation:heroIn .85s var(--ease) both}.motion-ready .hero-animate:nth-child(2){animation-delay:.08s}.motion-ready .hero-animate:nth-child(3){animation-delay:.16s}.motion-ready .hero-animate:nth-child(4){animation-delay:.24s}.motion-ready .hero-animate:nth-child(5){animation-delay:.32s}.motion-ready .hero-animate:nth-child(6){animation-delay:.4s}.hero-visual.hero-animate{animation-delay:.26s}@keyframes heroIn{from{opacity:.001;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px;border-radius:8px}
@media(max-width:1080px){.main-nav{gap:14px}.main-nav>a:not(.btn){font-size:.84rem}.brand{width:260px}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:520px}.section{padding:90px 0}.pricing-banner{grid-template-columns:1fr 1fr}.pricing-banner .btn{grid-column:2}.dark-section .split{gap:55px}}
@media(max-width:900px){.site-header{height:74px}.brand{width:250px;max-width:70vw}.menu-button{display:block}.main-nav{position:fixed;inset:74px 16px auto 16px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 60px rgba(15,23,42,.14);padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:2px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.main-nav.is-open{opacity:1;visibility:visible;transform:none}.main-nav>a:not(.btn){padding:11px 10px;font-size:1rem}.main-nav .btn{margin-top:7px}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding-top:130px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:780px}.hero-visual{min-height:560px;width:min(720px,100%);margin:0 auto}.section-head,.contact-grid,.dark-section .split{grid-template-columns:1fr;gap:25px}.section-head p{max-width:700px}.contact-copy{position:static}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border-bottom:1px solid var(--line)}.trust-grid>div:nth-child(2){border-right:0}.offer-grid,.latest-grid,.archive-grid{grid-template-columns:1fr}.project-image{height:430px}.review-grid{grid-template-columns:1fr 1fr}.pricing-banner{grid-template-columns:1fr;padding:38px}.pricing-banner .btn{grid-column:auto;justify-self:start}.stack-card{grid-template-columns:80px 1fr}.stack-card p{grid-column:2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.horizontal-stage{overflow:auto;padding-bottom:10px;scroll-snap-type:x proximity}.horizontal-track{transform:none!important}.showcase-card{scroll-snap-align:start}.hero-visual[data-parallax]{transform:none!important}}
@media(max-width:640px){:root{--container:min(100% - 28px,1180px);--radius:22px}.section{padding:72px 0}.hero{padding:115px 0 62px}.hero h1{font-size:clamp(3rem,14vw,4.7rem)}.hero .lead{font-size:1rem}.price-strip{display:grid;grid-template-columns:1fr 1fr}.price-strip>div{min-width:0}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-list{display:grid;grid-template-columns:1fr 1fr}.hero-visual{min-height:390px}.main-browser{width:95%;top:20px}.mock-page{min-height:310px;padding:14px}.mock-hero{padding:40px 10px 28px}.mock-hero h2{font-size:2rem}.mock-cards div{height:65px}.phone-frame{width:126px;height:255px;right:0;bottom:7px;border-width:6px;border-radius:24px}.phone-content{padding:40px 12px 10px}.phone-content h3{font-size:1.05rem;margin:23px 0 16px}.phone-notch{width:40px;height:9px}.floating-chip{font-size:.62rem;padding:6px 8px}.chip-a{left:0}.chip-b{bottom:10%}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0!important;padding:16px 0!important}.section-head h2,.split h2,.showcase-intro h2,.pricing-banner h2,.contact-copy h2{font-size:clamp(2.4rem,11vw,3.8rem)}.section-head{margin-bottom:35px}.offer-card{padding:27px}.offer-card ul{grid-template-columns:1fr}.project-image{height:300px}.showcase-shell{padding:75px 0 90px}.showcase-card{width:86vw}.showcase-card .project-image{height:250px}.showcase-empty{min-height:280px;padding:30px}.dark-section .split{gap:50px}.stack-card{position:relative!important;top:auto!important;grid-template-columns:55px 1fr;padding:24px;margin-bottom:13px}.stack-card>span{font-size:2rem}.stack-card p{grid-column:1 / -1}.pricing-pairs{display:grid;grid-template-columns:1fr 1fr}.pricing-pairs>div{min-width:0}.review-grid{grid-template-columns:1fr}.cta-takeover{padding:82px 0}.cta-takeover h2{font-size:clamp(3.1rem,14vw,5.1rem)}.contact-form{padding:22px}.form-row{grid-template-columns:1fr}.subhero{padding:135px 0 65px}.subhero h1{font-size:clamp(3.2rem,15vw,5.4rem)}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column}.cookie-panel{align-items:stretch;flex-direction:column;gap:14px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .btn{white-space:normal}.project-meta{align-items:flex-start}.round-link{margin-top:8px}}
@media(max-width:380px){.trust-list{grid-template-columns:1fr}.price-strip{grid-template-columns:1fr}.pricing-pairs{grid-template-columns:1fr}.hero-visual{min-height:340px}.phone-frame{display:none}.project-image{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.hero-animate{animation:none!important}.horizontal-track,.hero-visual{transform:none!important}.project-image img{object-position:top!important;transform:none!important}.cta-takeover:before{transform:none!important}}

/* === V3: refined type scale + cinematic scroll experience === */
.section-head h2,.split h2,.showcase-intro h2,.pricing-banner h2,.contact-copy h2{
  font-size:clamp(2rem,3.8vw,3.65rem);line-height:1.02;letter-spacing:-.045em
}
.hero h1{font-size:clamp(2.9rem,4.55vw,4.95rem);line-height:.98;letter-spacing:-.055em;max-width:680px}
.cta-takeover h2{font-size:clamp(2.65rem,5.2vw,5.1rem);line-height:.96}
.subhero h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.96}

.cinematic-scroll{height:300vh;position:relative;background:#f7faff;isolation:isolate;border-block:1px solid #e6eef9}
.cinematic-sticky{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(145deg,#f8fbff 0%,#fff 48%,#f1f7ff 100%)}
.cinematic-grid-bg{position:absolute;inset:-10%;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 70% 50%,#000 0,transparent 66%);opacity:.72;transform:perspective(700px) rotateX(58deg) translateY(26%);transform-origin:center bottom}
.cinematic-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;will-change:transform}
.cinematic-glow-a{width:620px;height:620px;right:-120px;top:5%;background:radial-gradient(circle,rgba(59,130,246,.2),rgba(59,130,246,0) 68%)}
.cinematic-glow-b{width:460px;height:460px;left:24%;bottom:-240px;background:radial-gradient(circle,rgba(37,99,235,.12),rgba(37,99,235,0) 70%)}
.cinematic-layout{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center}
.cinematic-copy{max-width:440px;position:relative;z-index:8}
.cinematic-copy h2{font-size:clamp(2.25rem,4.1vw,4rem);line-height:.98;letter-spacing:-.052em;color:var(--navy);margin:17px 0 22px}
.cinematic-copy h2 em{font-style:normal;color:var(--blue)}
.cinematic-copy>p{color:var(--muted);font-size:1rem;max-width:420px}
.cinematic-steps{margin-top:34px;display:grid;gap:8px}
.cinematic-step{display:grid;grid-template-columns:36px 1fr;gap:0 12px;padding:12px 14px;border:1px solid transparent;border-radius:15px;opacity:.38;transform:translateX(0);transition:opacity .3s,transform .3s,border-color .3s,background .3s,box-shadow .3s}
.cinematic-step span{grid-row:1/3;font-size:.7rem;font-weight:900;letter-spacing:.08em;color:var(--blue);padding-top:2px}
.cinematic-step strong{font-size:.91rem;color:var(--navy)}
.cinematic-step small{font-size:.72rem;color:var(--muted);line-height:1.35}
.cinematic-step.is-active{opacity:1;transform:translateX(7px);border-color:#dbeafe;background:rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(37,99,235,.08)}
.cinematic-scene{height:min(650px,76vh);min-height:530px;position:relative;perspective:1600px;transform-style:preserve-3d;will-change:transform}
.cinematic-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(37,99,235,.15);border-radius:50%;transform-style:preserve-3d;pointer-events:none;will-change:transform}
.orbit-a{width:620px;height:260px;margin:-130px 0 0 -310px;transform:rotateX(72deg) rotateZ(-12deg);box-shadow:inset 0 0 45px rgba(59,130,246,.05)}
.orbit-b{width:460px;height:460px;margin:-230px 0 0 -230px;border-style:dashed;opacity:.65;transform:rotateX(66deg) rotateY(12deg) rotateZ(28deg)}
.cinematic-layer{position:absolute;left:50%;top:50%;width:68%;height:58%;margin-left:-34%;margin-top:-29%;border-radius:26px;border:1px solid rgba(59,130,246,.23);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(219,234,254,.35));box-shadow:0 30px 80px rgba(15,23,42,.08);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;transform-style:preserve-3d;will-change:transform,opacity}
.cinematic-layer span{font-size:.66rem;letter-spacing:.16em;font-weight:900;color:rgba(37,99,235,.6)}
.layer-one{transform:translate3d(-96px,-42px,-180px) rotateZ(-8deg);opacity:.42}
.layer-two{transform:translate3d(82px,54px,-120px) rotateZ(9deg);opacity:.52}
.layer-three{transform:translate3d(0,0,-70px) rotateZ(-2deg);opacity:.62}
.cinematic-browser{position:absolute;z-index:5;left:50%;top:50%;width:76%;margin-left:-38%;margin-top:-27%;border-radius:22px;overflow:hidden;border:1px solid #d7e3f2;background:#fff;box-shadow:0 45px 100px rgba(15,23,42,.19);transform-style:preserve-3d;transform:translate3d(42px,22px,30px) rotateX(11deg) rotateY(-15deg) rotateZ(1deg) scale(.82);will-change:transform,box-shadow}
.cinematic-browser-body{height:355px;padding:20px;background:linear-gradient(145deg,#fff,#f1f7ff)}
.cinematic-browser-nav{display:flex;gap:9px;align-items:center}.cinematic-browser-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-size:.7rem}.cinematic-browser-nav i{display:block;height:6px;width:48px;background:#d8e2ee;border-radius:99px}.cinematic-browser-nav i:first-of-type{margin-left:auto;width:58px}
.cinematic-browser-hero{padding:42px 15px 30px}.cinematic-browser-hero small{font-size:.52rem;letter-spacing:.17em;font-weight:900;color:var(--blue)}.cinematic-browser-hero strong{display:block;font-size:clamp(2rem,3vw,3.1rem);line-height:.95;letter-spacing:-.05em;color:var(--navy);margin-top:9px}.cinematic-browser-hero strong em{font-style:normal;color:var(--blue)}.cinematic-browser-hero p{width:52%;height:7px;background:#d5dfeb;border-radius:10px;margin:18px 0 0}.cinematic-browser-hero p:after{content:"";display:block;width:72%;height:7px;background:#e5ebf2;border-radius:10px;transform:translateY(11px)}.cinematic-browser-hero button{border:0;width:105px;height:30px;border-radius:9px;background:var(--blue);margin-top:28px}.cinematic-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cinematic-browser-cards i{display:block;height:62px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 16px rgba(15,23,42,.04)}
.cinematic-phone{position:absolute;z-index:7;right:1%;bottom:5%;width:155px;height:310px;border-radius:29px;border:7px solid var(--navy);background:linear-gradient(160deg,#eff6ff,#fff 70%);box-shadow:0 35px 80px rgba(15,23,42,.24);padding:48px 15px 18px;transform:translate3d(90px,70px,85px) rotateY(-18deg) rotateZ(10deg) scale(.78);opacity:.35;will-change:transform,opacity}.cinematic-phone-notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:48px;height:10px;background:var(--navy);border-radius:10px}.cinematic-phone small{font-size:.48rem;letter-spacing:.14em;color:var(--blue);font-weight:900}.cinematic-phone strong{display:block;font-size:1.25rem;line-height:1.05;letter-spacing:-.04em;color:var(--navy);margin:25px 0 20px}.cinematic-phone i{display:block;width:87%;height:6px;background:#d8e2ee;border-radius:10px;margin:8px 0}.cinematic-phone i+ i{width:62%}.cinematic-phone button{border:0;width:80px;height:26px;background:var(--blue);border-radius:8px;margin-top:15px}
.cinematic-chip{position:absolute;z-index:9;padding:10px 13px;border:1px solid #dbe5f1;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(15,23,42,.12);backdrop-filter:blur(8px);font-size:.8rem;font-weight:900;color:var(--navy);will-change:transform,opacity}.cinematic-chip small{display:block;font-size:.57rem;font-weight:700;color:var(--muted)}.cinematic-chip b{color:var(--blue)}.chip-speed{left:6%;bottom:17%;transform:translate3d(-50px,55px,120px);opacity:.25}.chip-responsive{right:3%;top:17%;transform:translate3d(60px,-25px,110px);opacity:.25}
.cinematic-progress{position:absolute;z-index:10;right:-10px;top:15%;bottom:15%;width:3px;background:#dbeafe;border-radius:99px;overflow:hidden}.cinematic-progress span{display:block;width:100%;height:0;background:linear-gradient(var(--electric),var(--blue));border-radius:99px;box-shadow:0 0 15px rgba(37,99,235,.35)}

/* Real, persistent cookie notice */
.cookie-panel{z-index:1400;bottom:20px;width:min(980px,calc(100vw - 32px));padding:22px 24px;display:block;border-radius:22px;border:1px solid #dbe5f1;box-shadow:0 34px 100px rgba(15,23,42,.25);background:rgba(255,255,255,.97);backdrop-filter:blur(18px)}
.cookie-panel[hidden]{display:none}.cookie-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.cookie-head>div{max-width:700px}.cookie-badge{display:block;font-size:.62rem;letter-spacing:.15em;font-weight:900;color:var(--blue);margin-bottom:5px}.cookie-head strong{font-size:1.13rem;color:var(--navy)}.cookie-head p{margin:5px 0 0;line-height:1.5}.cookie-privacy-link{font-size:.76rem;font-weight:800;color:var(--blue);white-space:nowrap;margin-top:4px}.cookie-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.cookie-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;cursor:pointer}.cookie-option>span{display:flex;flex-direction:column;min-width:0}.cookie-option strong{font-size:.78rem;color:var(--navy)}.cookie-option small{font-size:.62rem;color:var(--muted);line-height:1.3;margin-top:2px}.cookie-option input{position:absolute;opacity:0;pointer-events:none}.cookie-option>i{flex:0 0 auto;width:34px;height:20px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.cookie-option>i:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.2);transition:.2s}.cookie-option input:checked+i{background:var(--blue)}.cookie-option input:checked+i:before{transform:translateX(14px)}.cookie-option.is-required{cursor:default;background:#eff6ff;border-color:#bfdbfe}.cookie-option:focus-within{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.cookie-actions{justify-content:flex-end;display:flex;gap:8px}.cookie-status{min-height:0;margin:8px 0 -4px!important;color:var(--blue)!important;font-size:.72rem!important;text-align:right}

@media(max-width:1080px){.cinematic-layout{grid-template-columns:.72fr 1.28fr;gap:30px}.cinematic-scene{transform:scale(.92);transform-origin:center}.cinematic-copy h2{font-size:clamp(2.1rem,4vw,3.4rem)}}
@media(max-width:900px){
  .cinematic-scroll{height:auto}.cinematic-sticky{position:relative;height:auto;min-height:0;padding:90px 0}.cinematic-layout{grid-template-columns:1fr;gap:30px}.cinematic-copy{max-width:680px}.cinematic-steps{grid-template-columns:repeat(3,1fr)}.cinematic-step{grid-template-columns:28px 1fr}.cinematic-step small{display:none}.cinematic-scene{width:min(760px,100%);height:540px;min-height:0;margin-inline:auto;transform:none!important}.cinematic-browser{width:74%;margin-left:-37%}.cinematic-progress{display:none}.cinematic-grid-bg{transform:none;mask-image:linear-gradient(#000,transparent)}
  .cookie-options{grid-template-columns:1fr 1fr}.cookie-head{flex-direction:column;gap:8px}.cookie-privacy-link{margin:0}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(2.65rem,11.5vw,3.75rem);line-height:1}.section-head h2,.split h2,.showcase-intro h2,.pricing-banner h2,.contact-copy h2{font-size:clamp(2.05rem,9vw,3rem);line-height:1.03}.cta-takeover h2{font-size:clamp(2.7rem,11vw,4rem)}.subhero h1{font-size:clamp(2.7rem,12vw,4rem)}
  .cinematic-sticky{padding:72px 0}.cinematic-copy h2{font-size:clamp(2.25rem,10.5vw,3.15rem)}.cinematic-steps{grid-template-columns:1fr}.cinematic-step small{display:block}.cinematic-scene{height:385px}.cinematic-browser{width:90%;margin-left:-45%;margin-top:-30%;transform:none!important}.cinematic-browser-body{height:265px;padding:13px}.cinematic-browser-hero{padding:27px 8px 20px}.cinematic-browser-hero strong{font-size:1.8rem}.cinematic-browser-cards i{height:43px}.cinematic-phone{width:112px;height:225px;right:-2%;bottom:0;border-width:5px;padding:38px 10px 12px}.cinematic-phone strong{font-size:.92rem;margin:17px 0 13px}.cinematic-layer{width:84%;height:56%;margin-left:-42%;margin-top:-28%}.orbit-a{width:430px;height:190px;margin:-95px 0 0 -215px}.orbit-b{width:330px;height:330px;margin:-165px 0 0 -165px}.cinematic-chip{font-size:.66rem;padding:7px 9px}.chip-speed{left:0}.chip-responsive{right:0}
  .cookie-panel{bottom:10px;width:calc(100vw - 20px);padding:17px;border-radius:18px;max-height:calc(100vh - 20px);overflow:auto}.cookie-options{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions .btn{width:100%;white-space:normal}.cookie-status{text-align:left}
}
@media(max-width:380px){.cinematic-phone,.chip-speed{display:none}.cinematic-scene{height:320px}.cinematic-browser{width:98%;margin-left:-49%}}
@media(prefers-reduced-motion:reduce){.cinematic-scroll{height:auto}.cinematic-sticky{position:relative;height:auto;min-height:0;padding:90px 0}.cinematic-layout{grid-template-columns:1fr;gap:35px}.cinematic-scene{height:520px;transform:none!important}.cinematic-browser,.cinematic-layer,.cinematic-phone,.cinematic-chip,.cinematic-orbit{transform:none!important;opacity:1!important}.cinematic-progress{display:none}.cinematic-step{opacity:1!important;transform:none!important}}

/* =========================================================
   EVOLUTION-COMPUTER V4 — FULL-PAGE WEBSITE BUILD STORY
   ========================================================= */
.hero-v4{min-height:760px;padding-top:148px;padding-bottom:76px}.hero-grid-v4{grid-template-columns:.95fr 1.05fr;gap:58px}.hero-v4 h1{font-size:clamp(3.05rem,4.6vw,4.75rem);line-height:.96;max-width:760px}.hero-v4 .lead{max-width:650px}.hero-build-preview{position:relative;min-height:520px;perspective:1200px}.preview-grid{position:absolute;inset:3% -5% 0 5%;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 86%);transform:rotateX(58deg) rotateZ(-7deg) translateY(60px);opacity:.7}.preview-browser{position:absolute;left:2%;right:0;top:36px;border:1px solid #dbe4ee;border-radius:22px;background:#fff;box-shadow:0 38px 90px rgba(15,23,42,.14);overflow:hidden;transform:rotateY(-6deg) rotateX(2deg) rotateZ(1deg)}.preview-canvas{height:390px;padding:28px;background:linear-gradient(150deg,#fff,#f8fbff);position:relative}.preview-nav{display:flex;align-items:center;gap:10px}.preview-nav b{width:34px;height:34px;border:2px dashed #9fb8d6;border-radius:9px;display:grid;place-items:center;color:#94a3b8;font-size:.7rem}.preview-nav span{height:7px;width:54px;background:#e0e7ef;border-radius:99px}.preview-nav span:first-of-type{margin-left:auto}.preview-wire-title{width:68%;height:62px;border:2px dashed #bfd0e4;border-radius:12px;margin-top:66px}.preview-wire-line{height:8px;background:#e2e8f0;border-radius:99px;margin-top:16px}.preview-wire-line.a{width:60%}.preview-wire-line.b{width:42%}.preview-wire-button{width:116px;height:34px;border:2px dashed #93c5fd;border-radius:10px;margin-top:28px}.preview-wire-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.preview-wire-cards i{height:74px;border:2px dashed #d3deea;border-radius:12px}.preview-tag{position:absolute;z-index:2;background:#fff;border:1px solid #dbe5f0;border-radius:13px;padding:9px 12px;box-shadow:0 14px 32px rgba(15,23,42,.10);font-size:.72rem;font-weight:900;color:var(--navy)}.preview-tag-a{left:-2%;top:22%}.preview-tag-b{right:-1%;bottom:12%;color:var(--blue)}

.site-build-story{position:relative;isolation:isolate;background:linear-gradient(180deg,#fbfdff 0%,#fff 17%,#f8fbff 48%,#fff 74%,#f7fbff 100%);overflow:clip}.story-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 92%,transparent 100%);z-index:-2}.story-glow{position:absolute;width:700px;height:700px;border-radius:50%;pointer-events:none;filter:blur(3px);z-index:-1}.story-glow-a{right:-260px;top:10%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 68%)}.story-glow-b{left:-330px;top:58%;background:radial-gradient(circle,rgba(37,99,235,.09),transparent 68%)}
.story-sticky{position:sticky;top:0;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.story-stage{--structure:0;--design:0;--content:0;--responsive:0;--launch:0;position:absolute;right:2.5vw;top:50%;width:min(54vw,850px);height:min(78vh,720px);transform:translateY(-50%);perspective:1600px;transform-style:preserve-3d}.story-stage-head{position:absolute;z-index:30;left:5%;top:4%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(148,163,184,.34);border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 9px 22px rgba(15,23,42,.07);font-size:.62rem;letter-spacing:.11em;color:#475569}.story-stage-head strong{color:var(--navy);font-size:.61rem}.story-stage-head small{color:var(--blue);font-weight:900;font-size:.57rem}.story-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}.story-device-cluster{position:absolute;inset:9% 0 3%;transform-style:preserve-3d;will-change:transform,opacity}.story-notebook{position:absolute;z-index:10;left:50%;top:48%;width:82%;transform:translate(-50%,-50%) rotateX(1deg) rotateY(-7deg) rotateZ(.5deg);transform-style:preserve-3d;will-change:transform}.story-screen{position:relative;border:8px solid #111827;border-bottom-width:11px;border-radius:20px;background:#111827;box-shadow:0 45px 105px rgba(15,23,42,.20);overflow:hidden}.story-browser{background:#fff;border-radius:11px;overflow:hidden}.story-browser-bar{height:32px;padding-inline:10px;font-size:.55rem}.story-browser-bar b{margin-left:auto;font-size:.5rem;letter-spacing:.14em;color:#16a34a;background:#dcfce7;padding:2px 5px;border-radius:5px}.notebook-base{height:18px;width:112%;margin-left:-6%;background:linear-gradient(#cbd5e1,#e2e8f0 35%,#94a3b8);border-radius:2px 2px 16px 16px;box-shadow:0 18px 32px rgba(15,23,42,.13);opacity:var(--responsive);transform-origin:top}.notebook-base:after{content:"";display:block;width:16%;height:4px;background:#94a3b8;border-radius:0 0 9px 9px;margin:auto}.notebook-base span{display:block;width:26%;height:2px;background:#64748b;margin:auto;opacity:.35}.demo-site{height:430px;position:relative;background:linear-gradient(155deg,#fff 0,#f8fbff 60%,#eef6ff 100%);overflow:hidden}.demo-site:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(59,130,246,.14),transparent 30%);opacity:var(--design);transition:opacity .15s}.demo-wire-overlay{position:absolute;inset:0;z-index:20;opacity:calc(1 - var(--design));transition:opacity .12s}.demo-wire-overlay span{position:absolute;border:1.5px dashed #b8c8da;border-radius:7px}.wire-nav{left:5%;right:5%;top:7%;height:7%}.wire-title{left:7%;top:27%;width:54%;height:15%}.wire-line{left:7%;height:2%;background:#e8eef5;border:0!important}.wire-line-a{top:47%;width:46%}.wire-line-b{top:51%;width:32%}.wire-btn{left:7%;top:58%;width:19%;height:8%;border-color:#93c5fd!important}.wire-card{top:74%;height:16%;width:26%}.wire-card-a{left:7%}.wire-card-b{left:37%}.wire-card-c{left:67%}.wire-bottom{left:7%;right:7%;bottom:3%;height:2%;border:0!important;background:#e8eef5}.demo-nav{height:55px;display:flex;align-items:center;padding:0 26px;gap:13px;position:relative;z-index:3;opacity:var(--structure)}.demo-logo{font-size:.78rem;font-weight:950;letter-spacing:.12em;color:var(--navy)}.demo-nav>div{display:flex;gap:10px;margin-left:auto}.demo-nav i{display:block;width:38px;height:5px;border-radius:999px;background:#d8e1eb}.demo-nav button,.demo-hero button,.demo-cta button{border:0;background:var(--blue);color:#fff;font-weight:800;border-radius:8px}.demo-nav button{height:27px;padding:0 10px;font-size:.55rem;opacity:var(--design)}.demo-hero{padding:42px 40px 28px;position:relative;z-index:2}.demo-hero small{display:block;font-size:.48rem;letter-spacing:.17em;color:var(--blue);font-weight:900;opacity:var(--design)}.demo-hero strong{display:block;font-size:clamp(2rem,3.5vw,3.5rem);line-height:.91;letter-spacing:-.055em;margin-top:9px;color:var(--navy);opacity:var(--content);transform:translateY(0)}.demo-hero strong em{font-style:normal;color:var(--blue)}.demo-hero p{max-width:390px;font-size:.68rem;line-height:1.55;color:#64748b;opacity:var(--content);margin:14px 0 0}.demo-hero button{font-size:.58rem;padding:9px 13px;margin-top:16px;opacity:var(--content)}.demo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 26px;opacity:var(--content);transform:translateY(0);position:relative;z-index:2}.demo-services article{min-height:73px;border:1px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.88);padding:10px;display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(15,23,42,.035)}.demo-services b{color:#bfdbfe;font-size:.85rem}.demo-services span{font-size:.65rem;font-weight:900;color:var(--navy);margin-top:3px}.demo-services small{font-size:.5rem;color:#64748b}.demo-proof{display:flex;justify-content:space-between;align-items:center;margin:18px 26px 0;padding:12px 14px;border-radius:12px;background:#0f172a;color:#fff;opacity:var(--responsive);transform:translateY(0)}.demo-proof>div:first-child{display:flex;flex-direction:column}.demo-proof span{font-size:.44rem;color:#93c5fd;letter-spacing:.14em;font-weight:900}.demo-proof strong{font-size:.62rem}.demo-proof-meter{display:flex;gap:4px}.demo-proof-meter i{width:18px;height:22px;border-radius:4px;background:#1d4ed8}.demo-proof-meter i:nth-child(2){height:28px}.demo-proof-meter i:nth-child(3){height:34px}.demo-proof-meter i:nth-child(4){height:40px;background:#60a5fa}.demo-cta{margin:16px 26px 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:12px;background:linear-gradient(110deg,#eff6ff,#fff);display:flex;align-items:center;gap:8px;opacity:var(--launch)}.demo-cta span{font-size:.44rem;letter-spacing:.14em;font-weight:900;color:var(--blue)}.demo-cta strong{font-size:.62rem;color:var(--navy)}.demo-cta button{margin-left:auto;font-size:.5rem;padding:7px 9px}.demo-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 26px 0;color:#94a3b8;opacity:var(--launch)}.demo-footer b{font-size:.55rem;color:var(--navy)}.demo-footer span{font-size:.42rem}.story-tablet,.story-phone{position:absolute;z-index:15;background:#0f172a;box-shadow:0 34px 80px rgba(15,23,42,.24);opacity:var(--responsive);will-change:transform,opacity}.story-tablet{width:210px;height:290px;left:1%;bottom:4%;border-radius:21px;padding:7px;transform:translate3d(-45px,65px,80px) rotateY(12deg) rotateZ(-4deg) scale(.88)}.story-phone{width:116px;height:235px;right:0;bottom:2%;border-radius:25px;padding:6px;transform:translate3d(48px,72px,110px) rotateY(-10deg) rotateZ(5deg) scale(.88)}.device-camera{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#334155;left:50%;top:3px;transform:translateX(-50%)}.tablet-page,.phone-page{height:100%;border-radius:14px;background:linear-gradient(155deg,#fff,#eff6ff);overflow:hidden}.tablet-page{padding:22px 15px}.tablet-page b,.phone-page b{font-size:.48rem;letter-spacing:.12em;color:var(--navy)}.tablet-page strong{display:block;font-size:1.2rem;line-height:1;margin:30px 0 17px;color:var(--navy)}.tablet-page i{display:block;height:5px;border-radius:99px;background:#d6e0eb;width:85%;margin:6px 0}.tablet-page i+ i{width:58%}.tablet-page button,.phone-page button{border:0;background:var(--blue);height:22px;width:65px;border-radius:6px;margin-top:14px}.tablet-page>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}.tablet-page>div span{height:65px;border-radius:7px;background:#fff;border:1px solid #dce6f0}.phone-page{padding:25px 11px 10px}.phone-page small{display:block;font-size:.35rem;letter-spacing:.12em;color:var(--blue);font-weight:900;margin-top:25px}.phone-page strong{display:block;font-size:.95rem;line-height:.95;letter-spacing:-.04em;color:var(--navy);margin:8px 0 18px}.phone-page strong em{font-style:normal;color:var(--blue)}.phone-page i{display:block;width:88%;height:4px;border-radius:99px;background:#d7e1eb;margin:6px 0}.phone-page i+i{width:60%}.story-launch-badge{position:absolute;z-index:25;left:50%;top:3%;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.94);border:1px solid #bbf7d0;box-shadow:0 18px 45px rgba(15,23,42,.13);opacity:var(--launch);transform:translate(-50%,-10px)}.story-launch-badge>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#16a34a;color:#fff;font-weight:900}.story-launch-badge div{display:flex;flex-direction:column}.story-launch-badge strong{font-size:.65rem;color:#166534;letter-spacing:.08em}.story-launch-badge small{font-size:.53rem;color:#64748b}.story-chip{position:absolute;z-index:24;background:rgba(255,255,255,.94);border:1px solid #dbe5ef;border-radius:11px;padding:8px 10px;font-size:.62rem;font-weight:900;color:var(--navy);box-shadow:0 12px 30px rgba(15,23,42,.10);opacity:var(--content)}.story-chip b{color:var(--blue)}.story-chip-a{left:2%;top:21%}.story-chip-b{right:2%;top:18%}.story-progress{position:absolute;right:-4px;top:10%;bottom:8%;display:flex;gap:8px;align-items:stretch}.story-progress-track{width:3px;background:#dbeafe;border-radius:99px;overflow:hidden}.story-progress-track span{display:block;width:100%;height:100%;background:linear-gradient(#60a5fa,#2563eb);transform:scaleY(0);transform-origin:top;border-radius:99px}.story-progress-labels{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 0 1px}.story-progress-labels span{font-size:.49rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:800;writing-mode:vertical-rl;transform:rotate(180deg)}

.story-content{position:relative;z-index:2;margin-top:-100vh}.story-chapter{min-height:100vh;display:flex;align-items:center;padding:120px 0 100px;position:relative}.story-chapter .container{display:flex}.story-chapter--left .container{justify-content:flex-start}.story-chapter--right .container{justify-content:flex-end}.story-panel{width:min(43%,520px);padding:34px 0}.story-panel-wide{width:min(48%,600px)}.story-panel h2,.story-final-copy h2{font-size:clamp(2.35rem,3.6vw,3.7rem);line-height:.99;letter-spacing:-.052em;color:var(--navy);margin:15px 0 18px}.story-panel h2 em,.story-final-copy h2 em{font-style:normal;color:var(--blue)}.story-panel>p,.story-final-copy>p{font-size:1.02rem;color:#64748b;max-width:560px;line-height:1.75}.story-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.story-checks span{padding:8px 10px;border:1px solid #dbe5ef;border-radius:999px;background:rgba(255,255,255,.76);font-size:.72rem;font-weight:800;color:#475569}.story-offers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.story-offers article{padding:19px;border:1px solid #dce6f0;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(15,23,42,.05)}.story-offers span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800}.story-offers strong{display:block;font-size:1.7rem;line-height:1;color:var(--navy);margin:9px 0}.story-offers small{display:block;color:#64748b;font-size:.71rem;line-height:1.45}.story-offers a{display:inline-block;color:var(--blue);font-weight:900;font-size:.72rem;margin-top:14px}.story-projects{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.story-project-card{border:1px solid #dce5ef;border-radius:18px;background:rgba(255,255,255,.88);overflow:hidden;box-shadow:0 16px 36px rgba(15,23,42,.05)}.story-project-shot{height:135px;background:#eff5fb;overflow:hidden}.story-project-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.story-project-placeholder{height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#fff,#eff6ff)}.story-project-placeholder b{font-size:1.7rem;color:var(--blue)}.story-project-placeholder span{font-size:.68rem;color:#64748b}.story-project-card>div:last-child{display:grid;grid-template-columns:1fr auto;padding:12px;gap:4px}.story-project-card small{grid-column:1 / -1;color:#64748b;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.story-project-card strong{font-size:.82rem;color:var(--navy)}.story-project-card a{color:var(--blue);font-weight:900}.story-panel-dark{padding:30px;border-radius:26px;background:rgba(7,17,31,.94);box-shadow:0 28px 70px rgba(15,23,42,.18);color:#fff}.story-panel-dark h2{color:#fff;font-size:clamp(2.1rem,3.2vw,3.3rem)}.story-panel-dark>p{color:#94a3b8}.story-benefits{margin-top:24px;border-top:1px solid #26344a}.story-benefits>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #26344a}.story-benefits b{color:#60a5fa}.story-benefits span{display:flex;flex-direction:column}.story-benefits strong{font-size:.84rem}.story-benefits small{color:#94a3b8;font-size:.7rem}.story-process{display:grid;grid-template-columns:1fr;gap:6px;margin-top:24px}.story-process>span{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:10px 12px;border:1px solid #dce5ef;background:rgba(255,255,255,.86);border-radius:12px}.story-process b{font-size:.72rem;color:#93c5fd}.story-process strong{font-size:.83rem;color:var(--navy)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.metric-grid>div{padding:14px 15px;border:1px solid #dbe5ef;border-radius:14px;background:rgba(255,255,255,.84)}.metric-grid span{display:block;font-size:.62rem;color:#64748b;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.metric-grid strong{display:block;font-size:1rem;color:var(--navy);margin-top:4px}.story-reviews{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.story-reviews article{padding:18px;border:1px solid #dce5ef;border-radius:17px;background:rgba(255,255,255,.88)}.story-reviews blockquote{font-size:.78rem;color:#334155;line-height:1.55;margin:10px 0}.story-reviews footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.story-reviews footer strong{font-size:.72rem}.story-reviews footer small{font-size:.6rem;color:#64748b}.story-empty{margin-top:24px;padding:20px;border:1px solid #dce5ef;background:rgba(255,255,255,.84);border-radius:16px}.story-empty strong{color:var(--navy)}.story-empty p{color:#64748b;font-size:.8rem;margin:5px 0 0}.story-chapter--final{min-height:115vh;align-items:flex-end;padding-bottom:13vh}.story-chapter--final .container{justify-content:center;text-align:center}.story-final-copy{width:min(720px,100%);padding:38px 34px;border-radius:30px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border:1px solid rgba(219,229,239,.86);box-shadow:0 22px 60px rgba(15,23,42,.08)}.story-final-copy h2{font-size:clamp(2.6rem,4.4vw,4.15rem)}.story-final-copy>p{margin-inline:auto}.story-chapter--contact{min-height:auto;padding:130px 0 120px;background:linear-gradient(180deg,rgba(255,255,255,.65),#fff 22%)}.contact-grid-v4{position:relative;z-index:3}.contact-grid-v4 .contact-copy h2{font-size:clamp(2.35rem,3.6vw,3.6rem)}

@media(max-width:1100px){.hero-grid-v4{gap:35px}.story-stage{right:0;width:57vw}.story-panel{width:min(45%,490px)}.story-panel-wide{width:min(50%,560px)}.story-tablet{width:180px;height:250px}.story-phone{width:102px;height:205px}.demo-site{height:390px}.demo-hero{padding:35px 32px 22px}}
@media(max-width:900px){
  .hero-grid-v4{grid-template-columns:1fr}.hero-build-preview{min-height:500px;width:min(760px,100%);margin-inline:auto}.hero-v4 h1{font-size:clamp(3rem,8vw,4.8rem)}
  .site-build-story{overflow:visible}.story-sticky{position:relative;height:auto;padding:70px 0 15px;overflow:visible}.story-stage{position:relative;right:auto;top:auto;transform:none!important;width:var(--container);height:620px;margin-inline:auto}.story-stage-head{left:3%;top:0}.story-device-cluster{inset:7% 0 0}.story-notebook{width:min(680px,78vw);transform:translate(-50%,-50%)!important}.story-tablet{left:3%;bottom:4%;opacity:1!important;transform:rotate(-3deg)!important}.story-phone{right:3%;bottom:3%;opacity:1!important;transform:rotate(4deg)!important}.notebook-base,.demo-proof,.demo-cta,.demo-footer,.story-launch-badge{opacity:1!important}.demo-wire-overlay{display:none}.demo-nav,.demo-hero strong,.demo-hero p,.demo-hero button,.demo-services,.demo-site:before{opacity:1!important;transform:none!important}.story-progress{display:none}.story-content{margin-top:0}.story-chapter{min-height:auto;padding:78px 0}.story-chapter .container{justify-content:flex-start!important}.story-panel,.story-panel-wide{width:min(760px,100%)}.story-chapter--final{min-height:auto;padding:90px 0}.story-chapter--contact{padding:90px 0}.story-final-copy{text-align:left;margin-right:auto}.story-reviews{max-width:760px}
}
@media(max-width:640px){
  .hero-v4{padding-top:112px}.hero-v4 h1{font-size:clamp(2.65rem,11vw,3.65rem);line-height:1}.hero-build-preview{min-height:360px}.preview-canvas{height:275px;padding:16px}.preview-wire-title{margin-top:42px;height:48px}.preview-wire-cards{margin-top:28px}.preview-wire-cards i{height:50px}.preview-tag-b{bottom:2%}.preview-tag{font-size:.6rem;padding:7px 9px}
  .story-sticky{padding-top:50px}.story-stage{height:410px;width:calc(100vw - 20px)}.story-stage-head{left:50%;transform:translateX(-50%);white-space:nowrap}.story-notebook{width:91vw}.story-screen{border-width:5px;border-bottom-width:7px;border-radius:13px}.demo-site{height:278px}.demo-nav{height:38px;padding:0 14px}.demo-nav>div i:nth-child(2),.demo-nav>div i:nth-child(3){display:none}.demo-nav button{display:none}.demo-hero{padding:25px 20px 13px}.demo-hero strong{font-size:1.8rem}.demo-hero p{font-size:.53rem;max-width:260px}.demo-hero button{padding:7px 9px}.demo-services{padding:0 14px;gap:5px}.demo-services article{min-height:54px;padding:7px}.demo-services b{font-size:.65rem}.demo-services span{font-size:.52rem}.demo-services small{font-size:.4rem}.demo-proof{margin:10px 14px 0;padding:8px}.demo-proof-meter i{width:10px}.demo-cta{display:none}.demo-footer{padding:8px 14px 0}.story-tablet{width:112px;height:154px;left:0;bottom:1%;padding:4px;border-radius:13px}.tablet-page{padding:14px 8px}.tablet-page strong{font-size:.75rem;margin:18px 0 10px}.tablet-page button{width:42px;height:15px}.tablet-page>div{margin-top:12px}.tablet-page>div span{height:34px}.story-phone{width:70px;height:142px;right:0;bottom:0;padding:4px;border-radius:15px}.phone-page{padding:16px 7px 6px}.phone-page small{margin-top:12px;font-size:.25rem}.phone-page strong{font-size:.58rem;margin:5px 0 9px}.phone-page button{width:40px;height:14px;margin-top:7px}.story-launch-badge{top:1%;padding:7px 9px}.story-launch-badge>span{width:20px;height:20px}.story-launch-badge strong{font-size:.52rem}.story-launch-badge small{font-size:.43rem}.story-chip{display:none}.story-chapter{padding:64px 0}.story-panel{padding:18px 0}.story-panel h2,.story-final-copy h2{font-size:clamp(2.15rem,9vw,3rem);line-height:1.02}.story-panel>p,.story-final-copy>p{font-size:.92rem}.story-offers,.story-projects,.story-reviews,.metric-grid{grid-template-columns:1fr}.story-project-shot{height:170px}.story-panel-dark{padding:22px}.story-final-copy{padding:25px 20px}.story-chapter--contact{padding:75px 0}.contact-grid-v4 .contact-copy h2{font-size:clamp(2.2rem,9vw,3.2rem)}
}
@media(max-width:380px){.story-stage{height:360px}.story-tablet{display:none}.story-notebook{width:96vw}.story-phone{right:2%}.preview-tag-a{left:0}.preview-tag-b{right:0}}
@media(prefers-reduced-motion:reduce){.story-sticky{position:relative;height:auto;padding:70px 0}.story-stage{position:relative;right:auto;top:auto;transform:none!important;width:var(--container);height:620px;margin:auto}.story-content{margin-top:0}.story-chapter{min-height:auto;padding:70px 0}.story-chapter .container{justify-content:flex-start!important}.story-panel,.story-panel-wide{width:min(760px,100%)}.story-notebook{transform:translate(-50%,-50%)!important}.story-tablet,.story-phone,.story-launch-badge,.notebook-base,.demo-nav,.demo-hero strong,.demo-hero p,.demo-hero button,.demo-services,.demo-proof,.demo-cta,.demo-footer,.demo-site:before{opacity:1!important;transform:none!important}.demo-wire-overlay{display:none}.story-progress{display:none}}

/* ============================================================
   EVOLUTION-COMPUTER V4.2 — ONE WEBSITE / ONE JOURNEY
   Blueprint scan -> internal page scroll -> browser/notebook morph
   -> tablet + phone finale. Self-contained, no external JS library.
   ============================================================ */
.story-stage{--morph:0;--scan-x:0%}
.story-live-dot{background:var(--blue);box-shadow:0 0 0 5px rgba(37,99,235,.10)}
.story-stage-head{border-color:rgba(37,99,235,.20);background:rgba(255,255,255,.88)}
.story-browser-bar b{color:#1d4ed8;background:#dbeafe}
.story-screen{
  border-width:var(--screen-border,1px)!important;
  border-bottom-width:var(--screen-bottom,1px)!important;
  border-radius:var(--screen-radius,14px)!important;
  border-color:#111827;
  transition:box-shadow .18s linear,background-color .18s linear;
  box-shadow:0 32px 88px rgba(15,23,42,calc(.10 + var(--morph)*.12));
}
.notebook-base{opacity:var(--morph)!important;transform:scaleX(calc(.94 + var(--morph)*.06));transition:none}
.demo-site{isolation:isolate;background:#f8fbff}
.demo-site-track{position:relative;z-index:6;min-height:560px;will-change:transform,clip-path;transform:translate3d(0,0,0);background:linear-gradient(155deg,#fff 0,#f8fbff 60%,#eef6ff 100%)}
.demo-site-track:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 14%,rgba(59,130,246,.15),transparent 29%);z-index:-1}
.demo-wire-overlay{z-index:18!important;opacity:1;will-change:clip-path,opacity;background:linear-gradient(155deg,#fbfdff,#f3f7fb)}
.demo-wire-overlay:before{content:"BLUEPRINT";position:absolute;right:7%;top:15%;font-size:.44rem;letter-spacing:.18em;font-weight:900;color:#94a3b8}
.demo-build-grid{position:absolute;z-index:17;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);background-size:22px 22px;opacity:calc((1 - var(--design)) * .7);mix-blend-mode:multiply}
.demo-scan{position:absolute;z-index:30;top:0;bottom:0;left:0;width:1px;pointer-events:none;opacity:0;will-change:left,opacity;transform:translateX(-50%)}
.demo-scan>span{display:block;width:2px;height:100%;background:linear-gradient(180deg,transparent 0,#60a5fa 12%,#2563eb 50%,#60a5fa 88%,transparent 100%);box-shadow:0 0 18px rgba(37,99,235,.75),0 0 50px rgba(59,130,246,.30)}
.demo-scan small{position:absolute;top:12%;left:10px;padding:5px 7px;border-radius:6px;background:#2563eb;color:#fff;font-size:.42rem;font-weight:900;letter-spacing:.14em;box-shadow:0 8px 24px rgba(37,99,235,.20)}
.demo-site:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(37,99,235,.03),transparent 25%,transparent 75%,rgba(37,99,235,.025));opacity:var(--content)}
.story-notebook{transform-origin:50% 55%}
.story-tablet,.story-phone{transition:opacity .08s linear}
.story-chip-b{max-width:170px;text-align:center}
.story-chip-b b{display:inline-block;margin-left:3px}
.story-launch-badge{backdrop-filter:blur(12px)}
.story-chapter.is-story-active .story-panel{filter:saturate(1);opacity:1}
.story-chapter:not(.is-story-active) .story-panel{filter:saturate(.88);opacity:.82;transition:opacity .24s ease,filter .24s ease}
.story-panel h2,.story-final-copy h2{font-size:clamp(2.05rem,3.25vw,3.45rem)!important;line-height:1.02}
.hero-v4 h1{font-size:clamp(3rem,5.15vw,5.05rem)!important;line-height:.98}
.metric-grid strong{font-size:.94rem}
.story-final-copy{box-shadow:0 26px 80px rgba(15,23,42,.10)}
.story-final-copy h2{max-width:650px;margin-inline:auto}
.story-final-copy .btn{margin-top:8px}

@media(min-width:901px){
  .story-stage{will-change:transform,opacity}
  .story-notebook,.story-tablet,.story-phone,.story-device-cluster{backface-visibility:hidden}
  .story-chapter{min-height:118vh}
  .story-chapter--intro{min-height:105vh}
  .story-chapter--final{min-height:125vh}
}
@media(max-width:900px){
  .demo-site-track{clip-path:none!important;transform:none!important;min-height:100%}
  .demo-scan,.demo-build-grid{display:none!important}
  .demo-wire-overlay{display:none!important}
  .notebook-base{opacity:1!important}
  .story-chapter:not(.is-story-active) .story-panel{filter:none;opacity:1}
}
@media(max-width:640px){
  .hero-v4 h1{font-size:clamp(2.55rem,10.4vw,3.5rem)!important}
  .story-panel h2,.story-final-copy h2{font-size:clamp(2rem,8.6vw,2.8rem)!important}
}
@media(prefers-reduced-motion:reduce){
  .demo-site-track{clip-path:none!important;transform:none!important}
  .demo-scan,.demo-build-grid{display:none!important}
  .demo-wire-overlay{display:none!important}
  .notebook-base{opacity:1!important}
  .story-chapter:not(.is-story-active) .story-panel{filter:none;opacity:1}
}
\n\n/* ============================================================\n   EVOLUTION-COMPUTER V4.2.1 — DESKTOP COLLISION / LAYOUT FIX\n   The cinematic stage owns one side of the viewport while copy\n   owns the other. JS switches the stage lane before chapter 05.\n   ============================================================ */\n@media(min-width:1101px){\n  .story-stage{width:min(49vw,760px);height:min(74vh,680px)}\n}\n@media(min-width:901px) and (max-width:1100px){\n  .story-stage{width:min(46vw,520px);height:min(70vh,620px)}\n  .story-panel{width:min(44%,480px)}\n  .story-panel-wide{width:min(47%,520px)}\n}\n@media(min-width:901px){\n  .story-panel,.story-final-copy{position:relative;z-index:4}\n  .story-chapter--left .story-panel{padding-right:18px}\n  .story-chapter--right .story-panel{padding-left:18px}\n  .story-chapter--final{padding-bottom:10vh}\n  .story-final-copy{margin-top:auto}\n}\n
/* Evolution-Computer V4.2.2 — premium thank-you experience */
.thanks-experience{position:relative;isolation:isolate;overflow:hidden;padding:168px 0 88px;background:linear-gradient(180deg,#f8fbff 0,#fff 72%);min-height:calc(100vh - 80px)}
.thanks-experience:before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.78) 58%,transparent 92%)}
.thanks-orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}.thanks-orb-a{width:560px;height:560px;right:-150px;top:30px;background:radial-gradient(circle,rgba(59,130,246,.16),rgba(59,130,246,0) 70%)}.thanks-orb-b{width:420px;height:420px;left:-220px;top:410px;background:radial-gradient(circle,rgba(37,99,235,.09),rgba(37,99,235,0) 70%)}
.thanks-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center;min-height:570px}.thanks-copy{position:relative;z-index:4}.thanks-copy h1{margin:18px 0 24px;color:var(--navy);font-size:clamp(3.45rem,6.1vw,6rem);line-height:.91;letter-spacing:-.064em;max-width:690px}.thanks-copy h1 span{color:var(--blue)}.thanks-copy .lead{max-width:630px}.thanks-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.thanks-small-note{margin:22px 0 0;color:#64748b;font-size:.82rem;font-weight:700}
.thanks-visual{position:relative;min-height:510px;perspective:1300px}.thanks-browser-card{position:absolute;width:min(720px,100%);right:0;top:56px;background:#fff;border:1px solid #d8e4f3;border-radius:22px;overflow:hidden;box-shadow:0 34px 90px rgba(15,23,42,.14);transform:rotateY(-4deg) rotateX(1.2deg);transform-origin:center;animation:thanksFloat 7s ease-in-out infinite}.thanks-browser-bar{height:44px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#f8fafc;border-bottom:1px solid #e6edf6;color:#94a3b8;font-size:.63rem}.thanks-browser-bar i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.thanks-browser-bar>span{margin-left:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thanks-browser-bar b{margin-left:auto;padding:5px 8px;border-radius:7px;background:#dbeafe;color:var(--blue);font-size:.56rem;letter-spacing:.09em}.thanks-browser-body{padding:34px;background:linear-gradient(145deg,#fff,#f5f9ff)}.thanks-mini-head>span{display:block;color:var(--blue);font-size:.62rem;font-weight:900;letter-spacing:.15em}.thanks-mini-head>strong{display:block;margin:9px 0 12px;color:var(--navy);font-size:2.15rem;line-height:.98;letter-spacing:-.05em}.thanks-mini-head>p{max-width:510px;margin:0;color:#718096;font-size:.82rem;line-height:1.65}.thanks-timeline{display:grid;gap:10px;margin-top:25px}.thanks-timeline article{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(255,255,255,.9)}.thanks-timeline article>div{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eff6ff;color:#7aa8ff;font-weight:900}.thanks-timeline article>div span{font-size:.75rem}.thanks-timeline article>div i{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid #dbeafe;color:var(--blue);font-size:.65rem;font-style:normal}.thanks-timeline article.is-done{border-color:#bfdbfe;box-shadow:0 10px 25px rgba(37,99,235,.07)}.thanks-timeline article.is-done>div{background:var(--blue);color:#fff}.thanks-timeline section{display:flex;flex-direction:column;line-height:1.25}.thanks-timeline section strong{color:var(--navy);font-size:.86rem}.thanks-timeline section small{margin-top:4px;color:#7b8ba2;font-size:.7rem;line-height:1.45}
.thanks-success-mark{position:absolute;z-index:6;right:24px;top:14px;width:84px;height:84px;padding:10px;border-radius:25px;background:#fff;border:1px solid #dbeafe;box-shadow:0 20px 50px rgba(37,99,235,.16);transform:rotate(5deg)}.thanks-success-mark svg{width:100%;height:100%;overflow:visible}.thanks-success-mark circle{fill:#eff6ff;stroke:#93c5fd;stroke-width:2;stroke-dasharray:190;stroke-dashoffset:0}.thanks-success-mark path{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45;stroke-dashoffset:0}
.thanks-float-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 35px rgba(15,23,42,.12);color:#334155;font-size:.74rem;font-weight:800}.thanks-float-chip span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eff6ff;color:var(--blue);font-size:.68rem}.thanks-float-chip-a{left:-18px;top:168px}.thanks-float-chip-b{right:12px;bottom:6px}
.thanks-next{margin-top:42px;padding-top:32px;border-top:1px solid #e2e8f0}.thanks-next-label{display:block;margin-bottom:16px;color:#94a3b8;font-size:.68rem;font-weight:900;letter-spacing:.15em}.thanks-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.thanks-next-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:start;padding:18px 20px;border:1px solid #e4eaf2;border-radius:18px;background:rgba(255,255,255,.78)}.thanks-next-grid b{grid-row:1/3;color:#bfdbfe;font-size:1.5rem;line-height:1;font-weight:900;letter-spacing:-.04em}.thanks-next-grid strong{color:var(--navy);font-size:.9rem}.thanks-next-grid p{margin:3px 0 0;color:#718096;font-size:.76rem;line-height:1.5}
@keyframes thanksFloat{0%,100%{transform:rotateY(-4deg) rotateX(1.2deg) translate3d(0,0,0)}50%{transform:rotateY(-2.4deg) rotateX(.6deg) translate3d(0,-7px,0)}}
@media(max-width:1000px){.thanks-experience{padding-top:140px}.thanks-shell{grid-template-columns:1fr;gap:26px}.thanks-copy{text-align:center}.thanks-copy h1,.thanks-copy .lead{margin-left:auto;margin-right:auto}.thanks-actions{justify-content:center}.thanks-visual{min-height:500px;width:min(760px,100%);margin-inline:auto}.thanks-browser-card{position:relative;top:30px;right:auto;margin:auto}.thanks-float-chip-a{left:2%}.thanks-next{margin-top:20px}}
@media(max-width:680px){.thanks-experience{padding:118px 0 62px}.thanks-copy h1{font-size:clamp(2.8rem,14vw,4rem)}.thanks-copy .lead{font-size:1rem}.thanks-actions{display:grid}.thanks-actions .btn{width:100%}.thanks-small-note{font-size:.75rem}.thanks-visual{min-height:430px}.thanks-browser-card{top:26px;border-radius:17px;transform:none;animation:none}.thanks-browser-bar{height:38px}.thanks-browser-body{padding:22px 17px}.thanks-mini-head>strong{font-size:1.55rem}.thanks-mini-head>p{font-size:.74rem}.thanks-timeline article{grid-template-columns:45px 1fr;padding:10px}.thanks-timeline article>div{width:38px;height:38px}.thanks-timeline section small{font-size:.64rem}.thanks-success-mark{width:66px;height:66px;right:7px;top:0;border-radius:20px}.thanks-float-chip{font-size:.65rem;padding:8px 10px}.thanks-float-chip-a{left:-3px;top:145px}.thanks-float-chip-b{right:-2px;bottom:0}.thanks-next{margin-top:30px}.thanks-next-grid{grid-template-columns:1fr}.thanks-next-grid article{grid-template-columns:38px 1fr}}
@media(prefers-reduced-motion:reduce){.thanks-browser-card{animation:none!important}.thanks-success-mark,.thanks-float-chip{transition:none!important}}

/* ============================================================
   EVOLUTION-COMPUTER V4.3 — MORE COLOR, CLEAN ANCHORS, REAL ABOUT
   ============================================================ */
:root{--cyan:#06b6d4;--violet:#7c3aed;--sky:#38bdf8}
html{scroll-padding-top:88px}

/* Give the cinematic story more visual rhythm without turning it neon. */
.site-build-story{background:linear-gradient(180deg,#f9fbff 0%,#fff 15%,#f6f9ff 42%,#fff 73%,#f7fbff 100%)}
.story-glow-a{background:radial-gradient(circle,rgba(59,130,246,.18),rgba(124,58,237,.055) 45%,transparent 70%)}
.story-glow-b{background:radial-gradient(circle,rgba(6,182,212,.10),rgba(37,99,235,.06) 45%,transparent 72%)}
.story-stage-head{background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(239,246,255,.92));box-shadow:0 10px 34px rgba(37,99,235,.10)}
.story-stage-head:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet));opacity:.55}

/* Richer demo website: one premium example website that actually evolves. */
.demo-site{background:#f5f8ff}
.demo-site-track{min-height:880px;background:linear-gradient(180deg,#ffffff 0 47%,#f6f8ff 100%)}
.demo-site-track:before{background:radial-gradient(circle at 80% 12%,rgba(37,99,235,.16),transparent 24%),radial-gradient(circle at 91% 27%,rgba(124,58,237,.10),transparent 19%),radial-gradient(circle at 22% 50%,rgba(6,182,212,.07),transparent 18%)}
.demo-logo{display:flex;align-items:center;gap:7px}.demo-logo>i{display:block;width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--navy) 0 48%,var(--blue) 48% 72%,var(--cyan) 72%);box-shadow:0 4px 12px rgba(37,99,235,.18)}
.demo-hero-rich{display:grid;grid-template-columns:1.03fr .97fr;gap:20px;padding:34px 34px 26px;min-height:255px}
.demo-hero-copy{position:relative;z-index:3}.demo-hero-rich .demo-hero-copy>small{display:block;font-size:.46rem;letter-spacing:.17em;color:var(--blue);font-weight:900;opacity:var(--design)}
.demo-hero-rich .demo-hero-copy>strong{display:block;font-size:clamp(1.9rem,3.2vw,3.15rem);line-height:.91;letter-spacing:-.055em;margin-top:8px;color:var(--navy);opacity:var(--content)}
.demo-hero-rich .demo-hero-copy>strong em{font-style:normal;background:linear-gradient(90deg,var(--blue),#4f46e5 55%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.demo-hero-rich .demo-hero-copy>p{max-width:360px;font-size:.62rem;line-height:1.55;color:#64748b;opacity:var(--content);margin:12px 0 0}
.demo-hero-rich .demo-hero-copy>button{font-size:.55rem;padding:9px 13px;margin-top:14px;opacity:var(--content);background:linear-gradient(90deg,var(--blue),#4f46e5)}
.demo-hero-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px;opacity:var(--content)}.demo-hero-pills span{font-size:.42rem;font-weight:850;color:#334155;background:#fff;border:1px solid #dbe5f0;padding:4px 7px;border-radius:999px}
.demo-hero-art{position:relative;min-height:188px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0f172a 0,#172554 42%,#1d4ed8 78%,#06b6d4 125%);box-shadow:0 18px 42px rgba(15,23,42,.15);opacity:var(--content)}
.demo-art-orb{position:absolute;border-radius:50%;filter:blur(.2px)}.demo-art-orb-a{width:120px;height:120px;right:-25px;top:-25px;background:radial-gradient(circle,#60a5fa,rgba(96,165,250,0) 70%)}.demo-art-orb-b{width:105px;height:105px;left:-35px;bottom:-28px;background:radial-gradient(circle,rgba(168,85,247,.75),rgba(168,85,247,0) 72%)}
.demo-art-card{position:absolute;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.demo-art-card-a{left:18px;top:22px;width:112px;height:90px;padding:12px}.demo-art-card-a small,.demo-art-card-b small{font-size:.38rem;letter-spacing:.16em;color:#bfdbfe;font-weight:900}.demo-art-card-a strong{display:block;font-size:1.05rem;line-height:.95;margin-top:8px}.demo-art-card-a span{position:absolute;right:10px;bottom:8px;font-size:.72rem;color:#7dd3fc}
.demo-art-card-b{right:17px;bottom:18px;width:124px;height:78px;padding:11px}.demo-art-card-b strong{display:block;font-size:.67rem;margin:5px 0 9px}.demo-art-card-b i{display:inline-block;width:23px;height:5px;border-radius:99px;background:#60a5fa;margin-right:3px}.demo-art-card-b i:nth-of-type(2){background:#a78bfa}.demo-art-card-b i:nth-of-type(3){background:#22d3ee}
.demo-art-badge{position:absolute;right:13px;top:13px;padding:6px 8px;border-radius:999px;background:#fff;color:#1d4ed8;font-size:.4rem;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.18)}

.demo-services{padding:0 34px;gap:10px}.demo-services article{position:relative;min-height:82px;padding:11px 12px 12px;overflow:hidden;border-color:#e4e9f3}.demo-services article:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px}.demo-service-blue:after{background:var(--blue)}.demo-service-violet:after{background:var(--violet)}.demo-service-cyan:after{background:var(--cyan)}
.demo-services article>i{position:absolute;right:10px;top:10px;font-style:normal;font-size:.72rem;color:#94a3b8}.demo-service-blue>i{color:#60a5fa}.demo-service-violet>i{color:#a78bfa}.demo-service-cyan>i{color:#22d3ee}
.demo-service-blue b{color:#93c5fd}.demo-service-violet b{color:#c4b5fd}.demo-service-cyan b{color:#67e8f9}

.demo-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin:17px 34px 0;padding:16px;border:1px solid #e0e7f2;border-radius:16px;background:linear-gradient(120deg,#fff,#f5f7ff);opacity:var(--content)}
.demo-showcase-copy small{font-size:.4rem;font-weight:900;letter-spacing:.16em;color:#7c3aed}.demo-showcase-copy strong{display:block;max-width:260px;margin-top:6px;font-size:.82rem;line-height:1.08;color:var(--navy);letter-spacing:-.02em}.demo-showcase-copy p{font-size:.51rem;color:#64748b;line-height:1.5;margin:7px 0}.demo-showcase-copy>div{display:flex;gap:5px}.demo-showcase-copy>div span{font-size:.38rem;font-weight:800;padding:4px 6px;border-radius:999px;background:#eef2ff;color:#4f46e5}
.demo-showcase-art{position:relative;min-height:118px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#2563eb,#4f46e5 48%,#7c3aed 78%,#06b6d4 130%)}.demo-showcase-art:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;right:-30px;top:-34px;border:22px solid rgba(255,255,255,.12)}.demo-showcase-art i{position:absolute;left:16px;height:6px;border-radius:999px;background:rgba(255,255,255,.75)}.demo-showcase-art i:nth-child(1){top:22px;width:46%}.demo-showcase-art i:nth-child(2){top:36px;width:62%;opacity:.55}.demo-showcase-art i:nth-child(3){top:50px;width:36%;opacity:.35}.demo-showcase-art span{position:absolute;left:16px;bottom:13px;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:900}.demo-showcase-art b{position:absolute;right:14px;bottom:8px;color:#fff;font-size:1.55rem;letter-spacing:-.08em}
.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 34px 0;opacity:var(--responsive)}.demo-stats article{padding:9px 10px;border-radius:11px;background:#fff;border:1px solid #e3e8f1}.demo-stats span{display:block;font-size:.36rem;letter-spacing:.12em;color:#94a3b8;font-weight:900}.demo-stats strong{display:block;margin-top:2px;font-size:.55rem;color:var(--navy)}
.demo-proof{margin:14px 34px 0;background:linear-gradient(110deg,#0f172a,#172554 70%,#1e3a8a)}.demo-proof-meter i:nth-child(1){background:#2563eb}.demo-proof-meter i:nth-child(2){background:#4f46e5}.demo-proof-meter i:nth-child(3){background:#7c3aed}.demo-proof-meter i:nth-child(4){background:#06b6d4}
.demo-cta{margin:14px 34px 0;background:linear-gradient(110deg,#eff6ff,#eef2ff 55%,#ecfeff);border-color:#c7d2fe}.demo-cta button{background:linear-gradient(90deg,var(--blue),#4f46e5)}.demo-footer{padding:11px 34px 8px}

/* The small responsive previews echo the same colored visual language. */
.tablet-page,.phone-page{background:linear-gradient(155deg,#fff 0,#eef4ff 58%,#eefcff 100%)}
.tablet-page:after,.phone-page:after{content:"";display:block;border-radius:8px;background:linear-gradient(120deg,#2563eb,#7c3aed 65%,#06b6d4);opacity:.88}
.tablet-page:after{height:58px;margin-top:10px}.phone-page:after{height:36px;margin-top:8px}

/* Better, genuine About section. */
.story-panel-about{position:relative;overflow:hidden;padding:28px!important;border-radius:28px;background:linear-gradient(145deg,#0f172a 0,#111d36 58%,#172554 100%);color:#fff;box-shadow:0 34px 84px rgba(15,23,42,.20)}
.story-panel-about:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-105px;top:-85px;background:radial-gradient(circle,rgba(59,130,246,.34),rgba(124,58,237,.14) 45%,transparent 72%)}
.story-panel-about:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet))}
.story-panel-about h2{color:#fff!important;margin-top:22px}.story-panel-about>p{color:#cbd5e1!important}.about-profile{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-top:18px}.about-monogram{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--blue),#4f46e5 58%,var(--cyan));color:#fff;font-size:.9rem;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.30)}.about-profile>div:last-child{display:flex;flex-direction:column}.about-profile small{font-size:.56rem;letter-spacing:.15em;color:#93c5fd;font-weight:900}.about-profile strong{font-size:.95rem;color:#fff}.about-profile span{font-size:.67rem;color:#94a3b8}.about-tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 5px}.about-tags span{padding:6px 9px;border:1px solid rgba(147,197,253,.22);border-radius:999px;background:rgba(255,255,255,.055);font-size:.59rem;font-weight:800;color:#bfdbfe}.story-panel-about .story-benefits{border-color:rgba(148,163,184,.20)}.story-panel-about .story-benefits>div{border-color:rgba(148,163,184,.18)}.story-panel-about .story-benefits b{color:#7dd3fc}.story-panel-about .story-benefits strong{color:#fff}.story-panel-about .story-benefits small{color:#94a3b8}

/* Chapter accents: subtle variety, still one design system. */
.story-chapter[data-story-chapter="design"] .story-panel{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(239,246,255,.92));border-radius:26px;padding:27px}
.story-chapter[data-story-chapter="content"] .story-panel{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,243,255,.72));border-radius:26px;padding:27px}
.story-chapter[data-story-chapter="responsive"] .story-panel{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(236,254,255,.72));border-radius:26px;padding:27px}
.story-chapter[data-story-chapter="performance"] .metric-grid>div:nth-child(1){border-top:3px solid var(--blue)}.story-chapter[data-story-chapter="performance"] .metric-grid>div:nth-child(2){border-top:3px solid var(--violet)}.story-chapter[data-story-chapter="performance"] .metric-grid>div:nth-child(3){border-top:3px solid var(--cyan)}.story-chapter[data-story-chapter="performance"] .metric-grid>div:nth-child(4){border-top:3px solid #0f172a}
.story-offers article:first-child{border-top:3px solid var(--blue)}.story-offers article:last-child{border-top:3px solid var(--violet)}

/* Contact: cleaner and less empty, only the requested location fact. */
.story-chapter--contact{position:relative;background:linear-gradient(180deg,rgba(247,250,255,.55),#fff 22%)}
.story-chapter--contact:before{content:"";position:absolute;left:50%;top:80px;width:min(1180px,calc(100vw - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#bfdbfe 20%,#c4b5fd 55%,transparent)}
.contact-facts-single{max-width:680px}.contact-facts-single>div{border-bottom:1px solid #dfe7f1}.contact-form{box-shadow:0 30px 75px rgba(15,23,42,.10);border-color:#dbe5f0;background:linear-gradient(145deg,#fff,#f8fbff)}

/* Anchor targets should land comfortably below the sticky header. */
#preise,#ablauf,#ueber-mich,#kontakt{scroll-margin-top:92px}

@media(max-width:1100px){
  .demo-hero-rich{padding:28px 27px 22px}.demo-services,.demo-showcase,.demo-stats,.demo-proof,.demo-cta{margin-left:27px;margin-right:27px}.demo-services{padding:0}.demo-footer{padding-inline:27px}
}
@media(max-width:900px){
  .story-panel-about{padding:26px!important}
  .demo-site-track{min-height:760px}
}
@media(max-width:640px){
  .demo-site-track{min-height:100%}
  .demo-hero-rich{display:block;padding:21px 17px 12px;min-height:165px}.demo-hero-art{display:none}.demo-hero-pills{display:none}
  .demo-services{margin:0;padding:0 14px}.demo-services article{min-height:54px}
  .demo-showcase,.demo-stats{display:none}.demo-proof{margin:10px 14px 0}.demo-footer{padding-inline:14px}
  .story-panel-about{padding:22px!important}.about-profile span{font-size:.61rem}.about-tags{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.demo-site-track{min-height:auto}.demo-hero-art,.demo-showcase,.demo-stats{opacity:1!important}}

/* V4.3 archive pages: stronger empty-state presentation without fake references. */
.subhero-v43{position:relative;overflow:hidden}.subhero-v43:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.subhero-v43>.container{position:relative;z-index:2}.subhero-orb{position:absolute;border-radius:50%;pointer-events:none}.subhero-orb-a{width:430px;height:430px;right:-140px;top:-80px;background:radial-gradient(circle,rgba(59,130,246,.15),rgba(124,58,237,.05) 45%,transparent 72%)}.subhero-orb-b{width:320px;height:320px;left:-160px;bottom:-120px;background:radial-gradient(circle,rgba(6,182,212,.08),transparent 70%)}.subhero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.subhero-chips span{padding:7px 10px;border:1px solid #dbe5ef;border-radius:999px;background:rgba(255,255,255,.78);font-size:.72rem;font-weight:800;color:#475569}
.archive-section{padding-top:76px}.archive-demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center;padding:42px;border:1px solid #dfe7f1;border-radius:32px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 28px 80px rgba(15,23,42,.08);overflow:hidden;position:relative}.archive-demo:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;bottom:-190px;background:radial-gradient(circle,rgba(59,130,246,.14),rgba(124,58,237,.05) 45%,transparent 72%)}.archive-demo-copy{position:relative;z-index:3}.archive-demo-label{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.13em;color:#5b67d7;margin-bottom:14px}.archive-demo h2{font-size:clamp(2.35rem,4.2vw,4.25rem);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin:0 0 18px}.archive-demo-copy>p{font-size:1.02rem;color:#64748b;max-width:600px}.archive-demo-features{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.archive-demo-features span{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.7rem;font-weight:800}.archive-demo-price{display:flex;flex-direction:column;margin:16px 0 24px}.archive-demo-price small{color:#94a3b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.archive-demo-price strong{font-size:1.55rem;color:var(--blue)}.archive-demo-visual{position:relative;z-index:2;min-height:420px;perspective:1200px}.archive-demo-browser{position:absolute;inset:22px 0 0 20px;border:1px solid #d7e1ed;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 35px 90px rgba(15,23,42,.15);transform:rotateY(-4deg) rotateX(1deg)}.archive-demo-browser .browser-bar b{margin-left:auto;padding:3px 6px;border-radius:6px;background:#dbeafe;color:#2563eb;font-size:.5rem}.archive-demo-page{position:relative;min-height:355px;padding:26px;background:linear-gradient(145deg,#fff 0,#f8fbff 54%,#eef4ff 100%);overflow:hidden}.archive-demo-page:after{content:"";position:absolute;right:-60px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.22),rgba(124,58,237,.08) 45%,transparent 70%)}.archive-demo-nav{display:flex;align-items:center;gap:9px;position:relative;z-index:2}.archive-demo-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;font-size:.7rem}.archive-demo-nav i{display:block;width:42px;height:5px;border-radius:99px;background:#d8e1ec}.archive-demo-nav i:first-of-type{margin-left:auto}.archive-demo-hero{position:relative;z-index:2;padding:50px 12px 28px}.archive-demo-hero small{font-size:.5rem;color:#4f46e5;letter-spacing:.15em;font-weight:900}.archive-demo-hero strong{display:block;white-space:pre-line;margin-top:10px;max-width:420px;font-size:2.55rem;line-height:.94;letter-spacing:-.055em;color:var(--navy)}.archive-demo-hero span{display:block;width:52%;height:7px;border-radius:99px;background:#cbd5e1;margin-top:18px}.archive-demo-hero span+span{width:37%;margin-top:8px;background:#e2e8f0}.archive-demo-hero button{width:105px;height:31px;border:0;border-radius:9px;margin-top:20px;background:linear-gradient(90deg,#2563eb,#4f46e5)}.archive-demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:relative;z-index:2}.archive-demo-cards i{height:62px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.03)}.archive-demo-cards i:nth-child(1){border-top:3px solid #2563eb}.archive-demo-cards i:nth-child(2){border-top:3px solid #7c3aed}.archive-demo-cards i:nth-child(3){border-top:3px solid #06b6d4}.archive-demo-color{position:absolute;right:22px;bottom:18px;width:95px;height:55px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#7c3aed 64%,#06b6d4);opacity:.92;box-shadow:0 14px 32px rgba(79,70,229,.24)}
@media(max-width:900px){.archive-demo{grid-template-columns:1fr;gap:24px;padding:30px}.archive-demo-visual{min-height:390px}.archive-demo-browser{inset:10px 0 0}}
@media(max-width:640px){.archive-demo{padding:22px;border-radius:23px}.archive-demo h2{font-size:2.25rem}.archive-demo-visual{min-height:290px}.archive-demo-page{min-height:260px;padding:16px}.archive-demo-hero{padding:34px 8px 20px}.archive-demo-hero strong{font-size:1.85rem}.archive-demo-cards i{height:46px}.archive-demo-color{width:72px;height:42px}}

/* ============================================================
   EVOLUTION-COMPUTER V4.4.1 — MOBILE / GALAXY S24 QA FIX
   Mobile is a dedicated layout, not a squeezed desktop canvas.
   ============================================================ */
@media (max-width: 900px){
  html{scroll-padding-top:78px}
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    z-index:5000!important;height:70px!important;min-height:70px!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid #e2e8f0!important;
    box-shadow:0 8px 28px rgba(15,23,42,.07)!important;
    backdrop-filter:saturate(170%) blur(16px)!important;
    transform:translateZ(0);-webkit-transform:translateZ(0)
  }
  .site-header.is-scrolled{height:66px!important;min-height:66px!important}
  .site-header .nav-wrap{height:100%;width:min(calc(100% - 28px),1180px);gap:12px}
  .site-header .brand{width:208px!important;max-width:68vw!important;flex:0 1 208px}
  .menu-button{
    display:grid!important;place-content:center;flex:0 0 46px;width:46px;height:46px;
    margin-left:auto;padding:6px!important;border:1px solid #dbe5ef!important;
    border-radius:14px;background:#fff!important;box-shadow:0 7px 18px rgba(15,23,42,.06)
  }
  .menu-button span:not(.sr-only){width:23px!important;margin:3.5px auto!important}
  .main-nav{
    position:fixed!important;top:76px!important;left:12px!important;right:12px!important;bottom:auto!important;
    max-height:calc(100dvh - 92px)!important;overflow:auto!important;padding:12px!important;
    border-radius:18px!important;background:rgba(255,255,255,.985)!important;
    border:1px solid #dbe5ef!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;
    z-index:5001!important
  }
  .main-nav>a:not(.btn){min-height:46px;display:flex;align-items:center;padding:10px 12px!important;border-radius:11px}
  .main-nav>a:not(.btn):active{background:#eff6ff;color:var(--blue)}
  .main-nav .btn{min-height:48px;width:100%}

  /* All core mobile content uses one readable column. */
  .story-chapter .container,.contact-grid-v4{min-width:0!important;max-width:100%!important}
  .story-panel,.story-panel-wide,.story-final-copy{max-width:100%!important;min-width:0!important}
  .story-chapter--contact .contact-grid-v4{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;align-items:start!important
  }
  .story-chapter--contact .contact-copy,.story-chapter--contact .contact-form{width:100%!important;max-width:none!important;min-width:0!important}
  .story-chapter--contact .contact-copy{position:static!important}
  .story-chapter--contact .contact-copy h2{max-width:520px;margin-bottom:18px!important}
  .story-chapter--contact .contact-copy h2 br{display:none}
  .story-chapter--contact .contact-copy p{max-width:620px;font-size:1rem!important;line-height:1.72!important;margin-bottom:0}
  .contact-facts-single{max-width:none!important;margin-top:24px!important}
  .contact-facts-single>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:15px 0!important}
  .contact-facts-single strong{white-space:nowrap;text-align:right}
  .contact-form{padding:24px!important;border-radius:22px!important}
  .contact-form .form-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .contact-form label{width:100%!important;font-size:.94rem!important;margin-bottom:17px!important}
  .contact-form input,.contact-form textarea{width:100%!important;min-width:0!important;font-size:16px!important;border-radius:13px!important;padding:13px 14px!important}
  .contact-form input{min-height:52px}
  .contact-form textarea{min-height:170px;resize:vertical}
  .contact-form .btn{width:100%;min-height:54px}

  /* Project screenshots get enough physical screen area to be recognizable. */
  .story-projects{width:100%;min-width:0!important;gap:16px!important}
  .story-project-card{width:100%;min-width:0;border-radius:20px!important}
  .story-project-shot{height:auto!important;aspect-ratio:1.32 / 1;min-height:235px!important;background:#eef4fb}
  .story-project-shot img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transform:scale(1.04);transform-origin:top center}
  .story-project-card>div:last-child{padding:15px!important;gap:7px!important}
  .story-project-card small{font-size:.66rem!important}
  .story-project-card strong{font-size:1.02rem!important;line-height:1.28}
  .story-project-card a{display:flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;font-size:1.1rem}

  .archive-grid{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  .archive-grid .project-card{width:100%;min-width:0}
  .archive-grid .project-browser{border-radius:20px}
  .archive-grid .project-image{height:auto!important;aspect-ratio:1.25 / 1;min-height:250px!important}
  .archive-grid .project-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important}
  .archive-grid .project-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;padding:18px 2px 0!important;align-items:start!important}
  .archive-grid .project-meta h2,.archive-grid .project-meta h3{font-size:1.55rem!important;line-height:1.1}
  .archive-grid .project-meta p{font-size:.94rem;line-height:1.6}

  /* Mobile story: simple, stable and readable. */
  .story-sticky{padding-top:84px!important}
  .story-stage{width:calc(100vw - 24px)!important;max-width:620px!important;height:420px!important}
  .story-notebook{width:min(94vw,600px)!important}
  .story-stage-head{top:3px!important;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
  .story-progress{display:none!important}
  .story-chapter{padding:58px 0!important}
  .story-panel{padding:22px!important;border-radius:22px}
  .story-panel h2,.story-final-copy h2{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1!important;letter-spacing:-.045em!important}
  .story-panel>p,.story-final-copy>p{font-size:.98rem!important;line-height:1.68!important}
}

@media (max-width: 640px){
  :root{--container:min(calc(100% - 28px),1180px)}
  .site-header .brand{width:190px!important;max-width:64vw!important}
  .hero-v4{padding-top:104px!important;padding-bottom:54px!important}
  .hero-v4 h1{font-size:clamp(2.45rem,10.5vw,3.25rem)!important;line-height:.99!important}
  .hero-v4 .lead{font-size:1rem!important;line-height:1.65!important}
  .price-strip{gap:9px!important}
  .price-strip>div{padding:11px 12px!important}
  .hero-build-preview{min-height:320px!important}

  .story-sticky{padding-top:76px!important;padding-bottom:8px!important}
  .story-stage{height:350px!important;width:calc(100vw - 18px)!important}
  .story-notebook{width:94vw!important}
  .demo-site{height:236px!important}
  .demo-hero{padding:18px 16px 10px!important}
  .demo-hero strong{font-size:1.5rem!important}
  .demo-hero p{font-size:.49rem!important;line-height:1.45!important;max-width:235px!important}
  .demo-services{padding:0 11px!important;gap:4px!important}
  .demo-services article{min-height:47px!important;padding:6px!important}
  .demo-services small{display:none}
  .demo-proof{margin:7px 11px 0!important;padding:7px 8px!important}
  .story-tablet{width:94px!important;height:132px!important;left:0!important}
  .story-phone{width:62px!important;height:126px!important;right:0!important}

  .story-chapter{padding:50px 0!important}
  .story-chapter[data-story-chapter="design"] .story-panel,
  .story-chapter[data-story-chapter="content"] .story-panel,
  .story-chapter[data-story-chapter="responsive"] .story-panel,
  .story-panel-about{padding:20px!important}
  .story-panel h2,.story-final-copy h2{font-size:clamp(2rem,9.2vw,2.65rem)!important}
  .story-offers,.story-projects,.story-reviews,.metric-grid{grid-template-columns:minmax(0,1fr)!important}
  .story-project-shot{min-height:255px!important;aspect-ratio:1.22 / 1}
  .story-project-shot img{transform:scale(1.08)}

  .story-chapter--contact{padding:62px 0 76px!important}
  .story-chapter--contact:before{top:26px!important;width:calc(100vw - 28px)!important}
  .story-chapter--contact .contact-copy h2{font-size:clamp(2.25rem,10vw,2.85rem)!important;line-height:1.02!important}
  .story-chapter--contact .contact-copy p{font-size:.98rem!important;line-height:1.7!important}
  .contact-facts-single>div{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
  .contact-facts-single strong{white-space:normal;text-align:left;font-size:1.03rem}
  .contact-form{padding:19px!important;border-radius:20px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important}

  .archive-section{padding-top:50px!important}
  .archive-grid .project-image{min-height:270px!important;aspect-ratio:1.14 / 1}
  .archive-grid .project-meta{grid-template-columns:minmax(0,1fr) 48px!important}
  .archive-grid .round-link{width:48px;height:48px;margin-top:2px!important}
  .subhero-v43{padding-top:112px!important}
}

@media (max-width: 390px){
  .site-header .brand{width:176px!important;max-width:61vw!important}
  .story-stage{height:325px!important}
  .story-tablet{display:none!important}
  .story-project-shot{min-height:240px!important}
  .archive-grid .project-image{min-height:250px!important}
  .contact-form{padding:17px!important}
}