@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;scroll-behavior:smooth;--bg:#0c0813;--panel:#1a1129;--panel2:#201431;--line:#ffffff1d;--text:#f8f3ff;--muted:#aaa0b9;--purple:#ad63f5;--pink:#e349cb;--cyan:#38d8d7}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}em{font-style:normal;color:#c57cfe}
.container{width:min(calc(100% - 48px),1280px);margin-inline:auto}
.site-header{position:sticky;top:12px;z-index:30;height:0}
.nav-shell{height:70px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 20px;border:1px solid #9d68c747;border-radius:22px;background:#160c27e8;box-shadow:0 17px 50px #08020db8,0 0 35px #7e32b321;backdrop-filter:blur(22px)}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:linear-gradient(140deg,#de8dff,#8b31e5 65%,#6227b0);box-shadow:0 0 25px #a749ef8c;font-family:Outfit,sans-serif;font-size:28px;font-weight:800;font-style:italic;line-height:1}.brand-mark span{position:absolute;right:3px;bottom:1px;color:#ffd8ff;font-size:12px;font-style:normal}.brand-name{font:800 13px/1.02 Outfit,sans-serif;letter-spacing:.09em}
.nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-links a{padding:11px 14px;border-radius:25px;color:#cfc2dd;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.nav-links a:hover{background:#a765e129;color:#fff}.nav-links span{padding-left:5px;color:#9d67c0}
.nav-account{display:flex;align-items:center;gap:10px;padding:6px 17px 6px 6px;border:1px solid #9e5dd36b;border-radius:25px;background:#241337;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d78fff,#7435d1);font-size:16px;box-shadow:0 0 13px #b85cff8a}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:0 19px;border:0;border-radius:11px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.button-primary,.button-lime{background:linear-gradient(100deg,#8e39eb,#d148c8);color:#fff;box-shadow:0 9px 24px #8f35e745}.button-primary:hover,.button-lime:hover{box-shadow:0 12px 30px #ad45eb66}.button-ghost{border:1px solid #af78d36b;background:#261738;color:#f3e9fa}.button-light{background:#fff;color:#271138}.button-dark{background:#231334;color:#fff}
.hero{position:relative;overflow:hidden;min-height:790px;padding:136px 0 66px;background:radial-gradient(ellipse at 2% 8%,#57227d 0,#261039 27%,transparent 57%),radial-gradient(ellipse at 85% 55%,#281044 0,transparent 51%),#0c0715}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ae66e065 1px,transparent 1px);background-size:145px 125px;opacity:.35;mask-image:linear-gradient(to bottom,#000,transparent 83%)}
.hero::after{content:'';position:absolute;left:20%;right:20%;bottom:-225px;height:310px;border-radius:50%;background:#a844eb26;filter:blur(80px);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:28px}.glass-panel{border:1px solid #b66bf04b;background:linear-gradient(135deg,#301943be,#1b102d9c 60%,#170c28cc);box-shadow:0 20px 60px #07020d76,inset 0 1px #ffffff1a;backdrop-filter:blur(16px)}
.hero-offer{position:relative;z-index:2;min-height:580px;padding:38px 38px 34px;border-radius:26px}.hero-offer::before{content:'';position:absolute;top:-1px;left:42px;width:135px;height:2px;background:linear-gradient(90deg,transparent,#db8aff,transparent)}
.overline,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#d29bfc;font-size:10px;font-weight:800;letter-spacing:.19em}.overline{padding:9px 13px;border:1px solid #aa63d45e;border-radius:30px;background:#a141ec1d}.live-dot{width:7px;height:7px;border-radius:50%;background:#d456e8;box-shadow:0 0 12px #f166ee}
h1,h2,h3,p{margin-top:0}.hero h1{margin:31px 0 17px;font:800 clamp(47px,4.2vw,67px)/.98 Outfit,sans-serif;letter-spacing:-.055em}.hero-offer>p{max-width:525px;color:#c3b5d1;font-size:15px;line-height:1.7}.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.hero-mini-grid>a{display:flex;align-items:center;gap:10px;min-height:70px;padding:10px;border:1px solid #b77df443;border-radius:12px;background:#1c102cbf;color:#b3a2c6;font-size:8px;font-weight:800;letter-spacing:.13em;transition:border-color .2s,background .2s}.hero-mini-grid>a:hover{border-color:#b869e7;background:#311749}.hero-mini-grid strong{display:inline-block;margin-top:3px;color:#fff;font-size:14px;letter-spacing:0}.hero-mini-grid b{margin-left:auto;color:#b675e6;font-size:17px}.mini-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid currentColor;border-radius:11px;font-size:22px}.mini-icon.purple{color:#c783ff;background:#9d4de537}.mini-icon.cyan{color:#60ebe7;background:#35e5db26}.mini-icon.orange{color:#ffb16b;background:#e887302b}.mini-icon.pink{color:#fa8add;background:#e045c42d}
.hero-bottom{display:flex;align-items:center;gap:20px;margin-top:28px}.hero-bottom>span{color:#9c85ad;font-size:9px;font-weight:800;letter-spacing:.12em}
.hero-demo{position:relative;height:610px;min-width:0;isolation:isolate}.demo-orbit{position:absolute;left:51%;top:50%;aspect-ratio:1;border:1px solid #a94feb35;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:520px;box-shadow:0 0 0 70px #a849ec0d}.orbit-two{width:365px;border-color:#b064ed49;box-shadow:0 0 50px #a445e225}
.demo-phone{position:absolute;left:50%;top:51%;width:283px;height:560px;padding:22px 15px 17px;border:7px solid #06040c;border-radius:44px;background:radial-gradient(ellipse at 50% 20%,#342050,#140d24 55%,#100b1e);box-shadow:0 0 0 2px #9770ae,0 25px 80px #05020cab,0 0 62px #a54bed54;transform:translate(-50%,-50%) rotate(3deg);overflow:hidden}.phone-speaker{position:absolute;top:8px;left:50%;width:83px;height:15px;border-radius:0 0 13px 13px;background:#050409;transform:translateX(-50%)}.phone-top{display:flex;justify-content:space-between;color:#e0d7e8;font-size:9px;font-weight:800}.phone-brand{display:flex;align-items:center;gap:6px;margin-top:20px;color:#f9eeff;font:800 10px Outfit,sans-serif;letter-spacing:.13em}.phone-brand i{margin-left:auto;color:#58ddb9;font-size:7px;font-style:normal}.phone-logo{color:#c975fb;font-size:19px;letter-spacing:0}.phone-banner{margin-top:15px;padding:12px;border:1px solid #aa4fee73;border-radius:12px;background:linear-gradient(100deg,#6326a6,#301051);box-shadow:inset 0 1px #ffffff29}.phone-banner small{display:block;color:#e0b9fb;font-size:7px;letter-spacing:.15em}.phone-banner strong{display:block;margin-top:6px;font:700 18px/1.08 Outfit,sans-serif}.phone-ring{display:grid;place-items:center;width:138px;height:138px;margin:19px auto 12px;border:1px solid #b773fd81;border-radius:50%;background:radial-gradient(circle,#7133b059,#1c1030 68%);box-shadow:0 0 0 15px #9c49de0e,0 0 0 32px #a049e809,0 0 35px #a35bea36}.phone-ring span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #cf9bfd;border-radius:50%;color:#d59bfb;font-size:42px;box-shadow:0 0 25px #c871ed5e}.phone-label{margin:0 2px 7px;color:#9a86ab;font-size:7px;font-weight:800;letter-spacing:.2em}.phone-order{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #866ba16b;border-radius:11px;background:#251735}.phone-order small,.phone-order strong{display:block}.phone-order small{color:#c492ef;font-size:7px;font-weight:800;letter-spacing:.13em}.phone-order strong{margin-top:3px;font-size:12px}.phone-order>span{padding:5px 6px;border-radius:20px;background:#54d8c329;color:#72e9d4;font-size:7px;font-weight:800}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.phone-stats>div{padding:9px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff0b}.phone-stats b,.phone-stats small{display:block}.phone-stats b{font-size:12px}.phone-stats small{margin-top:1px;color:#9988a9;font-size:7px}.phone-activity{margin-top:11px;padding:9px;border:1px solid #ffffff17;border-radius:9px;background:#1b112b}.phone-activity small{color:#a88dbc;font-size:7px;letter-spacing:.1em}.phone-activity>div{display:flex;align-items:end;gap:5px;height:24px;margin-top:5px}.phone-activity i{flex:1;height:45%;border-radius:4px 4px 0 0;background:linear-gradient(#df69ec,#8647d8)}.phone-activity i:nth-child(2n){height:80%}.phone-activity i:nth-child(3n){height:60%}
.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ae7adc6d;border-radius:12px;background:#241531ef;box-shadow:0 12px 27px #08020cac;backdrop-filter:blur(12px);transform:rotate(-4deg)}.float-chip .mini-icon{width:32px;height:32px;font-size:19px}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:10px}.float-chip small{margin-top:2px;color:#a996b9;font-size:8px}.chip-left{left:1%;top:41%}.chip-right{right:0;top:18%;transform:rotate(5deg)}.chip-bottom{right:4%;bottom:14%;transform:rotate(4deg)}
.category-bar{position:relative;z-index:1;border-block:1px solid #8c5faf45;background:#160e22}.category-bar .container{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:62px;color:#bfb1ce;font-size:9px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.category-bar i{color:#be74ee;font-size:12px;font-style:normal}
.section{padding-block:104px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-kicker i{display:inline-block;width:23px;height:1px;background:#ad63f5}.section h2,.final-cta h2,.inner-hero h1,.login-page h1,.order-page h1,.dashboard-page h1{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.05em}.section h2{margin:18px 0 0;font-size:clamp(36px,3.6vw,55px);line-height:1.07}.section-heading>p{max-width:335px;margin:0 0 4px;color:#a99cb7;font-size:13px;line-height:1.65}
.services-section{background:#0e0b16}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{--accent:#bc7bff;position:relative;display:flex;flex-direction:column;min-height:446px;padding:22px 20px 20px;overflow:hidden;border:1px solid #7e5aa269;border-radius:19px;background:radial-gradient(circle at 50% 0,#5834814a,transparent 38%),#1a1424;box-shadow:inset 0 1px #ffffff12;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#b77ee0}.product-card::before{content:'';position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.product-violet{--accent:#c48aff}.product-lime{--accent:#65e2e0}.product-blue{--accent:#9d9bff}.product-orange{--accent:#faac74}.product-top{display:flex;align-items:start;justify-content:space-between}.product-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:13px;background:color-mix(in srgb,var(--accent) 19%,transparent);color:var(--accent);font-size:31px}.product-index{color:#806c91;font-size:9px;font-weight:800;letter-spacing:.15em}.product-type{margin-top:20px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em}.product-card h3{margin:8px 0 9px;font:700 24px/1.08 Outfit,sans-serif;letter-spacing:-.04em}.product-card>p{min-height:54px;margin-bottom:14px;color:#ab9eb9;font-size:12px;line-height:1.52}.product-card ul{display:grid;gap:9px;margin:0 0 23px;padding:0;list-style:none}.product-card li{position:relative;padding-left:18px;color:#d0c4db;font-size:11px;line-height:1.35}.product-card li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.product-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #ffffff1d}.product-bottom small,.product-bottom strong{display:block}.product-bottom small{color:#8e7d9b;font-size:8px;font-weight:800;letter-spacing:.16em}.product-bottom strong{margin-top:3px;font:700 20px Outfit,sans-serif}.product-bottom a{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:12px;border:1px solid #aa69d575;border-radius:9px;background:linear-gradient(100deg,#7936b9,#9d3dca);font-size:11px;font-weight:800}.product-bottom a span{font-size:18px;font-weight:400}
.process-section{background:radial-gradient(ellipse at 80% 54%,#3c195d,#110a1d 58%,#0e0919)}.process-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.process-copy>p{max-width:470px;color:#a99cb7;font-size:14px;line-height:1.7}.steps{display:grid;gap:2px;margin-top:28px}.steps>div{display:flex;gap:19px;padding:18px 0;border-top:1px solid #ffffff24}.steps>div:last-child{border-bottom:1px solid #ffffff24}.steps>div>span{color:#c379fc;font:800 12px Outfit,sans-serif}.steps h3{margin:0 0 5px;font:700 18px Outfit,sans-serif}.steps p{max-width:420px;margin:0;color:#a79bb7;font-size:12px;line-height:1.55}.process-visual{min-height:425px;padding:20px;border-radius:21px;transform:rotate(2deg)}.visual-head,.visual-footer{display:flex;justify-content:space-between;color:#a683bf;font-size:10px;font-weight:800;letter-spacing:.1em}.visual-user{display:flex;align-items:center;gap:13px;margin-top:32px;padding-bottom:25px;border-bottom:1px solid #ffffff25}.visual-user>div{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:linear-gradient(135deg,#ce88ff,#6d2aab);font:800 35px Outfit,sans-serif}.visual-user>span{color:#bca9c9;font-size:10px;font-weight:800;letter-spacing:.13em}.visual-user strong{display:block;margin-top:5px;color:#fff;font:700 19px Outfit,sans-serif;letter-spacing:0}.visual-order{display:flex;align-items:center;gap:14px;margin-top:28px;padding:18px;border:1px solid #a35acf6d;border-radius:13px;background:#231335}.visual-order .mini-icon{width:49px;height:49px}.visual-order small,.visual-order strong{display:block}.visual-order small{color:#a989c1;font-size:9px;letter-spacing:.1em}.visual-order strong{margin-top:5px;font:700 19px Outfit,sans-serif}.visual-order b{margin-left:auto;padding:7px 9px;border-radius:25px;background:#40d8c52b;color:#6aead9;font-size:8px}.visual-lines{display:flex;gap:8px;margin:26px 0 27px}.visual-lines i{height:9px;border-radius:9px;background:#a663db5c}.visual-lines i:first-child{width:38%}.visual-lines i:nth-child(2){width:23%}.visual-lines i:last-child{width:29%}.visual-footer{padding-top:15px;border-top:1px solid #ffffff25}.visual-footer span{color:#65e4d3}
.use-section{background:#0e0b16}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use-grid>div{min-height:205px;padding:24px;border:1px solid #79599470;border-radius:17px;background:linear-gradient(145deg,#261734,#171020)}.use-grid>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#a35ce133;color:#cd9af6;font-size:25px}.use-grid h3{margin:18px 0 8px;font:700 20px Outfit,sans-serif}.use-grid p{max-width:320px;margin:0;color:#a89bb6;font-size:12px;line-height:1.6}
.faq-section{background:#100b1a}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid>div>p{color:#a99bb7;font-size:13px}.faq-list{border-top:1px solid #ffffff2d}.faq-list details{border-bottom:1px solid #ffffff2d}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;list-style:none;font:700 16px Outfit,sans-serif;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';display:grid;place-items:center;width:25px;height:25px;border:1px solid #ad66e876;border-radius:50%;color:#d399ff;font:400 20px DM Sans,sans-serif}.faq-list details[open] summary::after{content:'−'}.faq-list details p{max-width:620px;margin:-2px 0 20px;color:#a89bb8;font-size:13px;line-height:1.7}
.final-cta{padding:54px 0;background:radial-gradient(ellipse at 35% 50%,#522174,#231236 68%,#180d27);border-block:1px solid #955db654}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta-inner>div>span{color:#c18aeb;font-size:10px;font-weight:800;letter-spacing:.18em}.final-cta h2{margin:11px 0 0;font-size:clamp(34px,3.4vw,50px);line-height:1.1}
.site-footer{background:#0a0710}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px;padding-block:68px 55px}.footer-about p{max-width:280px;margin:19px 0 0;color:#8e829e;font-size:12px;line-height:1.7}.footer-links{display:grid;align-content:start;gap:13px}.footer-links strong{margin-bottom:7px;color:#e6d8f2;font-size:12px}.footer-links a{color:#9486a3;font-size:12px}.footer-links a:hover{color:#d598ff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid #ffffff1b;color:#776c83;font-size:10px}

/* Product detail */
.inner-hero{position:relative;overflow:hidden;padding:146px 0 100px;background:radial-gradient(ellipse at 80% 45%,#482366,#160b24 60%,#0d0816)}.breadcrumb{display:inline-flex;gap:9px;color:#a99aba;font-size:12px;font-weight:700}.breadcrumb:hover{color:#e0b3fb}.detail-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:65px;min-height:440px}.detail-copy h1{margin:22px 0 16px;font-size:clamp(62px,6vw,92px);line-height:.98}.title-period{color:#c57bfb}.detail-lead{color:#f2e8fb!important;font-size:19px!important;font-weight:700}.detail-copy>p{max-width:575px;color:#b5a6c4;font-size:14px;line-height:1.7}.detail-actions{display:flex;align-items:center;gap:17px;margin-top:26px}.detail-actions>span{color:#9f8aac;font-size:11px}.detail-art{position:relative;display:grid;place-items:center;height:385px;border:1px solid #aa6bd565;border-radius:23px;background:radial-gradient(circle at 50% 50%,#63308a66,#20132f 50%,#180e28);overflow:hidden}.detail-ring{position:absolute;width:275px;height:275px;border:1px solid #b774e858;border-radius:50%;box-shadow:0 0 0 47px #ad62e00b,0 0 0 93px #ad62e008}.detail-art>span{position:relative;display:grid;place-items:center;width:155px;height:155px;border:1px solid #d69fff;border-radius:35px;background:linear-gradient(145deg,#a85fe7,#442266);box-shadow:0 0 50px #c069eb70;transform:rotate(-10deg);font-size:94px}.detail-art small{position:absolute;left:25px;bottom:20px;color:#ae8ac6;font-size:9px;letter-spacing:.15em}.detail-info{background:#0e0b16}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-info p{margin-top:17px;color:#a899ba;font-size:14px}.detail-question-list{border-top:1px solid #ffffff27}.detail-question-list>div{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff27}.detail-question-list span{color:#c680f4;font-size:11px;font-weight:800}.detail-question-list strong{font:700 17px Outfit,sans-serif}.detail-question-list i{margin-left:auto;color:#a677cd;font-style:normal}

/* Order form */
.order-page{min-height:75vh;padding:145px 0 100px;background:radial-gradient(ellipse at 20% 42%,#321446,#10091b 58%,#0c0813)}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:70px}.order-intro h1{margin:20px 0;font-size:clamp(50px,5vw,75px);line-height:1}.order-intro>p{max-width:480px;color:#b3a3c2;font-size:14px;line-height:1.7}.order-summary{display:flex;align-items:center;gap:15px;max-width:400px;margin-top:35px;padding:17px;border:1px solid #9e61d366;border-radius:14px;background:#251434}.order-summary-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#ad60ec32;color:#d293ff;font-size:31px}.order-summary small,.order-summary strong{display:block}.order-summary small{color:#af8ec7;font-size:9px;font-weight:800;letter-spacing:.15em}.order-summary strong{margin-top:5px;font:700 18px Outfit,sans-serif}.order-hint{margin-top:16px;color:#9383a2!important;font-size:11px!important}.order-form-wrap{padding:34px;border:1px solid #9c65c15c;border-radius:19px;background:#1d122d;box-shadow:0 20px 50px #07020c77}.form-heading>span,.form-kicker{color:#c47cf5;font-size:10px;font-weight:800;letter-spacing:.17em}.form-heading h2,.login-card h2{margin:10px 0 6px;font:700 31px Outfit,sans-serif;letter-spacing:-.04em}.form-heading p,.login-card>p{color:#a897b9;font-size:13px;line-height:1.6}.order-form{display:grid;gap:11px;margin-top:27px}.order-form label{color:#eee4f5;font-size:12px;font-weight:800}.order-form input,.order-form textarea{width:100%;padding:13px 14px;border:1px solid #82609e86;border-radius:9px;outline:0;background:#130c20;color:#fff;font-size:13px}.order-form input:focus,.order-form textarea:focus{border-color:#c07bfa;box-shadow:0 0 0 3px #bb6ef32c}.order-form textarea{resize:vertical;min-height:148px}.field-help,.form-disclaimer{margin:0;color:#907f9e;font-size:11px;line-height:1.6}.form-submit{width:100%;margin-top:9px}

/* Login */
.login-page{min-height:90vh;padding:155px 0 80px;background:radial-gradient(ellipse at 22% 44%,#4b2068,#160b25 51%,#0c0814)}.login-grid{display:grid;grid-template-columns:1fr minmax(0,450px);align-items:center;gap:80px;min-height:510px}.login-visual{position:relative;min-height:450px}.login-visual h1{margin:23px 0 17px;font-size:clamp(52px,5vw,73px);line-height:1}.login-visual>p{max-width:460px;color:#baabc8;font-size:14px;line-height:1.7}.login-art{position:absolute;left:27%;bottom:0;display:grid;place-items:center;width:165px;height:165px;border:1px solid #d69bff9c;border-radius:35px;background:linear-gradient(145deg,#ba7bec,#4d2272);box-shadow:0 0 72px #a64deb7c;transform:rotate(-12deg)}.login-art span{font:800 105px Outfit,sans-serif}.login-art i{position:absolute;right:30px;bottom:30px;width:14px;height:14px;border-radius:50%;background:#f1baff}.login-art-ring{position:absolute;inset:-75px;border:1px solid #b96de953;border-radius:50%;box-shadow:0 0 0 65px #a863e70c}.login-card{padding:37px;border:1px solid #a36acf83;border-radius:20px;background:#1c112cbf;box-shadow:0 24px 70px #06020b88;backdrop-filter:blur(10px)}.login-card h2{font-size:35px}.login-card>p{margin-bottom:29px}.google-button{display:flex;align-items:center;gap:13px;width:100%;min-height:54px;padding:0 16px;border:0;border-radius:10px;background:#fff;color:#261b30;font-size:13px;font-weight:800}.google-button span:last-child{margin-left:auto;font-size:17px}.login-card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid #ffffff29}.login-card-foot span{color:#8e79a4;font-size:8px;font-weight:800;letter-spacing:.13em}.login-card-foot a{color:#c88af2;font-size:11px;font-weight:700}

/* Dashboard */
.dashboard-page{min-height:78vh;padding:145px 0 90px;background:radial-gradient(ellipse at 30% 5%,#371a50,#100a1a 52%,#0c0813)}.dashboard-welcome{display:flex;justify-content:space-between;align-items:end;gap:25px}.dashboard-welcome h1{margin:15px 0 8px;font-size:clamp(44px,5vw,68px)}.dashboard-welcome p{color:#ac9dbb;font-size:13px}.logout-button{padding:10px 0;border:0;background:none;color:#c690eb;font-size:12px;font-weight:800}.dashboard-stat-row{display:grid;grid-template-columns:1fr 130px 200px;align-items:center;gap:25px;margin-top:35px;padding:21px 25px;border:1px solid #9a63c061;border-radius:15px;background:#201330}.dashboard-stat-row>div>span{display:block;color:#9a83aa;font-size:9px;font-weight:800;letter-spacing:.15em}.dashboard-stat-row strong{display:block;margin-top:5px;overflow-wrap:anywhere;font:700 17px Outfit,sans-serif}.dashboard-stat-row>a{padding-left:22px;border-left:1px solid #ffffff2b;color:#c984f4;font-size:12px;font-weight:800}.dashboard-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:66px 0 22px}.dashboard-section-head h2{margin:10px 0 0;font:700 38px Outfit,sans-serif}.dashboard-section-head>span{color:#9785a7;font-size:12px}.orders-list{display:grid;gap:13px}.order-card{display:flex;align-items:start;gap:18px;padding:20px;border:1px solid #8f5bb25e;border-radius:15px;background:#1b1229}.order-card-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:12px;background:#9f54dc35;color:#d298ff;font-size:27px}.order-card-main{min-width:0;flex:1}.order-card-main>span{color:#a878cd;font-size:9px;font-weight:800;letter-spacing:.14em}.order-card-main h3{margin:4px 0 7px;font:700 19px Outfit,sans-serif}.order-card-main p{margin:0 0 9px;color:#b3a5c0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.order-card-main small{color:#8f7e9d;font-size:10px}.order-card-state{margin-left:auto}.state-pill{display:inline-block;padding:7px 11px;border:1px solid #52ddc876;border-radius:25px;background:#39d8c324;color:#70efdb;font-size:10px;font-weight:800}.empty-orders{display:flex;flex-direction:column;align-items:center;padding:55px 20px;border:1px dashed #9b65c16e;border-radius:17px;background:#1b1228;text-align:center}.empty-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:14px;background:#a457e333;color:#d69fff;font-size:35px}.empty-orders h3{margin:18px 0 7px;font:700 23px Outfit,sans-serif}.empty-orders p{max-width:400px;margin-bottom:21px;color:#a99bb8;font-size:13px;line-height:1.6}.message{margin:15px 0;padding:12px 14px;border-radius:9px;font-size:12px}.message-success{border:1px solid #46d4b858;background:#2aba9a22;color:#a2f5e4}.message-error{border:1px solid #ef6ca66b;background:#e7478830;color:#ffd4e3}

@media(max-width:1150px){.hero-grid{grid-template-columns:1fr .85fr}.hero-offer{padding:30px}.hero h1{font-size:53px}.float-chip{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:405px}.process-grid{gap:40px}}
@media(max-width:820px){.nav-links{gap:0}.nav-links a{padding:10px}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr}.hero-offer{min-height:auto}.hero-demo{height:540px}.category-bar .container{justify-content:start;overflow:auto}.category-bar span,.category-bar i{flex:none}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:580px}.process-grid,.faq-grid,.detail-grid,.detail-info-grid,.order-grid,.login-grid{grid-template-columns:1fr;gap:35px}.process-visual{max-width:600px}.detail-art{max-width:600px}.login-visual{min-height:310px}.login-art{left:auto;right:18%}.login-card{max-width:560px;width:100%;margin-inline:auto}.footer-top{gap:25px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),1280px)}.site-header{top:8px}.nav-shell{height:60px;padding:0 12px;border-radius:17px}.brand-mark{width:35px;height:35px;border-radius:10px;font-size:23px}.brand-name{font-size:10px}.nav-links{display:none}.nav-account{padding:4px 10px 4px 4px;font-size:10px}.account-avatar{width:27px;height:27px}.hero{padding:93px 0 35px}.hero-offer{padding:26px 20px;border-radius:20px}.hero h1{font-size:clamp(43px,10vw,60px)}.hero-offer>p{font-size:13px}.hero-mini-grid{gap:7px}.hero-mini-grid>a{min-height:62px;padding:7px;gap:7px}.hero-mini-grid .mini-icon{width:30px;height:30px;font-size:18px}.hero-mini-grid strong{font-size:11px}.hero-mini-grid b{display:none}.hero-bottom{flex-wrap:wrap;gap:12px}.hero-bottom>span{font-size:8px}.hero-demo{height:445px}.demo-phone{transform:translate(-50%,-50%) scale(.78) rotate(3deg)}.orbit-one{width:360px}.orbit-two{width:280px}.category-bar .container{min-height:53px;font-size:8px}.section{padding-block:70px}.section h2{font-size:38px}.product-grid,.use-grid{grid-template-columns:1fr}.product-card{min-height:390px}.process-visual{min-height:360px;padding:15px}.visual-user{margin-top:21px}.visual-order{margin-top:17px;padding:12px}.visual-order b{font-size:7px}.faq-grid{gap:27px}.final-cta-inner{display:block}.final-cta .button{margin-top:23px}.footer-top{grid-template-columns:1fr 1fr;gap:38px;padding-block:55px 40px}.footer-about{grid-column:1/-1}.footer-bottom{display:block;line-height:1.9}.inner-hero,.order-page,.login-page,.dashboard-page{padding-top:118px}.detail-copy h1{font-size:58px}.detail-art{height:270px}.detail-art>span{width:118px;height:118px;font-size:70px}.detail-ring{width:205px;height:205px}.order-grid{margin-top:45px}.order-intro h1{font-size:54px}.order-form-wrap{padding:23px}.login-visual{min-height:220px}.login-visual h1{font-size:52px}.login-art{right:12%;bottom:-20px;width:75px;height:75px;border-radius:20px}.login-art span{font-size:48px}.login-art i{right:15px;bottom:15px;width:7px;height:7px}.login-art-ring{inset:-27px}.login-card{padding:27px}.dashboard-welcome{display:block}.dashboard-welcome form{margin-top:20px}.dashboard-stat-row{grid-template-columns:1fr 70px;gap:14px;padding:18px}.dashboard-stat-row>a{grid-column:1/-1;padding:13px 0 0;border-left:0;border-top:1px solid #ffffff2b}.dashboard-section-head h2{font-size:32px}.order-card{gap:11px;padding:15px}.order-card-icon{width:40px;height:40px;font-size:22px}.order-card-state{align-self:start}.state-pill{padding:5px;font-size:8px}}
@media(max-width:380px){.hero h1{font-size:40px}.hero-mini-grid>a{font-size:7px}.hero-mini-grid strong{font-size:10px}.demo-phone{transform:translate(-50%,-50%) scale(.7) rotate(3deg)}.section h2{font-size:34px}.detail-actions{flex-wrap:wrap}.dashboard-stat-row{grid-template-columns:1fr}.dashboard-stat-row>a{grid-column:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Service navigation inspired by the reference site's expandable catalog. */
.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:7px;padding:11px 14px;border-radius:25px;color:#cfc2dd;font-size:12px;font-weight:700;list-style:none;cursor:pointer;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:#a765e129;color:#fff}.nav-dropdown>summary span{color:#9d67c0}.nav-mega{position:absolute;left:50%;top:48px;display:grid;grid-template-columns:215px 1fr;gap:10px;width:545px;padding:11px;border:1px solid #aa69d76e;border-radius:18px;background:#130b22f7;box-shadow:0 25px 60px #030106ba;transform:translateX(-42%);backdrop-filter:blur(18px)}.nav-mega-feature{display:flex;flex-direction:column;padding:18px;border:1px solid #a76cdd5c;border-radius:13px;background:linear-gradient(145deg,#532577,#251237)}.nav-mega-feature small{color:#d7aaf9;font-size:8px;font-weight:800;letter-spacing:.12em}.nav-mega-feature strong{margin-top:16px;font:700 17px/1.13 Outfit,sans-serif}.nav-mega-feature p{margin:9px 0 20px;color:#c1add3;font-size:10px;line-height:1.5}.nav-mega-feature a{display:flex;justify-content:space-between;margin-top:auto;padding:10px 12px;border-radius:8px;background:linear-gradient(100deg,#8436d2,#b34fdb);color:#fff;font-size:10px}.nav-mega-list{display:grid;gap:3px}.nav-mega-list a{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:9px;color:#f3eafb}.nav-mega-list a:hover{background:#ab64e729}.nav-mega-list a>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b67fe572;border-radius:9px;background:#a362da24;color:#c895f7;font-size:20px}.nav-mega-list b{font-size:11px}.nav-mega-list small{display:block;margin-top:2px;color:#9986ab;font-size:9px;font-weight:500}.mobile-menu{display:none}
@media(max-width:820px){.nav-links{display:none}.mobile-menu{position:relative;display:block;margin-left:auto}.mobile-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:4px;width:35px;height:35px;padding:8px;border:1px solid #a36dce75;border-radius:10px;background:#251336;list-style:none;cursor:pointer}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary span{display:block;height:2px;border-radius:2px;background:#e7c6ff}.mobile-menu nav{position:absolute;right:-96px;top:48px;display:grid;width:min(280px,calc(100vw - 28px));padding:8px;border:1px solid #a36dce75;border-radius:13px;background:#170d26f7;box-shadow:0 20px 45px #030106bf;backdrop-filter:blur(18px)}.mobile-menu nav a{padding:10px 11px;border-radius:8px;color:#d8c7e6;font-size:12px;font-weight:700}.mobile-menu nav a:hover{background:#a765e129;color:#fff}.mobile-menu nav a:nth-child(n+3):nth-child(-n+6){padding-left:24px;color:#ae9abe;font-size:11px}}

/* Faithful page proportions: compact campaign panel, product tiles, phone demo. */
.container{width:min(calc(100% - 48px),1180px)}
.hero{min-height:780px;padding-top:164px;padding-bottom:66px}
.hero-grid{grid-template-columns:minmax(0,505px) minmax(0,1fr);gap:55px}
.hero-offer{min-height:545px;padding:27px 27px 24px;border-color:#a665d358;border-radius:23px;background:radial-gradient(circle at 18% 10%,#6123804f,transparent 48%),linear-gradient(145deg,#231334dd,#160d24e8);box-shadow:0 25px 65px #08030ea6,inset 0 1px #ffffff20}
.hero-offer::before{left:23px;width:122px;background:linear-gradient(90deg,#d656eb,#bd78fd,transparent)}
.hero-promo-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-promo-top>span:last-child{color:#8c75a0;font-size:9px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.hero-promo-top .overline{padding:7px 10px;font-size:9px}
.promo-lockup{position:relative;margin:26px 0 22px;font-family:Outfit,sans-serif;line-height:.82;letter-spacing:-.065em}.promo-lockup b{display:block;width:max-content;max-width:100%;background:linear-gradient(105deg,#fff 3%,#dba0ff 38%,#b266eb 83%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px #c86dff21}.promo-lockup b:first-child{font-size:clamp(48px,4.5vw,61px)}.promo-lockup b:nth-child(2){margin-top:7px;font-size:clamp(68px,6.6vw,85px)}.promo-lockup small{display:block;margin-top:12px;color:#d6a6fb;font-size:10px;font-weight:800;letter-spacing:.22em}
.hero-offer h1{margin:0 0 7px;font-size:inherit;line-height:1.05;letter-spacing:0}.hero-offer h1 span,.hero-offer h1 em{display:block;font-family:Outfit,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.035em}.hero-offer h1 em{margin-top:2px;color:#c389ed;font-weight:400;text-transform:uppercase}.hero-offer>p{max-width:430px;margin:9px 0 0;color:#a996b9;font-size:11px;line-height:1.55}
.hero-offer .hero-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}.hero-offer .hero-mini-grid>a{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:8px;min-height:102px;padding:11px 9px;border-color:#9b6cc349;border-radius:11px;background:linear-gradient(145deg,#2d1a42,#1a1029);font-size:8px}.hero-offer .hero-mini-grid>a>span:nth-child(2){display:block}.hero-offer .hero-mini-grid .mini-icon{width:29px;height:29px;border-radius:8px;font-size:18px}.hero-offer .hero-mini-grid strong{display:block;margin:3px 0;color:#fff;font-size:12px}.hero-offer .hero-mini-grid small{color:#a78dbb;font-size:9px;font-weight:600;letter-spacing:0}.hero-special{display:flex;align-items:center;gap:9px;min-height:42px;margin-top:9px;padding:6px 9px;border:1px solid #af6bca57;border-radius:10px;background:#2b173b;color:#c9b5d7;font-size:10px}.hero-special .mini-icon{width:27px;height:27px;border-radius:7px;font-size:16px}.hero-special strong{margin-left:auto;color:#d79aff;font-size:10px;white-space:nowrap}
.hero-offer .hero-bottom{align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.hero-offer .hero-bottom .button{min-height:45px;padding-inline:15px;white-space:nowrap}.hero-step-counters{display:flex;gap:8px}.hero-step-counters>span{display:grid;gap:2px;min-width:52px;padding:5px 4px;border:1px solid #9a68ba49;border-radius:8px;color:#937da5;text-align:center;font-size:7px;font-weight:800;letter-spacing:.06em}.hero-step-counters b{color:#d6a2f7;font:800 14px Outfit,sans-serif}
.hero-demo{height:575px;transform:translateX(40px)}.hero-demo .demo-phone{transform:translate(-50%,-50%) scale(.92) rotate(3deg)}.hero-demo .orbit-one{width:460px}.hero-demo .orbit-two{width:340px}.hero-demo .chip-left{left:0}.hero-demo .chip-right{right:2%}.hero-demo .chip-bottom{right:4%}
@media(max-width:1150px){.hero-grid{grid-template-columns:minmax(0,505px) minmax(0,1fr);gap:15px}.hero-demo{transform:translateX(12px)}.hero-offer{padding:25px}.promo-lockup b:first-child{font-size:52px}.promo-lockup b:nth-child(2){font-size:75px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-offer{width:min(100%,600px);margin-inline:auto}.hero-demo{height:495px;transform:none}.hero-demo .orbit-one{width:420px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),1180px)}.hero{padding-top:105px}.hero-offer{padding:21px}.promo-lockup{margin:22px 0 19px}.promo-lockup b:first-child{font-size:clamp(39px,10vw,55px)}.promo-lockup b:nth-child(2){font-size:clamp(58px,15vw,79px)}.hero-offer h1 span,.hero-offer h1 em{font-size:23px}.hero-offer .hero-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hero-offer .hero-mini-grid>a{padding:7px;min-height:90px}.hero-offer .hero-mini-grid strong{font-size:10px}.hero-offer .hero-mini-grid small{font-size:8px}.hero-special{font-size:9px}.hero-special strong{font-size:9px}.hero-step-counters>span{min-width:43px;padding:4px 2px;font-size:6px}.hero-step-counters b{font-size:12px}.hero-offer .hero-bottom{gap:8px}.hero-offer .hero-bottom .button{min-height:40px;padding-inline:11px;font-size:10px}.hero-demo{height:440px}.hero-demo .demo-phone{transform:translate(-50%,-50%) scale(.77) rotate(3deg)}}
@media(max-width:380px){.hero-step-counters{display:none}.hero-offer .hero-bottom .button{width:100%}.hero-offer .hero-mini-grid strong{font-size:9px}}

/* Interactive buying steps. */
.process-step{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:17px;width:100%;padding:18px 15px 18px 0;border:0;border-top:1px solid #ffffff24;background:transparent;color:#fff;text-align:left;transition:background .2s,padding .2s}.process-step:last-child{border-bottom:1px solid #ffffff24}.process-step:hover,.process-step.active{padding-left:12px;background:#a45ce918}.process-step>span:first-child{color:#c379fc;font:800 12px Outfit,sans-serif}.process-step strong,.process-step small{display:block}.process-step strong{font:700 18px Outfit,sans-serif}.process-step small{max-width:420px;margin-top:5px;color:#a79bb7;font-size:12px;line-height:1.55}.process-step.active strong{color:#d9adff}.process-step:focus-visible{outline:2px solid #c683fa;outline-offset:2px}
.process-panel[hidden]{display:none!important}.process-panel{display:flex;flex-direction:column;min-height:340px}.process-panel .visual-footer{margin-top:auto}.visual-choice{display:flex;align-items:center;gap:12px;margin-top:9px;padding:8px 12px;border:1px solid #a35acf58;border-radius:11px;background:#241533;font-size:12px;font-weight:700}.visual-choice:first-of-type{margin-top:23px}.visual-choice .mini-icon{width:32px;height:32px;font-size:19px}.visual-choice b{margin-left:auto;color:#b57bdf;font-size:17px}.visual-form{display:grid;gap:9px;margin-top:23px;padding:17px;border:1px solid #a35acf65;border-radius:13px;background:#211430}.visual-form>small{color:#af88c8;font-size:9px;font-weight:800;letter-spacing:.14em}.visual-form>strong{margin-bottom:3px;font:700 21px Outfit,sans-serif}.visual-form label{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #8863aa66;border-radius:8px;background:#120b20;color:#cbb8d7;font-size:11px}.visual-form label span{color:#fff}.visual-form>div{display:flex;justify-content:space-between;margin-top:2px;padding:10px;border-radius:8px;background:linear-gradient(100deg,#7936b9,#9d3dca);font-size:11px;font-weight:800}.process-panel .visual-order{margin-top:35px}.process-panel .visual-lines{margin-bottom:25px}
@media(min-width:1151px){.hero-offer{margin-top:12px}.hero-demo{transform:translateX(70px)}.hero-demo .demo-phone{top:45%}.hero-demo .chip-left{left:5%}}
@keyframes phoneFloat{50%{translate:0 -7px}}@keyframes orbitGlow{50%{opacity:.65;scale:1.035}}.hero-demo .demo-phone{animation:phoneFloat 7s ease-in-out infinite}.hero-demo .demo-orbit{animation:orbitGlow 9s ease-in-out infinite}.hero-demo .orbit-two{animation-delay:2s}

.platform-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-31px;margin-bottom:70px;position:relative;z-index:2}.platform-band>div{display:flex;align-items:center;gap:13px;min-height:77px;padding:14px 19px;border:1px solid #9c64c063;border-radius:13px;background:linear-gradient(140deg,#281837,#1b1129);box-shadow:0 14px 35px #0903115e}.platform-band span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b981e683;border-radius:10px;background:#a45fe52b;color:#d6a2f9;font-size:22px}.platform-band strong{color:#f5e7ff;font:800 27px Outfit,sans-serif}.platform-band small{color:#a995b7;font-size:11px}
.process-section{padding-top:92px}.process-heading{margin-bottom:22px}.process-heading>p{max-width:380px}.process-grid{position:relative;grid-template-columns:1fr 1fr;gap:58px;min-height:550px}.process-grid::before{content:'';position:absolute;left:1%;top:5%;width:540px;height:540px;border:1px solid #a962de24;border-radius:50%;box-shadow:0 0 0 55px #ac61df08,0 0 80px #ad60eb1a;pointer-events:none}.process-copy{align-self:center}.process-copy .steps{margin-top:0}.process-visual{order:-1;position:relative;justify-self:center;width:324px;min-height:526px;padding:25px 14px 18px;border:7px solid #09050f;border-radius:42px;background:radial-gradient(circle at 50% 22%,#3d2054,#1a1029 63%,#120b20);box-shadow:0 0 0 2px #8d6aac,0 30px 70px #05020ba8,0 0 80px #9f4bc43a;transform:rotate(-3deg)}.process-visual::before{content:'';position:absolute;left:50%;top:0;width:83px;height:17px;border-radius:0 0 12px 12px;background:#09050f;transform:translateX(-50%)}.process-visual .visual-head{font-size:8px}.process-visual .visual-user{gap:9px;margin-top:27px;padding-bottom:17px}.process-visual .visual-user>div{width:45px;height:45px;border-radius:11px;font-size:27px}.process-visual .visual-user>span{font-size:8px}.process-visual .visual-user strong{font-size:15px}.process-visual .process-panel{min-height:411px}.process-visual .visual-choice{margin-top:10px;padding:8px;font-size:10px}.process-visual .visual-choice .mini-icon{width:29px;height:29px;font-size:17px}.process-visual .visual-form{margin-top:23px;padding:13px}.process-visual .visual-form label{font-size:10px}.process-visual .visual-form label span{max-width:130px;text-align:right}.process-visual .visual-order{gap:8px;padding:10px}.process-visual .visual-order .mini-icon{width:34px;height:34px;font-size:17px}.process-visual .visual-order small{font-size:7px}.process-visual .visual-order strong{font-size:14px}.process-visual .visual-order b{padding:5px;font-size:7px}.process-visual .visual-footer{font-size:8px}
@media(max-width:820px){.platform-band{margin-bottom:0}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid::before{left:50%;top:0;transform:translateX(-50%);width:420px;height:420px}.process-visual{order:-1}.process-copy{max-width:600px;width:100%;margin-inline:auto}}
@media(max-width:620px){.platform-band{grid-template-columns:1fr;gap:8px;margin-top:-20px;margin-bottom:0}.platform-band>div{min-height:58px;padding:10px 14px}.platform-band span{width:31px;height:31px;font-size:19px}.platform-band strong{font-size:21px}.platform-band small{font-size:10px}.process-heading{margin-bottom:35px}.process-grid::before{width:320px;height:320px}.process-visual{width:min(324px,calc(100vw - 58px));min-height:515px}.process-visual .visual-order b{font-size:6px}}

/* Motion adds depth without delaying access to any content. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes rise-in { from { opacity:0; translate:0 22px } to { opacity:1; translate:0 0 } }
  @keyframes glow-breathe { 50% { opacity:.55; scale:1.07 } }
  @keyframes chip-drift { 50% { translate:0 -9px } }
  @keyframes ring-pulse { 50% { box-shadow:0 0 0 20px #9c49de12,0 0 0 38px #a049e807,0 0 48px #bd70ff6b } }
  @keyframes panel-in { from { opacity:0; translate:0 10px } to { opacity:1; translate:0 0 } }

  .motion-enabled .nav-shell { animation:rise-in .65s both }
  .motion-enabled .hero-offer { animation:rise-in .8s .1s both }
  .motion-enabled .hero-demo { animation:rise-in .9s .28s both }
  .motion-enabled [data-reveal] { opacity:0; translate:0 24px; transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms) }
  .motion-enabled [data-reveal].is-visible { opacity:1; translate:0 0 }

  .hero::after { animation:glow-breathe 11s ease-in-out infinite }
  .hero-demo .float-chip { animation:chip-drift 5.5s ease-in-out infinite }
  .hero-demo .chip-right { animation-delay:-1.7s }
  .hero-demo .chip-bottom { animation-delay:-3.2s }
  .phone-ring { animation:ring-pulse 4.8s ease-in-out infinite }
  .live-dot { animation:glow-breathe 2.6s ease-in-out infinite }
  .process-panel:not([hidden]) { animation:panel-in .38s ease both }
  .faq-list details[open] p { animation:panel-in .28s ease both }

  .product-card { transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s }
  .product-card:hover,.product-card:focus-within { transform:translateY(-7px); border-color:var(--accent); box-shadow:0 22px 50px #05020a80,0 0 30px color-mix(in srgb,var(--accent) 17%,transparent) }
  .product-card:hover .product-icon,.product-card:focus-within .product-icon { transform:rotate(-7deg) scale(1.08) }
  .product-icon { transition:transform .3s cubic-bezier(.2,.7,.2,1) }
  .hero-mini-grid>a,.hero-special,.use-grid>div,.platform-band>div { transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s }
  .hero-mini-grid>a:hover,.hero-mini-grid>a:focus-visible,.hero-special:hover,.hero-special:focus-visible,.use-grid>div:hover,.platform-band>div:hover { transform:translateY(-4px); border-color:#c68afa; box-shadow:0 15px 35px #08030e8c }
  .button-primary,.product-bottom a { position:relative; overflow:hidden }
  .button-primary::after,.product-bottom a::after { content:''; position:absolute;inset:0;width:45%;background:linear-gradient(105deg,transparent,#ffffff38,transparent);transform:translateX(-220%) skewX(-18deg);transition:transform .65s ease;pointer-events:none }
  .button-primary:hover::after,.button-primary:focus-visible::after,.product-bottom a:hover::after,.product-bottom a:focus-visible::after { transform:translateX(360%) skewX(-18deg) }
  .button-primary span,.product-bottom a span { transition:translate .25s ease }
  .button-primary:hover span,.product-bottom a:hover span { translate:3px -3px }
}

/* Frosted surfaces keep a dark tint so copy remains readable. */
:root { --glass-stroke:#d9a9ff59; --glass-shadow:0 22px 55px #06020d85,inset 0 1px #ffffff35 }
.nav-shell { border-color:var(--glass-stroke); background:#1b102dc9; box-shadow:var(--glass-shadow); backdrop-filter:blur(24px) saturate(145%) }
.hero-offer { border-color:var(--glass-stroke); background:radial-gradient(circle at 5% 0%,#d69bff2e,transparent 42%),linear-gradient(145deg,#ffffff1c,#321947aa 48%,#140b22d9); box-shadow:var(--glass-shadow); backdrop-filter:blur(22px) saturate(145%) }
.services-section { background:radial-gradient(circle at 10% 12%,#69319138,transparent 34%),radial-gradient(circle at 88% 78%,#6c32832d,transparent 34%),#0e0b16 }
.product-card { border-color:var(--glass-stroke); background:radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 48%),linear-gradient(145deg,#ffffff18,#321c43b3 44%,#150e21dc); box-shadow:var(--glass-shadow); backdrop-filter:blur(18px) saturate(140%) }
.platform-band>div,.use-grid>div,.order-summary,.order-form-wrap,.login-card,.dashboard-stat-row,.order-card,.empty-orders { border-color:var(--glass-stroke); background:linear-gradient(145deg,#ffffff18,#39204ab5 46%,#160e24dc); box-shadow:var(--glass-shadow); backdrop-filter:blur(18px) saturate(140%) }
.use-section { background:radial-gradient(circle at 84% 18%,#6f32983d,transparent 38%),#0e0b16 }
.faq-section { background:radial-gradient(circle at 12% 82%,#73329138,transparent 35%),#100b1a }
.faq-list { padding:7px 23px; border:1px solid var(--glass-stroke); border-radius:18px; background:linear-gradient(145deg,#ffffff14,#321b43a8 45%,#160e24d9); box-shadow:var(--glass-shadow); backdrop-filter:blur(18px) saturate(140%) }
.faq-list details:first-child { border-top:0 }
.detail-art { border-color:var(--glass-stroke); background:radial-gradient(circle at 50% 50%,#8a44b36b,#392047a3 54%,#170d29bd); box-shadow:var(--glass-shadow); backdrop-filter:blur(18px) saturate(140%) }
.order-form input,.order-form textarea { background:#130c20c9 }
@media(max-width:620px) { .faq-list { padding:5px 15px } }
@media(prefers-reduced-transparency:reduce) { .nav-shell,.hero-offer,.product-card,.platform-band>div,.use-grid>div,.faq-list,.detail-art,.order-summary,.order-form-wrap,.login-card,.dashboard-stat-row,.order-card,.empty-orders { background:#20132e; backdrop-filter:none } }