:root{--color-primary: #26323b;--color-accent: #00aaff;--color-accent-strong: #008fe0;--color-accent-soft: rgba(0, 170, 255, .12);--color-mint: #26d7a5;--color-coral: #ff7a59;--color-light: #f4f8fb;--color-white: #ffffff;--color-dark: #0d151c;--color-text: #26323b;--color-text-light: #64717d;--color-border: #dce6ee;--color-header-bg: rgba(255, 255, 255, .86);--color-surface: rgba(255, 255, 255, .78);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--border-radius: 8px;--transition: all .25s ease-in-out;--shadow-sm: 0 8px 22px rgba(20, 38, 52, .08);--shadow-lg: 0 18px 50px rgba(20, 38, 52, .14);--shadow-xl: 0 28px 80px rgba(13, 21, 28, .18);--header-height: 76px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background:linear-gradient(90deg,rgba(38,50,59,.035) 1px,transparent 1px) 0 0/44px 44px,var(--color-white);overflow-x:hidden;scroll-behavior:smooth;transition:background-color .2s ease,color .2s ease}html{scroll-padding-top:calc(var(--header-height) + 18px)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,4.25rem)}h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.02em}h3{font-size:clamp(1.15rem,2vw,1.5rem)}p{margin-bottom:var(--spacing-md);color:var(--color-text-light);line-height:1.8}a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;transition:var(--transition);border-radius:var(--border-radius)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;text-transform:uppercase;letter-spacing:0;font-size:.9rem;border-radius:999px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--color-accent),#18c4ff);color:var(--color-white);box-shadow:0 12px 28px #00aaff3d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));transform:translateY(-2px);box-shadow:0 4px 12px #00aaff4d}.btn-secondary{background-color:#ffffffa6;color:var(--color-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:#00aaff73;color:var(--color-accent-strong);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background-color:var(--color-light)}.btn-dark{background-color:var(--color-primary);color:var(--color-white)}.btn-dark:hover{background-color:var(--color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #333f484d}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);width:100%}.section{padding:clamp(3.25rem,8vw,5.5rem) 0}.section-light{background:linear-gradient(180deg,var(--color-light),var(--color-white))}.section-dark{background-color:var(--color-primary);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6{color:var(--color-white)}.section-dark p{color:#fffc}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;align-items:center;justify-content:space-between}.flex-center{justify-content:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}@media(max-width:768px){:root{--header-height: 68px}.section{padding:var(--spacing-xl) 0}}@media(max-width:480px){.btn{padding:.9rem var(--spacing-md);font-size:.85rem;width:100%}.section{padding:var(--spacing-lg) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.device-showcase{width:100%;max-width:560px;min-height:440px;position:relative;display:grid;place-items:center;transition:var(--transition)}.device-showcase:before{content:"";position:absolute;inset:12% 6% 8% 14%;background:linear-gradient(135deg,#00aaff3d,#26d7a529);filter:blur(42px)}.device-showcase:hover{transform:translateY(-6px)}.browser-window,.phone-window{position:absolute;background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.browser-window{width:min(100%,500px);aspect-ratio:1.36;border-radius:8px;padding:.85rem;overflow:hidden}.browser-top{display:flex;gap:.4rem;margin-bottom:.8rem}.browser-top span{width:9px;height:9px;border-radius:50%;background:var(--color-border)}.browser-top span:first-child{background:#ff6b6b}.browser-top span:nth-child(2){background:#ffc857}.browser-top span:last-child{background:#2bdc8f}.browser-nav{height:34px;margin-bottom:.8rem;border-radius:999px;background:linear-gradient(var(--color-border),var(--color-border)) 16px 50%/42% 7px no-repeat,linear-gradient(135deg,#00aaff1f,#26d7a51a)}.preview-hero{height:38%;border-radius:8px;background:linear-gradient(90deg,rgba(13,21,28,.72),transparent 58%),linear-gradient(135deg,#00aaffd1,#26d7a5b8);margin-bottom:.8rem}.preview-copy{display:grid;gap:.45rem;margin-bottom:.8rem}.preview-copy span{display:block;height:10px;border-radius:999px;background:var(--color-border)}.preview-copy span:first-child{width:54%;background:var(--color-accent)}.preview-copy span:nth-child(2){width:82%}.preview-copy span:last-child{width:68%}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.preview-grid i{height:62px;border-radius:8px;background:linear-gradient(var(--color-border),var(--color-border)) 12px 14px/48% 7px no-repeat,linear-gradient(var(--color-border),var(--color-border)) 12px 30px/70% 6px no-repeat,var(--color-light);border:1px solid var(--color-border)}.phone-window{right:0;bottom:0;width:34%;min-width:132px;aspect-ratio:.52;border-radius:24px;padding:1.2rem .7rem .8rem}.phone-notch{position:absolute;top:8px;left:50%;width:42px;height:5px;border-radius:999px;background:var(--color-border);transform:translate(-50%)}.phone-header,.phone-lines,.phone-cta{border-radius:8px}.phone-header{height:42%;background:linear-gradient(135deg,var(--color-accent),#34d7ff);margin-bottom:.7rem}.phone-lines{height:36%;background:linear-gradient(var(--color-border),var(--color-border)) 0 0/88% 8px no-repeat,linear-gradient(var(--color-border),var(--color-border)) 0 22px/70% 8px no-repeat,linear-gradient(var(--color-border),var(--color-border)) 0 44px/82% 8px no-repeat}.phone-cta{height:24px;background:var(--color-primary);margin-top:.75rem}.floating-chip{position:absolute;z-index:2;padding:.55rem .75rem;border:1px solid rgba(220,230,238,.9);border-radius:999px;background:#ffffffd1;color:var(--color-primary);font-size:.76rem;font-weight:800;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chip-top{top:10%;right:2%}.chip-bottom{left:3%;bottom:15%}@media(max-width:768px){.device-showcase{min-height:360px;max-width:430px;margin:0 auto}}@media(max-width:480px){.device-showcase{min-height:300px}.browser-window{width:calc(100% - 26px)}.phone-window{min-width:104px;border-radius:18px;padding-inline:.55rem}.preview-grid i{height:34px}.floating-chip{display:none}}