:root{--ink:#111827;--muted:#667085;--soft:#f6f3ed;--paper:#fff;--line:#e2ded5;--night:#080d18;--night-2:#111827;--panel:#f8fafc;--teal:#00a38b;--blue:#244fb7;--coral:#ed6247;--coral-2:#ff7a5d;--gold:#f5b94f;--shadow:0 28px 80px #080d183d;--soft-shadow:0 18px 60px #1118271f;--heading:"Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg, #f8fafc00, #f8fafcbf), var(--paper);font-family:var(--body);letter-spacing:0;margin:0;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d18c7;border:1px solid #ffffff24;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100% - 32px);min-height:64px;padding:10px 12px 10px 18px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #0003}.brand,.nav-links,.actions,.proof-row,.compat-strip,.admin-pills,.site-footer{align-items:center;display:flex}.brand{white-space:nowrap;gap:10px;font-weight:900}.brand-mark{color:#fff;background:var(--coral);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.nav-links{color:#ffffffb8;gap:24px;font-size:14px;font-weight:800}.nav-links a:hover{color:#fff}.header-action,.button{text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:900;line-height:1.1;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.header-action{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-2));min-height:42px;font-size:14px;box-shadow:0 14px 36px #ed624747}.button.primary{color:#fff;background:linear-gradient(135deg, var(--coral), var(--coral-2));box-shadow:0 16px 42px #ed624757}.button.primary:hover,.header-action:hover{transform:translateY(-1px);box-shadow:0 18px 48px #ed62476b}.button.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff38}.refund-note{color:#ffe8dd;max-width:560px;margin:16px 0 0;font-size:15px;font-weight:850}.hero{color:#fff;background:radial-gradient(circle at 16% 14%,#ed624747,#0000 30%),radial-gradient(circle at 86% 32%,#00a38b29,#0000 34%),linear-gradient(135deg,#070b15 0%,#101827 52%,#081525 100%);grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(36px,5vw,72px);min-height:100vh;padding:136px clamp(24px,5vw,72px) 72px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080d18db);height:30%;position:absolute;inset:auto 0 0}.hero-copy,.hero-product{z-index:1;position:relative}.eyebrow,.label{color:var(--teal);text-transform:uppercase;letter-spacing:0;margin:0 0 16px;font-size:12px;font-weight:950}.hero .eyebrow{color:#dffff8;background:#00a38b29;border:1px solid #00a38b61;border-radius:8px;padding:8px 11px;display:inline-flex}h1,h2,h3,summary{overflow-wrap:normal;word-break:normal}h1,h2,h3{font-family:var(--heading);letter-spacing:0;text-wrap:balance;margin:0;line-height:.98}h1{max-width:720px;font-size:clamp(54px,5.8vw,88px);font-weight:700}h2{font-size:clamp(36px,4.7vw,64px);font-weight:700}h3{font-size:24px;font-weight:700}.hero-copy p:not(.eyebrow){color:#ffffffc7;max-width:700px;margin:26px 0 0;font-size:clamp(18px,2vw,22px)}.actions{flex-wrap:wrap;gap:14px;margin-top:34px}.proof-row{flex-wrap:wrap;gap:10px;margin-top:30px}.proof-row span{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:850}.hero-product{min-width:0}.window{box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;overflow:hidden}.chrome-window{transform-origin:50%;isolation:isolate;position:relative;transform:perspective(1400px)rotateY(-5deg)rotateX(1.5deg)}.chrome-window:after{content:"";z-index:-1;filter:blur(34px);opacity:.72;background:linear-gradient(135deg,#ed62476b,#00a38b47);position:absolute;inset:-1px}.window-bar{color:#ffffff94;background:#080d18c7;grid-template-columns:10px 10px 10px 1fr;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:800;display:grid}.window-bar span{background:#ffffff57;border-radius:50%;width:10px;height:10px}.window-bar span:first-child{background:var(--coral)}.window-bar span:nth-child(2){background:var(--gold)}.window-bar span:nth-child(3){background:var(--teal)}.window img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%}.floating-note{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d18db;border:1px solid #ffffff24;border-radius:8px;width:190px;padding:16px;position:absolute;box-shadow:0 18px 50px #00000047}.floating-note b,.floating-note span{display:block}.floating-note b{color:#fff}.floating-note span{color:#ffffffad;margin-top:4px;font-size:13px}.note-top{top:12%;right:-8px}.note-bottom{bottom:12%;left:-24px}.compat-strip{color:#fff;background:#050914;flex-wrap:wrap;justify-content:center;gap:16px 38px;min-height:84px;padding:24px clamp(24px,5vw,72px);font-size:14px;font-weight:850}.compat-strip span{position:relative}.compat-strip span:not(:last-child):after{content:"";background:#ffffff47;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.product-section,.feature-wall,.feature-details,.conversion-strip,.admin-section,.workflow-section,.gallery-section,.pricing-section,.faq-section,.final-cta{padding:clamp(78px,9vw,136px) clamp(24px,5vw,72px)}.product-section,.workflow-section,.faq-section{background:radial-gradient(circle at 8% 8%,#00a38b0d,#0000 28%),#fff}.section-intro{width:min(1040px,100%);margin:0 auto 48px}.section-intro.centered{text-align:center;width:min(900px,100%)}.section-intro h2{max-width:980px}.intro-copy{max-width:760px;color:var(--muted);margin:24px 0 0;font-size:19px}.showcase-grid{grid-template-columns:380px minmax(0,1fr);align-items:center;gap:48px;width:min(1180px,100%);margin:0 auto;display:grid}.showcase-copy{padding:28px 0}.showcase-copy p{color:var(--muted);margin:0;font-size:18px}.feature-list{margin:28px 0 0;padding:0;list-style:none}.feature-list li{color:#2f3848;margin:13px 0;padding-left:28px;font-weight:650;position:relative}.feature-list li:before{content:"";background:var(--teal);border-radius:3px;width:9px;height:9px;position:absolute;top:.65em;left:0}figure{margin:0}figcaption{color:var(--muted);margin-top:12px;font-size:14px}.wide-shot img,.admin-shot img,.gallery-grid img{border:1px solid var(--line);width:100%;box-shadow:var(--soft-shadow);border-radius:8px}.wide-shot img,.admin-shot img{transition:transform .22s,box-shadow .22s}.wide-shot:hover img,.admin-shot:hover img{transform:translateY(-4px);box-shadow:0 28px 76px #11182729}.feature-wall{color:#fff;background:linear-gradient(#080d18f5,#080d18),url(/assets/02-frontend-volume-pricing-Z15d8egH.png) 50%/cover no-repeat}.feature-wall,.pricing-section,.final-cta{position:relative;overflow:hidden}.feature-wall:before,.pricing-section:before,.final-cta:before{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#ed624757,#0000 25%),radial-gradient(circle at 82% 18%,#00a38b47,#0000 24%);position:absolute;inset:0}.feature-wall>*,.pricing-section>*,.final-cta>*{z-index:1;position:relative}.feature-head{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:end;gap:56px;width:min(1180px,100%);margin:0 auto 44px;display:grid}.feature-head .label{color:var(--gold)}.feature-rail{background:#ffffff2e;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(1180px,100%);margin:0 auto;display:grid;overflow:hidden}.feature-rail article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101827e6;min-height:320px;padding:30px;transition:transform .18s,background .18s}.feature-rail article:hover{background:#141f34f0;transform:translateY(-3px)}.feature-rail span,.workflow-grid span{color:var(--coral);font-size:12px;font-weight:950}.feature-rail h3,.workflow-grid h3{margin-top:18px}.feature-rail p{color:#ffffffad;margin:16px 0 0}.feature-details{background:linear-gradient(#fff 0%,#f8fafc 100%)}.feature-details .section-intro .intro-copy{margin-left:auto;margin-right:auto}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.detail-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:250px;padding:28px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 18px 54px #1118270f}.detail-grid article:hover{border-color:#00a38b52;transform:translateY(-4px);box-shadow:0 26px 70px #1118271a}.detail-grid span{color:var(--teal);text-transform:uppercase;background:#00a38b1a;border-radius:8px;margin-bottom:20px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-flex}.detail-grid p{color:var(--muted);margin:14px 0 0}.conversion-strip{color:#fff;background:linear-gradient(90deg,#ed6247f0,#244fb7e0),url(/assets/06-frontend-order-summary-KyKJLsDf.png) 50%/cover no-repeat;border-top:1px solid #ffffff2e;border-bottom:1px solid #080d181a;justify-content:space-between;align-items:center;gap:28px;display:flex}.conversion-strip div{width:min(760px,100%)}.conversion-strip strong,.conversion-strip span{display:block}.conversion-strip strong{font-size:clamp(32px,4vw,54px);line-height:1}.conversion-strip span{color:#ffffffc7;margin-top:12px;font-size:18px}.conversion-strip .button{color:var(--night);background:#fff;flex:none;box-shadow:0 18px 44px #080d1838}.admin-section{background:var(--soft);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(36px,6vw,78px);display:grid}.admin-copy p:not(.label){color:var(--muted);margin:22px 0 0;font-size:18px}.admin-pills{flex-wrap:wrap;gap:10px;margin-top:28px}.admin-pills span{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:850}.workflow-section{background:#fff}.workflow-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(1180px,100%);margin:0 auto;display:grid;overflow:hidden}.workflow-grid article{background:#fff;padding:30px}.workflow-grid p{color:var(--muted);margin:16px 0 0}.gallery-section{background:#f8fafc}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.gallery-grid figure{min-width:0}.gallery-grid img{aspect-ratio:16/10;object-fit:cover}.gallery-large{grid-column:span 2}.pricing-section{color:#fff;background:linear-gradient(90deg,#080d18f0,#080d18bd),url(/assets/08-frontend-proof-workflow-DMsQcLIW.png) 50%/cover no-repeat;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:clamp(32px,5vw,70px);display:grid}.pricing-copy{max-width:820px}.pricing-copy .label{color:var(--gold)}.pricing-copy p:not(.label){color:#ffffffb8;margin:24px 0 0;font-size:19px}.pricing-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff29,#ffffff14);border:1px solid #ffffff2e;border-radius:8px;padding:30px;position:relative;box-shadow:0 28px 90px #00000047}.pricing-badge{color:#fff;text-transform:uppercase;background:#ed6247c7;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-flex}.pricing-card h3{color:#fff;margin-top:18px}.pricing-card p{color:#ffffffb3;margin:14px 0 0}.price-line{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:end;gap:18px;margin-top:26px;padding:18px 0;display:flex}.price-line strong{color:#fff;font-size:28px}.price-line span{color:#ffffff9e}.price-features{margin:24px 0 0;padding:0;list-style:none}.price-features li{color:#ffffffc7;margin:12px 0;padding-left:26px;position:relative}.price-features li:before{content:"";background:var(--teal);border-radius:3px;width:9px;height:9px;position:absolute;top:.65em;left:0}.guarantee-box{color:#fff;background:#f5b94f1f;border:1px solid #f5b94f52;border-radius:8px;margin-top:24px;padding:16px}.guarantee-box strong,.guarantee-box span{display:block}.guarantee-box strong{color:#ffd987;font-size:15px}.guarantee-box span{color:#ffffffbd;margin-top:6px;font-size:13px}.pricing-card .button{width:100%;margin-top:28px}.checkout-note{color:#ffffff8f;text-align:center;margin-top:12px;font-size:13px;display:block}.faq-list{border-top:1px solid var(--line);background:#ffffffb8;border-radius:8px;width:min(900px,100%);margin:0 auto;box-shadow:0 22px 70px #1118270d}details{border-bottom:1px solid var(--line);padding:24px}details:last-child{border-bottom:0}summary{cursor:pointer;font-size:20px;font-weight:900}details p{color:var(--muted);margin:14px 0 0}.final-cta{text-align:center;color:#fff;background:var(--night)}.final-cta .label{color:var(--gold)}.final-cta h2{width:min(920px,100%);margin:0 auto}.final-cta .button{margin-top:34px}.site-footer{color:#ffffffa3;background:#050914;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:30px clamp(24px,5vw,72px);font-size:14px}.site-footer span:first-child{color:#fff;font-weight:900}.site-footer a:hover{color:#fff}@media (width<=1080px){.site-header{border-left:0;border-right:0;border-radius:0;width:100%;top:0}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:118px}.hero-product{max-width:760px}.chrome-window{transform:none}.showcase-grid,.feature-head,.admin-section,.pricing-section{grid-template-columns:1fr}.conversion-strip{flex-direction:column;align-items:flex-start}.feature-rail,.detail-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header{padding:10px 12px}.brand span:last-child{white-space:normal;max-width:145px;line-height:1.05}.brand-mark{width:30px;height:30px}.header-action{min-height:38px;padding:9px 11px;font-size:12px}.hero{gap:34px;min-height:auto;padding:104px 18px 48px}h1{font-size:42px}h2{font-size:34px}h3{font-size:21px}.actions,.actions .button{width:100%}.hero-product{margin-top:6px}.floating-note{width:auto;margin-top:10px;position:static}.product-section,.feature-wall,.feature-details,.conversion-strip,.admin-section,.workflow-section,.gallery-section,.pricing-section,.faq-section,.final-cta{padding:68px 18px}.showcase-grid,.feature-rail,.detail-grid,.workflow-grid,.gallery-grid{grid-template-columns:1fr}.gallery-large{grid-column:auto}.feature-rail article,.workflow-grid article,.pricing-card{padding:24px}.feature-rail article{min-height:auto}.compat-strip{justify-content:flex-start;padding:22px 18px}.compat-strip span:not(:last-child):after{display:none}}