:root{--berry:#3584e4;--berry-deep:#1a5bb5;--berry-glow:#5ca8ff;--leaf:#2fce51;--bg-dark:#0b1628;--bg-card:hsla(0,0%,100%,.06);--text:#f0f4ff;--text-muted:#89b;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{margin:0 auto;max-width:1100px;padding:0 24px}a{color:var(--berry-glow);text-decoration:none}.berry-float{animation:floatBerry 8s ease-in-out infinite;background:var(--berry);border-radius:50%;opacity:.12;position:absolute}.berry-float:first-child{animation-delay:0s;animation-duration:7s;height:24px;left:8%;top:12%;width:24px}.berry-float:nth-child(2){animation-delay:1.5s;animation-duration:9s;height:16px;right:12%;top:25%;width:16px}.berry-float:nth-child(3){animation-delay:3s;animation-duration:8s;height:20px;left:5%;top:55%;width:20px}.berry-float:nth-child(4){animation-delay:2s;animation-duration:10s;height:14px;right:8%;top:70%;width:14px}.berry-float:nth-child(5){animation-delay:4s;animation-duration:6s;height:28px;left:15%;opacity:.08;top:40%;width:28px}.berry-float:nth-child(6){animation-delay:1s;animation-duration:8.5s;height:18px;left:25%;top:85%;width:18px}@keyframes floatBerry{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}.hero-berry{animation:heroFloat 3s ease-in-out infinite;background:var(--berry);border-radius:50%;box-shadow:0 8px 30px #3584e44d;height:52px;position:relative;width:52px}.hero-berry:before{background:var(--leaf);border-radius:0 12px;content:"";height:18px;left:50%;position:absolute;top:-6px;transform:translate(-50%) rotate(-15deg);width:12px}.hero-berry:after{background:#fff3;border-radius:50%;content:"";height:14px;left:10px;position:absolute;top:8px;width:14px}.hero-berry:first-child{animation-delay:0s;transform:rotate(-8deg)}.hero-berry:nth-child(2){animation-delay:.3s;height:60px;width:60px}.hero-berry:nth-child(3){animation-delay:.6s;transform:rotate(8deg)}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.phone-frame{background:#1a1a2e;border-radius:32px;box-shadow:0 24px 80px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff0f;padding:8px;transition:transform .5s ease}.phone-frame:hover{transform:translateY(-8px)}.phone-frame img{border-radius:24px;display:block;height:auto;width:clamp(140px,22vw,240px)}.phone-frame.hero-phone img{width:clamp(170px,26vw,280px)}.phone-frame.side{opacity:.7;transform:scale(.92)}.phone-frame.side:hover{opacity:1;transform:scale(.92) translateY(-8px)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:32px 28px;text-align:left;transition:all .3s ease}.feature-card:hover{background:#ffffff17;border-color:#3584e433;transform:translateY(-4px)}.feature-icon{background:#3584e426;border-radius:14px;font-size:1.4rem;height:48px;margin-bottom:20px;width:48px}.feature-icon,.rule-number{align-items:center;display:flex;justify-content:center}.rule-number{background:var(--berry);border-radius:50%;box-shadow:0 4px 20px #3584e44d;font-family:"DM Serif Display",serif;font-size:1.5rem;height:56px;margin:0 auto 16px;width:56px}.btn-primary{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0003;color:var(--bg-dark);display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 36px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 32px #0000004d;color:var(--bg-dark);transform:translateY(-2px)}.btn-nav{align-items:center;background:var(--berry);border-radius:12px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-nav:hover{background:var(--berry-glow);color:#fff;transform:translateY(-1px)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.legal h1{font-family:"DM Serif Display",serif;font-size:2.5rem;margin-bottom:8px}.legal .date{color:var(--text-muted);margin-bottom:40px}.legal h2{font-family:"DM Serif Display",serif;font-size:1.4rem;margin-bottom:12px;margin-top:36px}.legal p,.legal ul{color:var(--text-muted);line-height:1.8;margin-bottom:16px}.legal ul{padding-left:24px}@media(max-width:768px){.phone-frame.side{display:none}.phone-frame.hero-phone img{width:240px}}