:root{--blue:#1697E6;--navy:#0E2A47;--red:#E53935;--electric:#35B8FF;--slate:#475569;--charcoal:#1E293B;--white:#fff;--soft:#F8FAFC;--border:#E2E8F0;--text:#64748B;--green:#22C55E;--gold:#F59E08;--shadow:0 24px 70px rgba(14,42,71,.14);--shadow-sm:0 12px 35px rgba(14,42,71,.1);--radius:24px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:var(--white);line-height:1.6;overflow-x:hidden}body.dark{--white:#0b1724;--soft:#101f2f;--border:#21364b;--navy:#f5f8fc;--charcoal:#e8eef5;--text:#a9bbcc;--shadow:0 24px 70px rgba(0,0,0,.35);--shadow-sm:0 12px 35px rgba(0,0,0,.25)}body.dark .site-header,body.dark .nav-links{background:rgba(11,23,36,.92)}body.dark .hero{background:linear-gradient(180deg,#0d1d2d 0%,#0b1724 82%)}body.dark .browser-card,body.dark .service-card,body.dark .demo-stage,body.dark .project-card,body.dark .price-card,body.dark .accordion details,body.dark .booking-demo,body.dark .chat-demo,body.dark .analytics-demo,body.dark .store-demo{background:#102131}body.dark .contact-form{background:#102131}body.dark input,body.dark select,body.dark textarea{background:#0b1724;color:#fff}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section-pad{padding:110px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:var(--navy);color:#fff;padding:12px 18px}.announcement{background:var(--navy);color:#fff;text-align:center;padding:8px 20px;font-size:.85rem}.announcement a{color:var(--electric);margin-left:8px;font-weight:700}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:1.08rem;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--electric));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(22,151,230,.28)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a{color:var(--charcoal);text-decoration:none;font-weight:650;font-size:.94rem}.nav-links>a:hover{color:var(--blue)}.nav-links .nav-cta{background:var(--red);color:#fff;padding:11px 18px;border-radius:999px}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--navy);font-size:1.35rem;cursor:pointer}.menu-toggle{display:none;width:42px;height:42px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px auto}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f4faff 0%,#fff 82%);padding-top:95px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);opacity:.28}.hero-glow-one{width:480px;height:480px;background:radial-gradient(circle,var(--electric),transparent 68%);right:-190px;top:-80px}.hero-glow-two{width:340px;height:340px;background:radial-gradient(circle,var(--red),transparent 70%);left:-220px;bottom:0;opacity:.12}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:.78rem;letter-spacing:.18em;font-weight:850;text-transform:uppercase}.eyebrow.light{color:#83d4ff}.hero h1,.section-heading h2,.comparison-copy h2,.about-copy h2{font-size:clamp(2.55rem,5.3vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:0}.section-heading h2,.comparison-copy h2,.about-copy h2{font-size:clamp(2.1rem,4vw,3.65rem)}.gradient-text{background:linear-gradient(95deg,var(--blue),var(--electric) 50%,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.18rem;color:var(--text);max-width:660px;margin:26px 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border-radius:13px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:.95rem;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--red),#ff5550);color:#fff;box-shadow:0 12px 25px rgba(229,57,53,.28)}.btn-secondary{color:var(--navy);border-color:var(--border);background:var(--white)}.hero-proof{display:flex;gap:38px;margin-top:42px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:.95rem}.hero-proof span{font-size:.78rem;color:var(--text)}.browser-wrap{position:relative}.browser-card{background:var(--white);border:1px solid rgba(226,232,240,.8);border-radius:24px;box-shadow:0 38px 90px rgba(14,42,71,.19);overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.browser-bar{height:48px;background:var(--soft);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.browser-dots{display:flex;gap:6px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#ff625a}.browser-dots i:nth-child(2){background:#ffbd2e}.browser-dots i:nth-child(3){background:#29c941}.browser-url{font-size:.68rem;background:var(--white);border:1px solid var(--border);border-radius:999px;color:var(--text);padding:5px 34px}.browser-body{display:grid;grid-template-columns:58px 1fr;min-height:430px}.mini-sidebar{background:var(--navy);display:flex;align-items:center;flex-direction:column;gap:25px;padding-top:18px}.mini-logo{width:30px;height:30px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:900}.mini-sidebar span{width:20px;height:5px;border-radius:999px;background:rgba(255,255,255,.24)}.mini-sidebar .active{background:var(--electric)}.mini-dashboard{padding:27px;background:linear-gradient(155deg,var(--soft),var(--white))}.mini-topline{display:flex;justify-content:space-between;align-items:center;font-size:.77rem;font-weight:800}.mini-topline b{font-size:.58rem;background:#dcfce7;color:#15803d;padding:4px 8px;border-radius:999px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric-row article{padding:13px;border:1px solid var(--border);background:var(--white);border-radius:12px}.metric-row small,.metric-row strong,.metric-row em{display:block}.metric-row small{font-size:.55rem;color:var(--text)}.metric-row strong{font-size:1.05rem}.metric-row em{font-size:.55rem;color:var(--green);font-style:normal}.chart-card{position:relative;height:190px;border:1px solid var(--border);border-radius:15px;background:var(--white);overflow:hidden}.chart-card svg{position:absolute;inset:auto 8px 25px 8px}.chart-bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:25px 20px}.chart-bars i{width:8%;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(53,184,255,.3),rgba(22,151,230,.08))}.activity-card{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px;border-radius:12px;background:var(--navy);color:#fff}.avatar-stack{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:.6rem;font-weight:900}.activity-card div{display:flex;flex-direction:column;flex:1}.activity-card strong{font-size:.65rem}.activity-card small,.activity-card b{font-size:.52rem;color:#b8c8d8}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-sm);animation:float 4s ease-in-out infinite}.floating-card>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#eaf7ff;color:var(--blue);font-weight:900}.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:.7rem}.floating-card small{font-size:.58rem;color:var(--text)}.floating-seo{left:-45px;bottom:90px}.floating-speed{right:-25px;top:72px;animation-delay:1s}.floating-speed>span{background:#e8fff0;color:var(--green)}@keyframes float{50%{transform:translateY(-9px)}}.logo-strip{margin-top:85px;padding-top:30px;border-top:1px solid var(--border);text-align:center}.logo-strip>span{font-size:.68rem;color:var(--text);letter-spacing:.16em;font-weight:800}.logo-strip div{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:20px;color:#91a0af}.logo-strip b{font-size:.95rem}.section-heading{max-width:800px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading>p:last-child,.comparison-copy>p,.about-copy>p{color:var(--text);font-size:1.05rem}.section-heading.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;max-width:none;align-items:end}.services{background:var(--soft)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;padding:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card.feature-card{border-top:4px solid var(--red)}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e4f5ff,#fff);color:var(--blue);font-size:1.5rem}.card-number{position:absolute;right:25px;top:28px;color:#d7e0e9;font-weight:900;font-size:1.6rem}.service-card h3{font-size:1.35rem;margin:25px 0 10px}.service-card p{color:var(--text)}.service-card ul{padding:0;list-style:none;margin:22px 0}.service-card li{padding:7px 0;color:var(--charcoal);font-size:.9rem}.service-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.service-card a,.text-link{color:var(--blue);font-weight:800;text-decoration:none}.showcase{background:linear-gradient(180deg,var(--white),var(--soft))}.feature-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.tab-btn,.filter-buttons button{border:1px solid var(--border);background:var(--white);color:var(--text);padding:10px 18px;border-radius:999px;font-weight:750;cursor:pointer}.tab-btn.active,.filter-buttons button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.demo-stage{border:1px solid var(--border);background:var(--white);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.demo-panel{display:none;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:center;padding:50px}.demo-panel.active{display:grid}.demo-copy h3{font-size:2rem;line-height:1.15;margin:10px 0 16px}.demo-copy p{color:var(--text)}.demo-label{font-size:.7rem;color:var(--red);font-weight:900;letter-spacing:.15em}.check-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.check-row span{background:var(--soft);border:1px solid var(--border);font-size:.72rem;padding:7px 10px;border-radius:999px}.store-demo,.analytics-demo,.booking-demo,.chat-demo{border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.store-top{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.store-top span{position:relative}.store-top b{position:absolute;right:-8px;top:-9px;background:var(--red);color:#fff;border-radius:50%;font-size:.55rem;width:15px;height:15px;display:grid;place-items:center}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.product-art{height:170px;border-radius:14px;position:relative;display:grid;place-items:center}.art-one{background:linear-gradient(135deg,#dff5ff,#9edcff)}.art-two{background:linear-gradient(135deg,#ffe4e3,#ffaaa7)}.product-art i{font-size:4.4rem;color:var(--navy);font-style:normal}.product-art span{position:absolute;top:10px;left:10px;font-size:.52rem;background:#fff;padding:4px 7px;border-radius:999px;font-weight:900}.product-grid small{font-size:.6rem;color:var(--text)}.product-grid h4{margin:2px 0}.product-grid p{margin:0 0 8px;font-weight:900}.product-grid button{width:100%;border:0;background:var(--navy);color:#fff;padding:9px;border-radius:8px;cursor:pointer}.analytics-demo{padding:25px}.analytics-head{display:flex;justify-content:space-between}.analytics-head small{color:var(--text)}.analytics-head h4{font-size:2rem;margin:3px 0}.analytics-head select{border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--white);color:var(--navy)}.line-chart svg{width:100%}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding-top:16px}.analytics-stats span{display:flex;flex-direction:column;color:var(--text);font-size:.7rem}.analytics-stats b{font-size:1.05rem;color:var(--navy)}.booking-demo{padding:24px}.booking-head,.weekday,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;text-align:center}.booking-head{grid-template-columns:40px 1fr 40px}.booking-head button{border:0;background:var(--soft);height:34px;border-radius:8px}.weekday{margin-top:18px;color:var(--text);font-size:.7rem}.calendar-grid{gap:6px;margin-top:8px}.calendar-grid button,.calendar-grid i{height:34px;border:0;background:transparent;border-radius:8px;color:var(--navy)}.calendar-grid .available{background:#eaf7ff;color:var(--blue)}.calendar-grid .selected{background:var(--red);color:#fff}.time-slots{display:flex;gap:8px;margin-top:16px}.time-slots button{flex:1;border:1px solid var(--border);background:var(--white);padding:9px;border-radius:8px;color:var(--navy)}.time-slots .active{background:var(--navy);color:#fff}.chat-head{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:15px}.chat-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);font-weight:900}.chat-head div{display:flex;flex:1;flex-direction:column}.chat-head small{font-size:.65rem;color:#bfd0df}.chat-head small i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%}.chat-head button{border:0;background:transparent;color:#fff;font-size:1.2rem}.chat-body{height:210px;padding:18px;overflow:auto;background:var(--soft)}.bot-message,.user-message{max-width:80%;padding:10px 12px;border-radius:13px;font-size:.78rem;margin-bottom:8px}.bot-message{background:var(--white);border:1px solid var(--border)}.user-message{margin-left:auto;background:var(--blue);color:#fff}.quick-replies{display:flex;gap:6px;padding:10px;overflow:auto}.quick-replies button{white-space:nowrap;border:1px solid var(--blue);background:var(--white);color:var(--blue);border-radius:999px;padding:7px 9px;font-size:.65rem}.chat-input{display:flex;border-top:1px solid var(--border);padding:10px}.chat-input input{flex:1;border:0;outline:0;background:transparent;color:var(--navy)}.chat-input button{border:0;background:var(--red);color:#fff;border-radius:8px;width:36px}.marquee-section{background:var(--navy);color:#fff;overflow:hidden;padding:20px 0}.marquee{white-space:nowrap}.marquee div{display:inline-flex;gap:28px;align-items:center;animation:scroll 25s linear infinite}.marquee span{font-size:1.05rem;font-weight:800}.marquee i{color:var(--electric)}@keyframes scroll{to{transform:translateX(-50%)}}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card{background:var(--white);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s}.project-card.hidden{display:none}.project-card:hover{transform:translateY(-5px)}.project-visual{min-height:420px;position:relative;overflow:hidden}.project-wide{grid-column:1/-1}.project-wide .project-visual{min-height:430px}.project-meta{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;padding:24px}.project-meta span{font-size:.68rem;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-meta h3{margin:3px 0}.project-meta p{color:var(--text);margin:0;font-size:.9rem}.finance-visual{background:linear-gradient(145deg,#071d33,#0e4770);color:#fff;padding:30px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.mock-nav b{font-size:1.5rem;color:var(--electric)}.mock-nav button,.mock-hero span{background:var(--red);color:#fff;border:0;border-radius:999px;padding:8px 12px}.mock-hero{max-width:65%;margin-top:85px}.mock-hero small{color:#8ed9ff;letter-spacing:.14em}.mock-hero h3{font-size:2.5rem;line-height:1.05;margin:12px 0 26px}.mock-stats{position:absolute;left:30px;right:30px;bottom:28px;display:flex;gap:16px}.mock-stats b{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:14px;flex:1}.mock-stats small{display:block;color:#b7cadb;font-weight:400}.wizard-visual{background:linear-gradient(145deg,#e5f6ff,#fff2cf);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wizard-visual:before{content:"";position:absolute;width:320px;height:320px;border:40px solid rgba(22,151,230,.12);border-radius:50%}.wizard-logo{position:relative;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#f5c85a;border:4px solid #d8a52e;font-weight:900;font-size:1.4rem}.wizard-visual h3{position:relative;font-size:2.3rem;line-height:.9;margin:15px}.wizard-visual span,.wizard-visual button{position:relative}.wizard-visual button{margin-top:18px;border:0;background:var(--blue);color:#fff;padding:10px 16px;border-radius:999px}.tile{position:absolute;width:130px;height:130px;border-radius:24px;background:rgba(255,255,255,.55);transform:rotate(25deg)}.tile-a{left:-35px;top:30px}.tile-b{right:-30px;bottom:20px}.tech-visual{background:#07131f;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:center}.orb{position:absolute;width:290px;height:290px;border-radius:50%;right:-70px;top:45px;background:radial-gradient(circle at 35% 35%,#fff, var(--electric) 8%,var(--blue) 24%,#3416b5 55%,transparent 70%);filter:blur(1px);box-shadow:0 0 70px rgba(53,184,255,.45)}.tech-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(53,184,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,184,255,.08) 1px,transparent 1px);background-size:35px 35px}.tech-visual small,.tech-visual h3,.tech-visual button{position:relative;z-index:1}.tech-visual small{color:#6ad0ff}.tech-visual h3{font-size:2.5rem;max-width:60%;line-height:1.05}.tech-visual button{width:max-content;padding:10px 16px;border:0;border-radius:999px;background:#fff;color:#07131f}.store-visual{background:linear-gradient(110deg,#f3f0eb 0 52%,#0e2a47 52%);display:grid;grid-template-columns:1fr 1fr}.store-product{display:grid;place-items:center}.shoe-shape{font-size:8rem;font-weight:950;transform:skew(-12deg) rotate(-12deg);color:var(--red);text-shadow:14px 18px 0 rgba(14,42,71,.15)}.store-copy{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:45px}.store-copy small{color:#88d7ff}.store-copy h3{font-size:3rem;line-height:1;margin:10px 0}.store-copy button{width:max-content;border:0;border-radius:999px;background:var(--red);color:#fff;padding:11px 16px}.color-dots{position:absolute;bottom:30px;left:30px;display:flex;gap:7px}.color-dots i{width:16px;height:16px;border-radius:50%;background:var(--red)}.color-dots i:nth-child(2){background:var(--navy)}.color-dots i:nth-child(3){background:#eee}.comparison{background:var(--soft)}.comparison-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.comparison-copy ul{padding:0;list-style:none}.comparison-copy li{margin:10px 0}.comparison-copy li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.before-after{position:relative;height:500px;border-radius:25px;overflow:hidden;box-shadow:var(--shadow);border:8px solid var(--white)}.compare-layer{position:absolute;inset:0}.compare-layer.old{width:50%;overflow:hidden;z-index:2;border-right:3px solid #fff}.compare-site{width:720px;height:100%;padding:35px}.modern-site{background:linear-gradient(135deg,#163b28,#5ba86d);color:#fff}.modern-site nav{display:flex;justify-content:space-between;align-items:center}.modern-site nav button,.modern-site main button{background:#f1c45a;border:0;border-radius:999px;padding:10px 15px}.modern-site main{margin-top:120px;max-width:480px}.modern-site main h3{font-size:3.5rem;line-height:.95;margin:10px 0}.old-site{background:#fff8cf;color:#0033cc;font-family:"Times New Roman",serif}.old-site h3{color:red;font-size:2rem}.old-site marquee{background:yellow;color:red;font-weight:bold}.old-links{margin:25px 0;text-decoration:underline}.old-site button{background:#c0c0c0;border:3px outset #fff;padding:12px}.compare-label{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.65);color:#fff;font-size:.65rem;padding:6px 9px;border-radius:999px}.old .compare-label{right:auto;left:16px}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.slider-handle{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.25)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.timeline:before{content:"";position:absolute;top:56px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--blue),var(--red))}.timeline article{text-align:center;position:relative}.timeline article>span{font-size:.7rem;color:var(--text)}.process-icon{position:relative;z-index:1;width:70px;height:70px;margin:10px auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--white);border:2px solid var(--blue);font-size:1.5rem;box-shadow:0 0 0 8px var(--white)}.timeline h3{margin:0}.timeline p{color:var(--text);font-size:.88rem}.tech-stack{background:var(--navy);color:#fff;overflow:hidden}.tech-stack .section-heading p{color:#bbcad8}.tech-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.tech-orbit{position:relative;height:480px}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--red));display:grid;place-items:center;box-shadow:0 0 70px rgba(53,184,255,.4)}.orbit-center span{font-size:2rem;font-weight:900}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%);animation:rotate 22s linear infinite}.orbit-one{width:270px;height:270px}.orbit-two{width:430px;height:430px;animation-direction:reverse;animation-duration:32s}.orbit i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:16px;background:#fff;color:#0e2a47;display:grid;place-items:center;font-size:.65rem;font-style:normal;font-weight:900;transform:rotate(calc(var(--n) * 90deg)) translateX(135px) rotate(calc(var(--n) * -90deg))}.orbit-two i{transform:rotate(calc(var(--n) * 60deg)) translateX(215px) rotate(calc(var(--n) * -60deg))}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.pricing{background:var(--soft)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:-20px 0 30px}.pricing-toggle label{position:relative;width:52px;height:28px}.pricing-toggle input{opacity:0}.pricing-toggle i{position:absolute;inset:0;background:#cbd5e1;border-radius:999px}.pricing-toggle i:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:4px;top:4px;transition:.2s}.pricing-toggle input:checked+i{background:var(--blue)}.pricing-toggle input:checked+i:after{left:28px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:var(--shadow-sm)}.price-card.popular{border:2px solid var(--blue);transform:scale(1.035)}.popular-badge{position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:999px;padding:5px 14px;font-size:.65rem;font-weight:900}.plan-label{color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.14em}.price-card h3{font-size:1.7rem;margin:8px 0}.price-card>p{color:var(--text);min-height:75px}.price{margin:25px 0}.price small{display:block;color:var(--text)}.price strong{font-size:2.3rem;line-height:1.1}.price em{font-size:.8rem;color:var(--text);font-style:normal}.care-price{display:none}.pricing.monthly .project-price{display:none}.pricing.monthly .care-price{display:block}.price-card ul{padding:0;list-style:none;min-height:220px}.price-card li{padding:8px 0;border-bottom:1px solid var(--border)}.price-card li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:900}.price-card .btn{width:100%}.pricing-note{text-align:center;color:var(--text);margin-top:28px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.portrait-card{height:580px;position:relative;border-radius:30px;background:linear-gradient(145deg,var(--navy),#164f7a);overflow:hidden;box-shadow:var(--shadow)}.portrait-card:before,.portrait-card:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.portrait-card:before{width:430px;height:430px;left:-140px;top:50px}.portrait-card:after{width:290px;height:290px;right:-80px;bottom:-40px}.portrait-monogram{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:8rem;font-weight:950;color:#fff;letter-spacing:-.12em;text-shadow:18px 20px 0 rgba(53,184,255,.2)}.portrait-lines{position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 48%,rgba(255,255,255,.08) 49%,transparent 50%);background-size:28px 28px}.experience-badge{position:absolute;right:22px;bottom:22px;background:#fff;color:#0e2a47;padding:18px;border-radius:16px;display:flex;gap:12px;align-items:center;max-width:200px}.experience-badge strong{font-size:2rem;color:var(--red)}.experience-badge span{font-size:.73rem;line-height:1.2;font-weight:800}.about-points{margin:25px 0}.about-points div{display:flex;gap:12px;margin:15px 0}.about-points span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#e8fff0;color:var(--green);font-weight:900}.about-points p{margin:0;color:var(--text)}.about-points strong{display:block;color:var(--navy)}.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.accordion details{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:0 20px;margin-bottom:12px}.accordion summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:800;padding:20px 0;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:1.4rem;color:var(--blue)}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--text);margin-top:0;padding-bottom:18px}.contact{background:linear-gradient(180deg,var(--soft) 50%,var(--white) 50%)}.contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#081e34,#0e4770);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.contact-copy{padding:60px;color:#fff}.contact-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;margin:0}.contact-copy>p{color:#c0d0de}.contact-methods{margin-top:35px}.contact-methods a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:15px 0}.contact-methods>a>span{width:45px;height:45px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center}.contact-methods div{display:flex;flex-direction:column}.contact-methods small{color:#a9c0d3}.contact-form{background:#fff;margin:20px;border-radius:23px;padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;font-size:.77rem;font-weight:800;color:var(--navy);margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{margin-top:6px;border:1px solid var(--border);border-radius:10px;padding:12px;font:inherit;color:var(--navy);resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid rgba(22,151,230,.25);border-color:var(--blue)}.form-status{margin:10px 0 0;color:var(--green);font-weight:700}.footer{background:#071725;color:#b8c5d2;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand{color:#fff}.footer-grid p{max-width:380px}.footer-grid h3{color:#fff;font-size:.9rem}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid a,.footer-grid span{color:#b8c5d2;text-decoration:none;font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;font-size:.75rem}.back-top{position:fixed;right:22px;bottom:22px;width:45px;height:45px;border:0;border-radius:50%;background:var(--red);color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:99}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:980px){.section-pad{padding:85px 0}.nav-links{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#fff;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.menu-toggle{display:block}.theme-toggle{align-self:flex-start}.hero-grid,.comparison-grid,.tech-grid,.about-grid,.faq-grid,.contact-shell{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.browser-wrap{max-width:680px;margin:30px auto 0}.service-grid,.pricing-grid{grid-template-columns:1fr}.service-card,.price-card{max-width:680px;margin-inline:auto;width:100%}.price-card.popular{transform:none}.demo-panel{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.section-heading.split{grid-template-columns:1fr;gap:10px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline:before{display:none}.tech-grid .section-heading{text-align:center;margin-inline:auto}.faq-grid{gap:15px}.contact-copy{text-align:center}.contact-methods{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.project-visual{min-height:390px}}
@media(max-width:650px){.container{width:min(100% - 26px,var(--max))}.announcement{font-size:.72rem}.announcement a{display:none}.section-pad{padding:70px 0}.hero{padding-top:60px}.hero h1{font-size:2.8rem}.hero-proof{gap:18px}.browser-wrap{transform:scale(.93);transform-origin:top center}.browser-body{min-height:360px}.mini-dashboard{padding:15px}.metric-row{gap:5px}.floating-card{display:none}.logo-strip{margin-top:25px}.logo-strip div{gap:18px}.feature-tabs{justify-content:flex-start;overflow:auto;padding-bottom:6px}.demo-panel{padding:24px}.demo-copy h3{font-size:1.55rem}.product-grid{grid-template-columns:1fr}.product-grid article:nth-child(2){display:none}.project-meta{grid-template-columns:1fr;gap:8px}.project-visual,.project-wide .project-visual{min-height:340px}.mock-hero{max-width:100%;margin-top:55px}.mock-hero h3{font-size:2rem}.mock-nav span{display:none}.mock-stats{gap:6px}.mock-stats b{font-size:.8rem}.store-visual{background:linear-gradient(180deg,#f3f0eb 0 45%,#0e2a47 45%);grid-template-columns:1fr;grid-template-rows:45% 55%}.store-copy{padding:25px}.store-copy h3{font-size:2.2rem}.comparison-grid{gap:30px}.before-after{height:390px}.compare-site{width:600px;padding:22px}.modern-site main{margin-top:85px;max-width:330px}.modern-site main h3{font-size:2.5rem}.timeline{grid-template-columns:1fr}.tech-orbit{height:390px;transform:scale(.78)}.form-row{grid-template-columns:1fr}.contact-copy{padding:40px 24px}.contact-form{margin:10px;padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.portfolio-grid{gap:18px}.portrait-card{height:450px}.portrait-monogram{font-size:6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Expanded interactive techniques */
.design-lab{background:linear-gradient(180deg,var(--white),var(--soft));position:relative;overflow:hidden}.design-lab:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(53,184,255,.15),transparent 68%);right:-220px;top:80px}.technique-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.technique-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow-sm);overflow:hidden}.technique-card h3{font-size:1.18rem;margin:18px 0 7px}.technique-card>p{color:var(--text);font-size:.9rem;margin:0}.technique-tag{display:block;font-size:.62rem;font-weight:900;letter-spacing:.14em;color:var(--blue);margin-bottom:14px}.wide-technique{grid-column:span 2}.spotlight-demo,.glass-demo,.kinetic-demo,.micro-demo,.counter-demo,.personal-demo,.smart-form-demo,.access-demo{height:205px;border-radius:17px;overflow:hidden}.spotlight-demo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;background:#071c30}.spotlight-demo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:25px 25px}.spotlight-orb{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(53,184,255,.8),rgba(22,151,230,.18) 45%,transparent 70%);left:35%;top:18%;filter:blur(4px);transition:.08s linear}.spotlight-demo strong,.spotlight-demo small{position:relative}.spotlight-demo small{color:#a9c9df}.glass-demo{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#0e2a47,#1697e6)}.glass-demo>i{position:absolute;width:125px;height:125px;border-radius:50%;background:#e53935;left:12%;top:15%}.glass-demo>i:nth-child(2){width:95px;height:95px;background:#35b8ff;left:auto;right:10%;top:auto;bottom:12%}.glass-panel{position:relative;width:70%;padding:25px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(18px);box-shadow:0 18px 35px rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column}.glass-panel span{font-size:.58rem;letter-spacing:.14em}.glass-panel strong{font-size:2.4rem;line-height:1.1}.glass-panel small{color:#d7edfa}.kinetic-demo{background:#f3f8fc;display:grid;place-items:center;position:relative}.kinetic-demo span{position:absolute;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:950;letter-spacing:-.08em;opacity:0;animation:kineticWords 6s infinite}.kinetic-demo span:nth-child(1){color:var(--navy)}.kinetic-demo span:nth-child(2){animation-delay:2s;color:var(--blue)}.kinetic-demo span:nth-child(3){animation-delay:4s;color:var(--red)}@keyframes kineticWords{0%{opacity:0;transform:translateY(35px) rotate(4deg)}10%,28%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-35px) rotate(-3deg)}}.micro-demo{display:flex;gap:12px;align-items:center;justify-content:center;background:linear-gradient(145deg,#f6faff,#edf6fc)}.micro-demo button{border:0;border-radius:999px;padding:13px 17px;font:inherit;font-weight:800;cursor:pointer;display:flex;gap:8px;align-items:center;transition:.25s}.like-button{background:#fff;color:#0e2a47;box-shadow:0 10px 25px rgba(14,42,71,.12)}.like-button.active{background:#fff0f0;color:var(--red);transform:scale(1.06)}.like-button.active span{animation:heartPop .35s}.success-button{background:var(--navy);color:#fff}.success-button.done{background:var(--green);transform:translateY(-3px)}@keyframes heartPop{50%{transform:scale(1.7)}}.counter-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center;background:#071c30;padding:14px}.counter-demo div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:18px 7px;text-align:center;color:#fff}.counter-demo strong{display:block;font-size:1.9rem;color:var(--electric)}.counter-demo strong:after{content:"+"}.counter-demo div:first-child strong:after{content:""}.counter-demo span{font-size:.62rem;color:#b8d0e1}.personal-demo{background:#f1f7fb;padding:18px}.personal-tabs{display:flex;gap:6px}.personal-tabs button{flex:1;border:1px solid #dbe7ef;background:#fff;border-radius:9px;padding:8px;font-weight:800;color:#64748b;cursor:pointer}.personal-tabs button.active{background:var(--navy);color:#fff}.personal-message{padding:27px 8px;display:flex;flex-direction:column}.personal-message strong{font-size:1.35rem}.personal-message span{color:var(--text);font-size:.8rem;margin-top:5px}.story-demo{height:235px;overflow:auto hidden;scroll-snap-type:x mandatory;border-radius:17px;background:#071c30}.story-track{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));height:100%;min-width:960px}.story-track article{scroll-snap-align:start;padding:35px 28px;border-right:1px solid rgba(255,255,255,.1);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.story-track span{color:var(--electric);font-weight:900}.story-track strong{font-size:1.45rem}.story-track small{color:#a9c3d6}.smart-form-demo{background:#f2f7fb;padding:20px;display:flex;flex-direction:column}.form-progress{display:flex;gap:7px}.form-progress i{height:5px;flex:1;background:#dbe5ec;border-radius:5px}.form-progress i.active{background:var(--blue)}.smart-form-demo>strong{font-size:1.05rem;margin:25px 0 12px}.smart-options{display:flex;flex-wrap:wrap;gap:7px}.smart-options button{border:1px solid #d9e5ee;background:#fff;border-radius:8px;padding:8px 10px;font-weight:750;cursor:pointer}.smart-options button:hover{border-color:var(--blue);color:var(--blue)}.smart-form-demo>small{margin-top:auto;color:var(--text)}.access-demo{background:#f1f6fa;padding:16px;transition:.2s}.access-demo>button{border:1px solid #d7e3eb;background:#fff;border-radius:8px;padding:7px;margin:0 3px 8px 0;font-size:.68rem;cursor:pointer}.access-sample{background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column}.access-sample span{color:#64748b;font-size:.76rem}.access-demo.high-contrast{background:#000}.access-demo.high-contrast .access-sample{background:#000;color:#fff;border:2px solid #fff}.access-demo.high-contrast .access-sample span{color:#fff}.access-demo.large-text .access-sample{font-size:1.25rem}.social-proof{background:var(--white)}.testimonial-shell{max-width:900px;margin:auto;position:relative;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,var(--soft),var(--white));box-shadow:var(--shadow);padding:55px 85px 45px}.testimonial-stage{min-height:250px;display:grid}.testimonial{grid-area:1/1;opacity:0;transform:translateX(25px);pointer-events:none;transition:.45s ease;text-align:center}.testimonial.active{opacity:1;transform:none;pointer-events:auto}.quote-mark{font-family:Georgia,serif;font-size:5rem;line-height:.6;color:var(--blue)}.testimonial>p{font-size:clamp(1.2rem,2.4vw,1.75rem);line-height:1.45;color:var(--charcoal)}.testimonial>div:last-child{display:grid;grid-template-columns:auto auto;justify-content:center;text-align:left;column-gap:10px}.testimonial-avatar{grid-row:span 2;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900}.testimonial small{color:var(--text)}.testimonial-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--white);color:var(--navy);font-size:1.2rem;cursor:pointer;z-index:2}.testimonial-arrow.prev{left:20px}.testimonial-arrow.next{right:20px}.testimonial-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.testimonial-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#cbd5e1;padding:0;cursor:pointer}.testimonial-dots button.active{width:25px;border-radius:5px;background:var(--blue)}body.dark .technique-card,body.dark .testimonial-shell{background:#102131}body.dark .kinetic-demo,body.dark .micro-demo,body.dark .personal-demo,body.dark .smart-form-demo,body.dark .access-demo{background:#0b1724}body.dark .personal-tabs button,body.dark .smart-options button,body.dark .access-demo>button,body.dark .access-sample{background:#14283a;color:#fff;border-color:#28425a}
@media(max-width:980px){.technique-grid{grid-template-columns:1fr 1fr}.wide-technique{grid-column:span 2}}
@media(max-width:650px){.technique-grid{grid-template-columns:1fr}.wide-technique{grid-column:auto}.testimonial-shell{padding:45px 35px 35px}.testimonial-arrow{top:auto;bottom:24px}.testimonial-arrow.prev{left:18px}.testimonial-arrow.next{right:18px}.testimonial-dots{margin-top:30px}.counter-demo strong{font-size:1.45rem}}