@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Nunito:wght@400;600;700&display=swap');
:root{--background:#3b1d4e;--surface:#4e2b64;--text:#efedf7;--muted:#b7b3d1;--primary:#8271ef;--secondary:#e774d7;--accent:#e0f651;--on-primary:#15151b;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r1:8px;--r2:16px;--r3:28px;--edge:color-mix(in srgb,var(--text) 20%,transparent);--shadow-1:0 8px 22px #22102e55,0 2px 6px #e774d71a;--shadow-2:0 20px 44px #22102e77,0 4px 10px #8271ef22;--shadow-3:0 32px 70px #22102e99,0 7px 22px #e774d733}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--background);color:var(--text);font:400 17px/1.7 'Nunito',sans-serif;overflow-x:clip}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Fredoka',sans-serif;line-height:1.17;letter-spacing:.005em;text-wrap:balance}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:clamp(21px,2vw,26px)}p{max-width:72ch;text-wrap:pretty}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--background)}.shell{width:min(1200px,100% - 40px);margin-inline:auto}.section{padding-block:clamp(64px,10vw,128px)}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:16px}.muted{color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;z-index:30;background:var(--accent);color:var(--on-primary);padding:8px 16px}.skip:focus{top:12px}.site-header{display:grid;grid-template-rows:8px auto;height:80px;position:relative;z-index:10;background:color-mix(in srgb,var(--background) 75%,var(--surface));border-bottom:1px solid var(--edge)}.header-strip{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.header-inner{width:min(1200px,100% - 40px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.brand img{width:38px;height:38px;flex:none;object-fit:contain;border-radius:8px}.brand span{font:600 clamp(15px,2vw,21px)/1.1 'Fredoka',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn,.action{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:48px;padding:12px 24px;background:var(--accent);color:var(--on-primary);font:700 15px/1.25 'Nunito',sans-serif;text-decoration:none;border:1px solid var(--accent);border-radius:0;box-shadow:5px 5px 0 var(--secondary);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;white-space:nowrap}.nav-btn{min-height:44px;padding:8px 16px;font-size:13px;flex:none}.nav-btn[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--text)}.action:hover,.nav-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--secondary)}.action.secondary{background:transparent;color:var(--text);border-color:var(--edge);box-shadow:5px 5px 0 var(--primary)}
.hero{height:100vh;height:100svh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;isolation:isolate}.hero .site-header{height:80px}.hero-space{position:relative;isolation:isolate;min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--hs,1)*16px) 20px}.hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 42% 60% at 50% 38%,color-mix(in srgb,var(--primary) 60%,var(--surface)),transparent 80%),radial-gradient(circle at 50% 45%,#e774d71f,transparent 55%),var(--background)}.hero-backdrop:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 130px #21112d88;pointer-events:none}.bubble{position:absolute;border:1px solid #efedf72c;border-radius:50%;background:linear-gradient(135deg,#efedf712,transparent);transform:translateY(calc(var(--scroll,0px)*-.1));pointer-events:none}.bubble.one{width:180px;height:180px;left:-60px;top:18%}.bubble.two{width:90px;height:90px;right:10%;bottom:20%}.bubble.three{width:26px;height:26px;right:26%;top:15%}.hero-content{width:min(100%,940px);height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--hs,1)*min(2.1svh,18px));text-align:center}.hero h1{font-size:calc(var(--hs,1)*clamp(29px,min(6vw,8svh),72px));line-height:1.06;max-width:13ch;margin:0;letter-spacing:-.025em;position:relative}.hero h1 strong{font-weight:700;color:var(--accent)}.hero h1 .light{font-weight:400}.hero h1:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#efedf766 50%,transparent 65%);transform:translateX(-145%);mix-blend-mode:screen;animation:sweep 1.3s .35s ease-out 1 both;pointer-events:none}.hero-description{font-size:calc(var(--hs,1)*clamp(14px,min(2.2vw,2.6svh),20px));line-height:1.35;color:var(--muted);max-width:48ch;margin:0}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero .action{min-height:44px;padding:10px 20px;font-size:calc(var(--hs,1)*15px)}.device-stage{height:calc(var(--hs,1)*min(41svh,420px));width:100%;flex:none;display:grid;place-items:center;position:relative;min-height:0}.device-stage:before{content:"";position:absolute;width:min(65vw,420px);height:min(35svh,330px);border:1px solid #efedf71d;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 50px #8271ef34}.phone{position:relative;height:100%;aspect-ratio: .61;border:5px solid color-mix(in srgb,var(--text) 40%,var(--primary));border-radius:30px;background:linear-gradient(125deg,#e774d7,var(--surface) 20%,var(--background) 78%,var(--primary));padding:5px;box-shadow:var(--shadow-3),inset 0 0 5px #efedf766;transform:rotate(-5deg)}.phone:after{content:"";pointer-events:none;position:absolute;inset:4px;border-radius:24px;background:linear-gradient(115deg,#efedf72a,transparent 34%);z-index:3}.phone-screen{height:100%;border-radius:23px;overflow:hidden;background:linear-gradient(165deg,var(--surface),var(--background));padding:12px;display:flex;flex-direction:column;gap:9px;text-align:left;position:relative}.phone-status{display:flex;justify-content:space-between;color:var(--text);font-size:9px;line-height:1}.phone-top{display:flex;justify-content:space-between;align-items:center;font:600 13px 'Fredoka',sans-serif}.phone-top .spark{color:var(--accent)}.phone-card{background:linear-gradient(145deg,var(--primary),var(--surface));border:1px solid var(--edge);border-radius:8px;padding:12px;box-shadow:var(--shadow-1)}.phone-card small{font-size:9px;display:block;color:var(--text)}.phone-card strong{display:block;font:700 24px 'Fredoka',sans-serif;line-height:1.3}.phone-card em{font-size:9px;font-style:normal;color:var(--accent)}.phone-sub{font:600 11px 'Fredoka',sans-serif}.phone-row{display:flex;align-items:center;gap:8px;padding:8px;background:#efedf70b;border:1px solid var(--edge);border-radius:8px;font-size:9px}.phone-icon{height:24px;width:24px;border:1px solid var(--secondary);color:var(--accent);display:grid;place-items:center;border-radius:4px;flex:none}.phone-row span:last-child{margin-left:auto;color:var(--accent)}.phone-tabs{margin-top:auto;display:flex;justify-content:space-around;border-top:1px solid var(--edge);padding-top:7px;font-size:9px;color:var(--muted)}.float-chip{position:absolute;background:linear-gradient(155deg,var(--surface),var(--background));border:1px solid #efedf766;box-shadow:var(--shadow-2);padding:8px 14px;font:700 12px 'Nunito',sans-serif;transform:rotate(5deg);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.float-chip.left{left:calc(50% - min(24vw,220px));top:30%;color:var(--accent)}.float-chip.right{right:calc(50% - min(25vw,240px));bottom:22%;color:var(--secondary)}
.wave-separator{height:60px;margin-top:-1px;background:var(--surface);clip-path:ellipse(80% 100% at 50% 100%)}.about-layout{display:grid;grid-template-columns:minmax(160px,.7fr) 1.7fr;gap:48px;align-items:start}.about-side{position:sticky;top:24px}.about-copy{font-size:18px}.about-copy p{margin-bottom:24px}.glass{background:linear-gradient(140deg,#efedf712,#efedf703 64%),color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-1);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.features{background:var(--surface)}.section-head{margin-bottom:48px}.features-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.feature-spot{grid-row:span 3;display:flex;flex-direction:column;justify-content:space-between;min-height:490px;background:radial-gradient(circle at 80% 15%,#e774d73d,transparent 40%),linear-gradient(140deg,var(--surface),var(--background))!important}.feature-card{padding:32px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.feature-card:hover{transform:translateY(-4px)}.feature-card p{margin:12px 0 0;color:var(--muted);font-size:16px}.icon-square{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);color:var(--accent);margin-bottom:24px}.icon-square svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.secondary-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.how-list{list-style:none;margin:48px 0 0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.how-list:before{content:"";position:absolute;left:8%;right:8%;top:27px;border-top:2px dotted var(--secondary)}.how-list li{position:relative}.how-number{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--primary);border:2px solid var(--accent);color:var(--text);font:700 21px 'Fredoka',sans-serif;margin-bottom:24px;box-shadow:var(--shadow-1)}.how-list p{color:var(--muted);font-size:16px}.trust{background:var(--primary);color:var(--text);position:relative}.trust h2{max-width:18ch}.trust .eyebrow{color:var(--accent)}.trust-flex{display:flex;justify-content:space-between;gap:48px;align-items:end}.trust .muted{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.chip{border:1px solid #efedf77a;padding:6px 14px;font-weight:700;font-size:14px}.cta-layout{display:flex;gap:48px;align-items:center;justify-content:center}.stamp{width:190px;aspect-ratio:1;border:2px dashed var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;flex:none;transform:rotate(-12deg);font:700 25px/1.2 'Fredoka',sans-serif;color:var(--accent);padding:24px}.cta-layout p{color:var(--muted)}.site-footer{background:var(--surface);padding:64px 0 32px;border-top:1px solid var(--edge)}.footer-brand{display:flex;align-items:center;gap:16px;text-decoration:none;font:700 clamp(35px,8vw,100px)/1 'Fredoka',sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.footer-brand img{width:56px;height:56px;object-fit:contain;border-radius:8px;flex:none}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--edge);margin-top:48px;padding-top:24px;font-size:14px;color:var(--muted)}.footer-bottom a{text-underline-offset:4px}.to-top{position:fixed;right:20px;bottom:20px;z-index:20;width:54px;height:54px;border:0;border-radius:50%;color:var(--text);background:conic-gradient(var(--accent) var(--progress,0%),var(--surface) 0);padding:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.to-top.visible{opacity:1;pointer-events:auto}.to-top span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--background);font-size:24px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.shown{opacity:1;transform:translateY(0)}
.privacy-hero{text-align:center;padding:64px 20px 24px}.privacy-hero h1{font-size:clamp(38px,6vw,68px);margin:0 0 8px}.privacy-hero .app-label{color:var(--muted);font:600 19px 'Fredoka',sans-serif}.date-chip{display:inline-block;border:1px solid var(--edge);padding:6px 14px;margin-top:16px;color:var(--accent);font-size:14px}.privacy-body{max-width:760px;margin:0 auto;padding:16px 20px 96px}.privacy-intro{margin-bottom:24px}.privacy-intro p{margin:0}.policy-card{padding:32px;margin-bottom:24px;border-top:2px solid var(--secondary)}.policy-card h2{font-size:clamp(23px,3vw,30px);margin:0 0 18px;display:flex;gap:14px;align-items:baseline}.policy-card .numeral{font:700 42px/1 'Fredoka',sans-serif;color:var(--accent);flex:none}.policy-card p{margin:0 0 16px}.policy-card p:last-child{margin-bottom:0}.privacy-body .policy-card:nth-child(even){border-top-color:var(--primary)}
@keyframes sweep{from{transform:translateX(-145%)}to{transform:translateX(145%)}}@media(min-width:768px){.shell{width:min(1200px,100% - 64px)}.header-inner{width:min(1200px,100% - 64px)}}@media(min-width:1024px){.shell,.header-inner{width:min(1200px,100% - 96px)}}@media(max-width:767px){.about-layout{grid-template-columns:1fr;gap:24px}.about-side{position:static}.features-grid{grid-template-columns:1fr}.feature-spot{min-height:320px;grid-row:auto}.how-list{grid-template-columns:1fr;margin-top:32px}.how-list:before{top:20px;bottom:10px;left:27px;right:auto;border-top:0;border-left:2px dotted var(--secondary)}.how-list li{display:grid;grid-template-columns:56px 1fr;column-gap:24px}.how-number{grid-row:span 2}.how-list h3{margin-bottom:8px}.trust-flex{flex-direction:column;align-items:flex-start;gap:24px}.cta-layout{flex-direction:column;text-align:center}.section-head{margin-bottom:32px}.secondary-features{grid-template-columns:1fr}.footer-brand{font-size:clamp(30px,7vw,56px)}.footer-brand img{width:40px;height:40px}}@media(max-width:480px){.site-header,.hero .site-header{height:72px}.site-header{grid-template-rows:6px auto}.brand{gap:8px}.brand img{width:34px;height:34px}.brand span{font-size:15px;max-width:calc(100vw - 208px)}.nav-btn{padding:8px 10px;font-size:12px}.hero h1{max-width:11ch}.hero-actions{gap:12px}.float-chip{font-size:10px;padding:5px 8px}.feature-card,.policy-card{padding:24px}.privacy-body{padding-inline:20px}.privacy-hero{padding-top:48px}}@media(max-height:600px){.hero-content{flex-direction:row-reverse;justify-content:center;text-align:left;gap:24px}.hero-text{max-width:420px}.hero h1{max-width:12ch;font-size:calc(var(--hs,1)*clamp(25px,4.2vw,48px))}.hero-description{margin:10px 0}.hero-actions{justify-content:flex-start}.device-stage{height:calc(var(--hs,1)*36svh);width:min(36vw,280px)}.float-chip{display:none}}@media(max-height:420px){.device-stage{display:none}.hero-content{flex-direction:column;text-align:center}.hero-actions{justify-content:center}.hero-text{max-width:720px}.hero h1{max-width:none}}.hero--compact .float-chip,.hero--compact .hero-actions .secondary{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Final 2026 redesign: device-free electrical circuit visual */
.hero{background:#3b1d4e}.hero-backdrop{background:radial-gradient(ellipse 56% 64% at 50% 42%,#713b9b 0%,#542769 43%,#3b1d4e 100%)}
.hero-backdrop::after{box-shadow:inset 0 0 120px #3b1d4eaa}
.hero-content{width:min(1120px,100%);gap:calc(var(--hs,1)*min(2svh,16px))}
.hero-text{position:relative;z-index:2}.hero h1{max-width:18ch;margin-inline:auto;font-size:calc(var(--hs,1)*clamp(30px,min(5.5vw,7.8svh),70px))}.hero-description{max-width:65ch;margin:calc(var(--hs,1)*8px) auto calc(var(--hs,1)*12px)}
.circuit-stage{position:relative;width:min(100%,1080px);height:calc(var(--hs,1)*min(40svh,370px));flex:none;min-height:0;isolation:isolate}
.circuit-glow{position:absolute;inset:9% 20%;background:radial-gradient(ellipse,#e774d740 0%,#8271ef25 45%,transparent 72%);filter:blur(17px);pointer-events:none}
.circuit-traces{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.68}.circuit-traces path{fill:none;stroke:#a875f5;stroke-width:1.8;filter:drop-shadow(0 0 5px #8271ef)}.circuit-traces circle{fill:#e0f651;filter:drop-shadow(0 0 8px #e0f651)}
.metric-card,.formula-card{position:absolute;background:linear-gradient(135deg,#74419bbb,#4e2b64ee 67%,#3b1d4ef5);border:1px solid #d7adfb99;box-shadow:0 10px 24px #2f164b55,0 20px 50px #e774d719,inset 0 1px #efedf75c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));text-align:left}
.metric-card{width:25%;min-height:26%;padding:calc(var(--hs,1)*14px);display:flex;align-items:center;gap:12px}.metric-card small,.formula-grid small{display:block;color:#d5cdeb;font-size:calc(var(--hs,1)*clamp(10px,1.05vw,13px));line-height:1.3}.metric-card strong{font-size:calc(var(--hs,1)*clamp(15px,2vw,24px));line-height:1.25;white-space:nowrap}.metric-icon{color:#e0f651;font-size:calc(var(--hs,1)*26px);width:34px;flex:none;text-align:center}.metric-icon.blue{color:#84bdff}.metric-icon.pink{color:#f9a1eb}
.metric-voltage{top:9%;left:2%}.metric-load{bottom:10%;left:0}.metric-cable{top:13%;right:0}.metric-power{bottom:7%;right:1%}
.formula-card{left:32%;top:13%;width:36%;height:74%;padding:calc(var(--hs,1)*clamp(12px,1.6vw,24px));display:flex;flex-direction:column;justify-content:space-between;z-index:1;border-color:#d7adfbe0;box-shadow:0 12px 40px #2f164b88,0 0 36px #8271ef55,inset 0 1px #efedf777}
.formula-head{display:flex;gap:10px;align-items:center;font-size:calc(var(--hs,1)*clamp(13px,1.45vw,18px));font-weight:700}.formula-icon{display:grid;place-items:center;width:calc(var(--hs,1)*37px);height:calc(var(--hs,1)*37px);background:#8271ef;border:1px solid #ead7ff7d;border-radius:9px;font-size:22px}.formula-more{margin-left:auto;color:#d9c2e9;font-size:11px}.formula-expression{text-align:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:calc(var(--hs,1)*clamp(20px,3vw,42px));letter-spacing:.035em}.formula-grid{display:flex;justify-content:space-around;text-align:center}.formula-grid span{flex:1;border-right:1px solid #efedf72b}.formula-grid span:last-child{border:0}.formula-grid b{font-size:calc(var(--hs,1)*clamp(12px,1.4vw,18px));white-space:nowrap;color:#a4d1ff}.formula-grid span:nth-child(2) b{color:#f1a3e8}.formula-grid span:nth-child(3) b{color:#e0f651}
.orbit-bolt{position:absolute;right:12%;top:0;color:#e0f651;font-size:calc(var(--hs,1)*36px);width:calc(var(--hs,1)*62px);height:calc(var(--hs,1)*62px);border:2px solid #a774f9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 25px #8271ef55;pointer-events:none}
.hero .action{border-radius:8px;clip-path:none;box-shadow:5px 5px #e774d7;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.hero .action.secondary{box-shadow:5px 5px #8271ef}
@media(max-width:767px){.circuit-stage{height:calc(var(--hs,1)*min(37svh,310px))}.metric-card{gap:4px;padding:7px;width:26%;min-height:23%}.metric-icon{width:18px;font-size:17px}.metric-card strong{font-size:calc(var(--hs,1)*clamp(10px,2.3vw,16px))}.metric-card small{font-size:calc(var(--hs,1)*clamp(8px,1.8vw,11px))}.formula-card{left:28%;width:44%;height:69%;top:16%}.metric-voltage{top:9%;left:0}.metric-load{bottom:6%;left:0}.metric-cable{top:9%;right:0}.metric-power{bottom:6%;right:0}.orbit-bolt{right:10%;top:0}.hero h1{max-width:13ch}}
@media(max-width:480px){.circuit-stage{height:calc(var(--hs,1)*min(31svh,240px))}.metric-card{width:27%;padding:5px;min-height:24%;display:block;text-align:center}.metric-icon{display:none}.metric-card strong{font-size:calc(var(--hs,1)*11px)}.metric-card small{font-size:calc(var(--hs,1)*9px)}.formula-card{left:27%;width:46%;top:17%;height:67%;padding:calc(var(--hs,1)*8px)}.formula-head{font-size:calc(var(--hs,1)*11px)}.formula-icon{width:21px;height:21px;font-size:14px}.formula-expression{font-size:calc(var(--hs,1)*18px)}.formula-grid b{font-size:calc(var(--hs,1)*9px)}.formula-grid small{font-size:calc(var(--hs,1)*9px)}.orbit-bolt{display:none}.hero .action{padding:9px 13px;font-size:calc(var(--hs,1)*13px)}}
@media(max-height:600px){.circuit-stage{width:min(39vw,360px);height:calc(var(--hs,1)*36svh)}.hero-content{flex-direction:row-reverse;gap:18px}.hero-text{max-width:480px}.hero h1{margin-inline:0}.hero-description{margin:8px 0}.hero-actions{justify-content:flex-start}.metric-card{display:none}.formula-card{left:9%;width:82%;top:7%;height:86%}.orbit-bolt{display:none}}
@media(max-height:420px){.circuit-stage{display:none}.hero-content{flex-direction:column}.hero h1{margin-inline:auto}.hero-description{margin:8px auto}.hero-actions{justify-content:center}}