:root{font:100%/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#f7f9ff;background:#050816;--blue:#4895ff;--violet:#8b6cff;--cyan:#42e8ff;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#050816;color:#fff;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.page{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(39,103,255,.26),transparent 34%),radial-gradient(circle at 8% 80%,rgba(107,55,255,.16),transparent 28%),#050816}.grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent)}.orb{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.orb.a{background:#156cff;top:-15rem;left:-8rem}.orb.b{background:#743bff;right:-12rem;bottom:-14rem}.nav{height:76px;max-width:1220px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em}.brand img{width:38px;height:38px;border-radius:11px;box-shadow:0 8px 22px rgba(36,112,255,.35)}.navlinks{display:flex;align-items:center;gap:28px}.nav a{color:#c8d0e8;text-decoration:none;font-size:.88rem;transition:color 180ms ease}.nav a:hover{color:#fff}.lang{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 13px;cursor:pointer;transition:transform 140ms var(--ease),background 180ms ease}.lang:hover{background:rgba(255,255,255,.11)}.lang:active,.button:active,.pager button:active{transform:scale(.97)}
.hero{max-width:1320px;min-height:calc(100svh - 76px);margin:auto;padding:28px 40px 38px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(330px,1.06fr) minmax(260px,1fr);align-items:center;gap:3.2vw;position:relative;z-index:2}.copy{align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9ed8ff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,#69c4ff)}h1{font-size:clamp(2.45rem,4.15vw,4.75rem);line-height:1.04;letter-spacing:-.055em;margin:18px 0 22px;max-width:690px}h1 span{display:block;background:linear-gradient(100deg,#fff 5%,#b7d6ff 55%,#a58cff);background-clip:text;-webkit-background-clip:text;color:transparent}.desc{color:#abb5ce;max-width:510px;font-size:clamp(.96rem,1.08vw,1.1rem);line-height:1.5;margin:0}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{min-height:48px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:650;font-size:.9rem;transition:transform 140ms var(--ease),box-shadow 220ms ease,border-color 220ms ease}.button svg{width:18px;height:18px}.button.primary{color:#061126;background:linear-gradient(135deg,#fff,#c8e4ff);box-shadow:0 12px 35px rgba(75,149,255,.25)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(75,149,255,.4)}.button.secondary{color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14)}.button.secondary:hover{border-color:rgba(114,188,255,.5);transform:translateY(-2px)}.trust{display:flex;align-items:center;gap:8px;margin-top:22px;color:#77839f;font-size:.77rem}.trust svg{width:16px;height:16px;color:#62dca8}
.device-wrap{position:relative;display:grid;place-items:center;perspective:1200px}.halo{position:absolute;width:105%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(90,166,255,.18);box-shadow:inset 0 0 70px rgba(49,109,255,.12);animation:pulse 4s ease-in-out infinite}.halo::before,.halo::after{content:"";position:absolute;inset:9%;border-radius:inherit;border:1px dashed rgba(110,196,255,.16);animation:spin 28s linear infinite}.halo::after{inset:23%;animation-direction:reverse;animation-duration:18s}.phone{width:min(285px,68vw);aspect-ratio:.51;border-radius:46px;padding:8px;background:linear-gradient(145deg,#d9e8ff,#596780 20%,#131a28 48%,#8192aa 80%,#edf7ff);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 80px rgba(49,123,255,.2);position:relative;transform:rotateY(-4deg) rotateX(2deg);transition:transform .22s ease-out;will-change:transform}.screen{position:relative;height:100%;overflow:hidden;border-radius:39px;background:linear-gradient(180deg,#122e66 0%,#081328 37%,#050a14 100%);border:1px solid rgba(255,255,255,.12);padding:24px 17px}.island{width:82px;height:23px;background:#03060c;border-radius:999px;margin:-16px auto 21px}.phone-top{font-size:.69rem;color:#82a4d8;display:flex;justify-content:space-between}.phone-title{font-size:1.22rem;font-weight:720;letter-spacing:-.035em;margin:22px 0 12px}.searchbar{height:42px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:8px;padding:0 11px;color:#b6c5de;font-size:.72rem}.searchbar svg{width:16px}.results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.photo{height:103px;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(145deg,#ff9465,#5b4be9)}.photo:nth-child(2){background:linear-gradient(160deg,#44cbe4,#0870bf 55%,#ffd97c)}.photo:nth-child(3){background:linear-gradient(145deg,#865cff,#f87ac4)}.photo:nth-child(4){background:linear-gradient(145deg,#67d38e,#1f7a84)}.photo::before{content:"";position:absolute;width:74%;height:55%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.25);bottom:-8%;left:14%;transform:rotate(-8deg)}.result-label{font-size:.67rem;color:#7f92b2;margin:10px 2px}.privacy-pill{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 12px;border-radius:99px;background:rgba(17,31,56,.82);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);font-size:.62rem;color:#a8d8c4}.float-logo{position:absolute;width:68px;height:68px;border-radius:19px;right:1%;top:12%;box-shadow:0 18px 38px rgba(25,91,255,.4);animation:float 4s ease-in-out infinite}.badge{position:absolute;padding:8px 11px;border-radius:12px;background:rgba(16,24,43,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);font-size:.66rem;color:#c9d6ed;box-shadow:0 15px 35px rgba(0,0,0,.2)}.badge.one{left:-8%;top:27%}.badge.two{right:-9%;bottom:22%}
.feature-panel{min-width:0}.panel-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.kicker{font-size:.68rem;letter-spacing:.16em;color:#62728e;text-transform:uppercase}.count{font-variant-numeric:tabular-nums;color:#697792;font-size:.72rem}.feature-viewport{position:relative;min-height:290px}.feature-card{position:absolute;inset:0;padding:26px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 28px 55px rgba(0,0,0,.18);opacity:0;transform:translateX(22px) scale(.97);pointer-events:none;transition:opacity 360ms var(--ease),transform 420ms var(--ease)}.feature-card.active{opacity:1;transform:none;pointer-events:auto}.iconbox{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(84,174,255,.24),rgba(111,71,255,.16));border:1px solid rgba(129,192,255,.22);color:#89ccff}.iconbox svg{width:23px;height:23px}.feature-card h2{font-size:1.35rem;letter-spacing:-.025em;margin:42px 0 10px}.feature-card p{color:#929db5;font-size:.88rem;line-height:1.5;margin:0;max-width:330px}.meter{position:absolute;left:26px;right:26px;bottom:25px;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet))}.feature-card.active .meter i{animation:progress 5s linear forwards}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.dots{display:flex;gap:7px}.dot{width:6px;height:6px;border-radius:9px;background:#34405a;transition:width 260ms var(--ease),background 260ms}.dot.active{width:22px;background:linear-gradient(90deg,#5bc7ff,#8d72ff)}.pager-controls{display:flex;gap:8px}.pager button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);cursor:pointer;transition:transform 140ms var(--ease),background 180ms}.pager button:hover{background:rgba(255,255,255,.12)}.pager svg{width:16px;height:16px}.prev svg{transform:rotate(180deg)}
@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes pulse{50%{transform:scale(1.04);opacity:.75}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{to{width:100%}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:40px}.copy{grid-column:1/-1;text-align:center}.copy .desc{margin:auto}.actions,.trust{justify-content:center}.device-wrap{justify-self:end}.feature-panel{justify-self:start;width:min(360px,100%)}h1{margin-left:auto;margin-right:auto}.eyebrow::before{display:none}}
@media(max-width:700px){.nav{height:64px;padding:0 18px}.navlinks a{display:none}.hero{display:flex;flex-direction:column;min-height:auto;padding:30px 18px 46px;gap:42px}.copy{order:0}h1{font-size:clamp(2.2rem,11vw,3.25rem)}.desc{font-size:.94rem}.device-wrap{order:1;justify-self:auto}.phone{width:245px}.float-logo{width:56px;height:56px}.feature-panel{order:2;width:100%;max-width:430px}.feature-viewport{min-height:268px}.feature-card h2{margin-top:32px}.badge.one{left:-3%}.badge.two{right:-4%}.navlinks{gap:10px}}
@media(max-height:760px) and (min-width:1001px){.hero{padding-top:8px;padding-bottom:18px}.phone{width:235px}.feature-viewport{min-height:250px}.feature-card h2{margin-top:25px}.nav{height:64px}.hero{min-height:calc(100svh - 64px)}h1{font-size:clamp(2.4rem,3.7vw,4rem);margin:12px 0 16px}.actions{margin-top:20px}.trust{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.phone{transition:none}}

/* Light theme */
:root{color:#13213a;background:#f5f9ff;--blue:#267dff;--violet:#7664f7;--cyan:#1fb6d9}
body{background:#f5f9ff;color:#13213a}.page{background:radial-gradient(circle at 50% 45%,rgba(78,151,255,.2),transparent 35%),radial-gradient(circle at 8% 85%,rgba(143,116,255,.13),transparent 29%),linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%)}
.grid{opacity:.52;background-image:linear-gradient(rgba(63,103,166,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(63,103,166,.075) 1px,transparent 1px)}.orb{opacity:.12}.brand{color:#13213a}.brand img{box-shadow:0 9px 24px rgba(36,112,255,.2)}.nav a{color:#596985}.nav a:hover{color:#176ce1}
.language-picker{position:relative}.language-picker::after{content:"⌄";position:absolute;right:11px;top:50%;transform:translateY(-55%);pointer-events:none;color:#697a96;font-size:.76rem}.lang{appearance:none;color:#263956;border:1px solid rgba(43,89,158,.16);background:rgba(255,255,255,.78);padding:8px 30px 8px 12px;box-shadow:0 7px 20px rgba(64,104,167,.08)}.lang:hover{background:#fff;border-color:rgba(38,125,255,.35)}
.eyebrow{color:#2379d8}.eyebrow::before{background:linear-gradient(90deg,transparent,#267dff)}h1 span{background:linear-gradient(100deg,#101d34 5%,#176ed5 58%,#7455da);background-clip:text;-webkit-background-clip:text}.desc{color:#5e6e88}.button.primary{color:#fff;background:linear-gradient(135deg,#1f7cf2,#625bea);box-shadow:0 13px 30px rgba(50,114,224,.24)}.button.primary:hover{box-shadow:0 17px 38px rgba(50,114,224,.33)}.button.secondary{color:#1f3553;background:rgba(255,255,255,.75);border-color:rgba(44,85,147,.16);box-shadow:0 8px 24px rgba(52,85,137,.07)}.button.secondary:hover{border-color:rgba(38,125,255,.45);background:#fff}.trust{color:#6e7e97}.trust svg{color:#1ba774}
.halo{border-color:rgba(49,126,238,.18);box-shadow:inset 0 0 70px rgba(49,109,255,.1)}.halo::before,.halo::after{border-color:rgba(44,120,224,.18)}.phone{box-shadow:0 35px 70px rgba(38,64,108,.25),0 0 70px rgba(67,132,235,.17)}.float-logo{box-shadow:0 18px 38px rgba(25,91,255,.25)}.badge{color:#415473;background:rgba(255,255,255,.82);border-color:rgba(47,94,163,.13);box-shadow:0 15px 35px rgba(40,72,119,.12)}
.kicker,.count{color:#71819c}.feature-card{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,247,255,.78));border-color:rgba(48,91,154,.13);box-shadow:0 28px 58px rgba(41,72,119,.12)}.iconbox{background:linear-gradient(145deg,rgba(84,174,255,.18),rgba(111,71,255,.1));border-color:rgba(63,137,220,.2);color:#287ee3}.feature-card h2{color:#182943}.feature-card p{color:#66758e}.meter{background:rgba(55,92,148,.1)}.dot{background:#c7d2e2}.pager button{color:#24405f;border-color:rgba(43,85,145,.15);background:rgba(255,255,255,.8);box-shadow:0 7px 18px rgba(52,85,137,.08)}.pager button:hover{background:#fff}
[dir="rtl"] .language-picker::after{right:auto;left:11px}[dir="rtl"] .lang{padding:8px 12px 8px 30px}[dir="rtl"] .prev svg{transform:none}[dir="rtl"] .next svg{transform:rotate(180deg)}[dir="rtl"] .eyebrow::before{background:linear-gradient(270deg,transparent,#267dff)}

/* Real in-app screen from the project asset */
.phone{width:min(285px,68vw);aspect-ratio:750/1624;padding:7px;border-radius:46px;background:linear-gradient(145deg,#e8f2ff,#8798af 23%,#202938 50%,#9bacbf 80%,#f7fbff)}
.app-screen{display:block;width:100%;height:100%;object-fit:cover;border-radius:39px;background:#f8f9fd;border:1px solid rgba(255,255,255,.72)}
@media(max-width:700px){.phone{width:245px}}
@media(max-height:760px) and (min-width:1001px){.phone{width:235px}}