@font-face{font-family:Vazirmatn;src:url("assets/Vazirmatn-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--blue:#0756ef;--deep:#0340c4;--cyan:#00cedb;--ink:#15294a;--muted:#60718c;--pale:#f2f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.95}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00b3ba;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.6}h2{font-size:clamp(27px,3vw,37px);font-weight:700;letter-spacing:-1.1px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;direction:ltr}.logo{position:relative;display:inline-block;font:500 60px/1 Arial,sans-serif;letter-spacing:1px;color:var(--blue)}.logo span{position:absolute;width:7px;height:7px;background:currentColor;border-radius:50%;top:1px;left:25px}.header nav{direction:rtl;display:flex;gap:35px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{direction:rtl;border:1px solid #dce6f7;border-radius:30px;padding:10px 20px;font-size:12px}.nav-cta span{margin-right:18px;color:var(--blue)}.hero{overflow:hidden;background:var(--blue);color:#fff;position:relative}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;min-height:640px;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding:48px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2px;display:flex;gap:10px;align-items:center}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--cyan)}h1{font-size:clamp(38px,4.6vw,59px);letter-spacing:-2px;line-height:1.55;margin:18px 0}h1 em{font-style:normal;color:#71f4ef}.hero-description{font-size:15px;color:#dbe9ff;line-height:2.1}.amount{display:flex;align-items:center;gap:13px;margin:22px 0}.amount>span{color:#d2e2ff;font-size:14px}.amount strong{font-size:48px;line-height:1.3}.amount small{font-size:21px;font-weight:400}.button{display:inline-flex;align-items:center;gap:35px;border-radius:50px;padding:14px 25px;font-size:14px;font-weight:bold}.white{background:#fff;color:var(--blue);box-shadow:0 8px 30px #0039ae44}.white:hover{background:#dbffff}.button span{font-size:22px;line-height:1}.fine{font-size:10px;line-height:1.9}.hero-fine{color:#ccddff;margin-top:15px}.hero-art{position:relative;height:530px;direction:ltr;isolation:isolate}.orbit{position:absolute;border-radius:48%;width:570px;height:570px;left:-175px;top:-10px;transform:rotate(-32deg);border:85px solid #1498fa;box-shadow:inset 18px 5px 30px #65e6ff88,20px 10px 35px #002fa744;background:transparent}.orbit-two{width:410px;height:410px;top:75px;left:-90px;border-width:57px;border-color:#0873ed;box-shadow:inset 10px 10px 30px #4dd4ff99,10px 10px 20px #003fb677}.orbit-three{width:710px;height:710px;top:-85px;left:-240px;border-width:60px;border-color:#1268f6;z-index:-1;opacity:.55}.glass-card{position:absolute;width:280px;height:340px;top:105px;left:135px;border:1px solid #ffffff70;border-radius:26px;background:linear-gradient(135deg,#ffffff40,#87ceff12);box-shadow:0 25px 55px #002c9855;backdrop-filter:blur(18px);transform:rotate(-10deg);padding:25px;display:flex;flex-direction:column;align-items:flex-start}.card-brand{font:45px/1 Arial,sans-serif}.card-caption{font-size:11px;align-self:flex-end;margin-top:-20px}.gold-disc{width:135px;height:135px;margin:25px auto 17px;border-radius:50%;background:linear-gradient(135deg,#fff0ba,#d7a64e 45%,#ffe6a0 70%,#c88d33);border:7px double #fff0ac;box-shadow:10px 14px 25px #002c8044,inset 0 0 0 7px #d3a859;display:grid;place-items:center}.gold-disc span{font-size:68px;color:#fff1bd;text-shadow:0 2px 3px #9f711b}.card-line{height:1px;width:100%;background:#ffffff50}.card-bottom{font-size:11px;margin:18px auto 0}.spark{position:absolute;color:#65eeef;font-size:50px}.spark-one{left:430px;top:55px}.spark-two{left:65px;top:395px;font-size:40px}.art-label{position:absolute;left:170px;bottom:10px;font-size:11px;display:flex;align-items:center;gap:8px}.art-label span{width:6px;height:6px;background:var(--cyan);border-radius:50%}.hero-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-block:18px;font-size:11px;color:#d5e6ff}.hero-bottom a{color:white}.hero-bottom a span{margin-right:20px}.section{padding-block:95px}.section-label{font-size:11px;color:var(--blue);font-weight:bold;margin-bottom:16px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro-copy{color:var(--muted);font-size:14px}.intro-copy p+p{margin-top:15px}.text-link{display:inline-block;margin-top:25px;color:var(--blue);font-size:12px;font-weight:700}.text-link span{margin-right:20px}.details{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:90px;gap:35px}.details article{border-top:2px solid #e0eafb;padding-top:23px}.detail-number{font-size:11px;color:var(--muted)}.details h3{margin:14px 0 12px;font-size:21px}.details p,.steps p{font-size:12px;line-height:2.1;color:var(--muted)}.steps-section{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.section-heading>p{color:var(--muted);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.steps article{position:relative}.steps article:not(:last-child):after{content:"";position:absolute;top:25px;right:70px;left:-25px;height:1px;background:#d4e1f5}.steps article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#e3edff;color:var(--blue);font-size:20px}.steps h3{font-size:18px;margin:22px 0 10px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.muted{color:var(--muted);font-size:12px;margin-top:18px}details{border-bottom:1px solid #e0e7f2;padding:20px 0}details:first-child{padding-top:0}summary{font-weight:700;font-size:13px;list-style:none;cursor:pointer;position:relative;padding-left:30px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;left:0;top:0;font-size:20px;color:var(--blue);font-weight:400}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:12px;margin-top:13px;line-height:2.2}.start{background:var(--blue);color:white;border-radius:28px;padding:55px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;overflow:hidden}.start .eyebrow{color:#73f3eb}.start h2{margin:12px 0 18px;font-size:35px}.start p:not(.eyebrow):not(.fine):not(.copy-status){font-size:13px;color:#dce9ff}.code-row{margin-top:25px;display:flex;align-items:center;gap:25px}.code-row>div{display:flex;flex-direction:column}.code-row span{font-size:10px;color:#d2e1ff}.code-row strong{font-family:Arial,sans-serif;font-size:23px;letter-spacing:2px}.code-row button{background:#fff;border:0;border-radius:25px;padding:10px 20px;color:var(--blue);font-size:12px}.code-row button span{color:var(--blue);font-size:17px;margin-right:12px}.copy-status{min-height:25px;font-size:11px;color:#8ffff7}.start .fine{color:#c6daff}.start-note{border:1px solid #ffffff40;border-radius:20px;padding:30px;background:#ffffff0b}.note-icon{display:block;font-size:50px;color:#6af3eb;line-height:1.3;margin-bottom:30px}.start-note h3{font-size:19px}.start-note ul{padding-right:17px;margin:18px 0 0;font-size:12px;color:#dce9ff}.start-note li+li{margin-top:12px}footer{display:flex;align-items:center;gap:40px;padding-block:40px;direction:ltr}footer .logo{font-size:43px}footer .logo span{width:5px;height:5px;left:18px;top:0}footer p{font-size:10px;direction:rtl;color:var(--muted);flex:1}footer>a:last-child{font-size:10px;direction:rtl;color:var(--blue)}.skip{position:absolute;top:-100px;z-index:9;background:white;color:var(--blue);padding:12px}.skip:focus{top:0}@media(min-width:1450px){.hero-art{transform:scale(1.06)}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-art{transform:scale(.8);transform-origin:center right}.hero-inner{grid-template-columns:1.1fr .9fr}.intro,.faq{gap:40px}.start{gap:40px;padding:40px}.steps{gap:35px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:12px}.header .logo{font-size:47px}.header .logo span{left:20px;width:5px;height:5px}.header nav{display:none}.nav-cta{font-size:11px;padding:8px 15px}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.hero-copy{padding:42px 0 15px}h1{font-size:43px;letter-spacing:-1.8px}.hero-description{font-size:13px}.amount strong{font-size:42px}.amount small{font-size:19px}.hero-art{height:350px;width:100%;transform:scale(.72);transform-origin:top center;margin-bottom:-90px;margin-top:10px}.orbit{left:calc(50% - 350px)}.orbit-two{left:calc(50% - 265px)}.orbit-three{left:calc(50% - 415px)}.glass-card{left:calc(50% - 100px);top:25px}.spark-one{left:calc(50% + 190px);top:5px}.spark-two{left:calc(50% - 170px);top:250px}.art-label{display:none}.hero-bottom{position:relative;margin-top:50px;font-size:9px}.section{padding-block:60px}.intro,.faq{grid-template-columns:1fr;gap:28px}.details{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.details article{padding-top:18px}.details h3{font-size:20px;margin:10px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps article{padding-right:70px;min-height:90px}.steps article>span{position:absolute;right:0;top:0}.steps article:not(:last-child):after{width:1px;height:calc(100% - 30px);top:60px;right:25px;left:auto}.steps h3{margin:0 0 8px}.start{grid-template-columns:1fr;padding:32px 25px;gap:25px;border-radius:22px}.start h2{font-size:30px}.start-note{padding:23px}.note-icon{font-size:35px;margin-bottom:14px}footer{gap:20px;flex-wrap:wrap;padding-block:30px}footer p{flex-basis:70%;font-size:9px}footer>a:last-child{margin-left:auto}summary{font-size:12px}.hero-fine{max-width:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Supplied SVG brand marks */
.logo{line-height:0;flex-shrink:0}.logo img{display:block;width:83px;height:50px}.card-brand{display:block;width:66px;height:auto}.card-caption{margin-top:-23px}footer .logo img{width:65px;height:auto}@media(max-width:700px){.header .logo img{width:66px;height:auto}}

/* Navigation and hero refinements */
.nav-cta{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.nav-cta:hover{background:var(--deep);border-color:var(--deep)}
.hero-art{transform:none}
.orbit,.orbit-two,.orbit-three{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-32deg)}
.glass-card{width:320px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);padding:28px}
.card-caption{font-size:15px;font-weight:500;margin-top:-25px;direction:rtl}
.gold-disc{width:150px;height:150px;margin:33px auto 25px}
.card-bottom{font-size:17px;font-weight:500;margin:22px auto 0;direction:rtl;text-align:center}
.hero-bottom{justify-content:center}
.hero-bottom a{font-size:13px;font-weight:700}
@media(max-width:1000px) and (min-width:701px){.hero-art{transform:scale(.85);transform-origin:center}}
@media(max-width:700px){.hero-art{height:410px;transform:scale(.8);transform-origin:top center;margin-top:25px;margin-bottom:-65px}.hero-bottom{margin-top:20px}.card-caption{font-size:17px}.card-bottom{font-size:19px}}

/* Coin alignment, concentric rings and scroll cue; glass card unchanged. */
.gold-disc>svg{display:block;width:68px;height:68px;fill:#fff1bd;filter:drop-shadow(0 2px 2px #9f711b);overflow:visible}
.orbit,.orbit-two,.orbit-three{border-radius:50%;border-width:44px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 8px 8px 20px #65e6ff55,8px 8px 22px #0039b533}
.orbit-one{width:550px;height:550px}
.orbit-two{width:410px;height:410px}
.orbit-three{width:690px;height:690px}
.hero-bottom a{display:flex;flex-direction:column;align-items:center;gap:9px}
.hero-bottom a .scroll-cue{display:block;position:relative;width:16px;height:25px;margin:0;border:1.5px solid #b6d6ff;border-radius:12px}
.scroll-cue::before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:3px;height:6px;border-radius:3px;background:#73f3eb}
.hero-bottom a:hover .scroll-cue{border-color:#73f3eb}

/* Glass edge and hand-drawn eyebrow highlight. */
.glass-card{border-color:transparent}
.glass-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffffed 0%,#b6eaff85 23%,#ffffff18 44%,#83e8ffb8 70%,#ffffffd9 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.hero-eyebrow{position:relative;display:inline-flex;isolation:isolate;padding:8px 20px;margin-inline:-10px}
.handdrawn-ring{position:absolute;inset:-3px -6px;width:calc(100% + 12px);height:calc(100% + 6px);fill:none;stroke:#63efe7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:rotate(-3deg);z-index:-1}

/* Pointer tilt keeps the resting card geometry and appearance intact. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.glass-card{transform:translate(-50%,-50%) perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-10deg);transition:transform 180ms ease-out;will-change:transform}
}

/* Depth-linked light: transparent at rest, follows the tilted surface. */
.glass-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--light-angle,135deg),rgba(255,255,255,.24),transparent 48%,rgba(0,20,65,.22));opacity:var(--light-strength,0);transition:opacity 180ms ease-out;mix-blend-mode:normal}
.glass-card::before{background:linear-gradient(135deg,#ffffffed 0%,#b6eaff85 23%,#ffffff18 44%,#83e8ffb8 70%,#ffffffd9 100%)}
.glass-card.is-tilting::before{background:linear-gradient(var(--light-angle,135deg),#fff 0%,#d2f8ffdb 24%,#a6dcff55 50%,#16387555 100%)}
@media(prefers-reduced-motion:reduce){.glass-card::after{display:none}}

/* Quiet parallax for the two decorative stars around the card. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.hero-art>.spark{transform:translate3d(var(--star-x,0px),var(--star-y,0px),0) rotate(var(--star-turn,0deg));transition:transform 700ms cubic-bezier(.22,1,.36,1);will-change:transform;pointer-events:none}
}

/* Intro section typography only. */
.intro .section-label,.details .detail-number{color:#111;font-weight:700}
.details h3{color:var(--blue)}

/* Tighter spacing between each column label and heading. */
.details h3{margin-top:4px}

/* Intro eyebrow: softer contrast and closer to its heading. */
.intro .section-label{color:var(--muted);line-height:1;margin-bottom:8px}

/* Final installation CTA only. */
#start{margin-top:72px;grid-template-columns:1.05fr 1fr;gap:70px;padding:56px;background:linear-gradient(120deg,#0756ef,#0747cf);border:1px solid #ffffff26}
#start .install-intro h2{font-size:clamp(28px,3vw,38px);margin-bottom:18px}
#start .install-intro>p:not(.eyebrow):not(.copy-status){max-width:400px;line-height:2.15}
#start .code-row{background:#ffffff10;border:1px solid transparent;position:relative;isolation:isolate;border-radius:16px;padding:16px 20px;justify-content:space-between;gap:16px;margin-top:28px}
#start .code-row strong{font-size:29px;letter-spacing:3px}
#start .code-row button{border-radius:12px;white-space:nowrap}
#start .code-row button:hover{background:#d6fffa}
#start .copy-status{margin-top:5px}
#start .install-guide{padding:30px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 18px 40px #002c7c26}
#start .install-step{display:flex;align-items:flex-start;gap:14px}
#start .install-number{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#eaf1ff;color:var(--blue);border-radius:50%;font-size:15px;font-weight:700}
#start .install-step h3{font-size:17px;margin:2px 0 8px}
#start .install-step p{color:var(--muted);font-size:12px;line-height:2}
#start .install-link{display:flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:12px;padding:13px 16px;margin-top:22px;background:var(--blue);color:white;font-size:14px;font-weight:700}
#start .install-link:hover{background:var(--deep)}
#start .install-divider{height:1px;background:#e6edf7;margin:26px 0}
#start .install-step bdi{color:var(--blue);font-weight:700}
@media(max-width:700px){#start{margin-top:40px;padding:30px 22px;grid-template-columns:1fr;gap:20px}#start .install-guide{padding:24px 20px}#start .code-row{padding:14px}#start .code-row strong{font-size:25px}}

/* Continuous gradient border around the referral code. */
#start .code-row::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(117,170,255,1),rgba(117,170,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}

/* Footer return control. */
footer .back-to-top{display:inline-flex;align-items:center;gap:10px;font-weight:500}
footer .back-to-top-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce6f7;border-radius:50%;background:#f2f6fc;color:var(--blue);transition:background .2s ease,border-color .2s ease}
footer .back-to-top-icon svg{display:block}
footer .back-to-top:hover .back-to-top-icon{background:#e3edff;border-color:#9fbeff}
@media(prefers-reduced-motion:reduce){footer .back-to-top-icon{transition:none}}

footer .back-to-top{margin-left:auto}

/* Mobile only: hide the hero artwork, preserving desktop styles. */
@media(max-width:700px){.hero-art{display:none}}

/* Standalone hero variant: original desktop deliverable is preserved separately. */
.hero-inner{min-height:calc(100svh - 100px);gap:72px;padding-block:35px}
#start.hero-install{margin:0;padding:0;background:none;border:0;min-width:0;scroll-margin-top:25px}
#start.hero-install .install-guide{padding:34px;border-radius:22px}
@media(max-width:1000px){.hero-inner{gap:35px}}
@media(max-width:700px){.hero-inner{min-height:calc(100svh - 80px);padding-block:0 35px;gap:22px}#start.hero-install .install-guide{padding:27px 23px}.hero-copy{padding-bottom:0}}

/* Subtle finishing touches exclusive to the standalone hero version. */
.header{position:relative}
.header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#dce9ff,transparent)}
.hero{background:radial-gradient(ellipse at 16% 38%,#1871f4 0%,transparent 52%),linear-gradient(135deg,#0756ef,#0648d2)}
.hero::before{content:"";position:absolute;width:580px;height:580px;left:-280px;top:50%;transform:translateY(-50%);border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 64px #ffffff04;pointer-events:none}
.hero-inner{position:relative;z-index:1}
#start.hero-install .install-guide{position:relative;border:1px solid #ddecff;box-shadow:0 24px 65px #002b8a33,0 2px 6px #002b8a0d}
#start.hero-install .install-guide::before{content:"";position:absolute;top:-1px;right:30px;left:30px;height:2px;background:linear-gradient(90deg,transparent,#71f4ef,transparent);border-radius:2px;pointer-events:none}
#start .install-number{background:linear-gradient(145deg,#f3f8ff,#e3edff);border:1px solid #d9e8ff;box-shadow:inset 0 1px 0 #fff}
#start .install-divider{background:linear-gradient(90deg,transparent,#d9e5f5 20%,#d9e5f5 80%,transparent)}
#start .install-step bdi{display:inline-block;padding:0 7px;margin-inline:2px;border:1px solid #dce9fc;border-radius:6px;background:#f0f6ff;font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:.8px;line-height:1.8;white-space:nowrap}
#start .install-link{box-shadow:0 5px 14px #0756ef1f;transition:background .2s ease,box-shadow .2s ease}
#start .install-link:hover{box-shadow:0 7px 20px #0756ef33}
@media(max-width:700px){.hero::before{width:360px;height:360px;left:-240px}}
@media(prefers-reduced-motion:reduce){#start .install-link{transition:none}}

/* Web-app badge inspired by the supplied reference. */
#start .install-link.pwa-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:18px;width:min(100%,320px);margin:22px auto 0;padding:12px 20px;background:#101010;color:#f5f5f5;border:2px solid #aaa;border-radius:12px;box-shadow:0 2px 4px #00000018;font-family:Arial,Helvetica,sans-serif;text-align:left;line-height:1}
#start .pwa-mark{font-size:35px;font-weight:900;font-style:italic;letter-spacing:-3px;color:#ddd}
#start .pwa-label{display:flex;flex-direction:column;gap:3px}
#start .pwa-label>span{font-size:17px;font-weight:400;color:#ddd}
#start .pwa-label>strong{font-size:36px;font-weight:400;letter-spacing:-1px;white-space:nowrap}
#start .install-link.pwa-badge:hover{background:#222;border-color:#ddd;box-shadow:0 3px 10px #00000022}
@media(max-width:380px){#start .install-link.pwa-badge{gap:13px;padding:12px}#start .pwa-mark{font-size:28px}#start .pwa-label>span{font-size:14px}#start .pwa-label>strong{font-size:29px}}

/* Use the supplied badge artwork without restyling its contents. */
#start .install-link.pwa-badge,#start .install-link.pwa-badge:hover{display:block;width:min(100%,320px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:0}
#start .install-link.pwa-badge img{display:block;width:100%;height:auto}

/* Restore the original concentric artwork behind the white panel. */
#start.hero-install{position:relative;isolation:isolate}
#start .install-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none}
#start .install-orbits .orbit{left:50%;top:50%;transform:translate(-50%,-50%)}
#start .install-orbits .orbit-three{z-index:-1}
@media(max-width:700px){#start .install-orbits{transform:scale(.8)}}

/* Three original information columns, adapted to the blue hero. */
.hero-inner{min-height:560px}
.hero-details{position:relative;z-index:1;padding-top:20px;padding-bottom:52px;gap:35px}
.hero-details article{border-top-color:#ffffff40}
.hero-details .detail-number{color:#d2e5ff;font-weight:700}
.hero-details h3{color:#71f4ef}
.hero-details p{color:#e1ecff}
@media(max-width:700px){.hero-inner{min-height:0}.hero-details{padding-top:15px;padding-bottom:35px;gap:25px}}

/* Brand sits directly above the hero title; no navigation bar. */
.hero-brand{display:block;width:83px;height:50px;object-fit:contain;margin-bottom:20px}
@media(max-width:700px){.hero-brand{width:70px;height:auto;margin-bottom:18px}}

/* Full-viewport blue section with a more generous top inset. */
.hero{min-height:100vh;min-height:100svh;padding-top:clamp(32px,6vh,80px);display:flex;flex-direction:column}
.hero-inner{flex:1}
@media(max-width:700px){.hero{padding-top:32px}.hero-inner{flex:initial}}

/* Refine logo spacing and title leading. */
.hero-brand{margin-bottom:32px}
.hero-copy h1{line-height:1.35}
@media(max-width:700px){.hero-brand{margin-bottom:28px}}

/* Slightly narrower white panel, centered over its rings. */
#start.hero-install .install-guide{width:84%;margin-inline:auto}

/* Mobile refinement only; desktop layout remains unchanged. */
@media(max-width:700px){
  .hero-details{display:none}
  #start .install-orbits{display:none}
  .hero::before{display:none}
  .hero{padding-top:16px}
  .hero-inner{width:calc(100% - 32px);padding-top:0;padding-bottom:24px;gap:24px}
  .hero-copy{padding:12px 0 0;text-align:center}
  .hero-brand{margin-inline:auto;margin-bottom:22px}
  .hero-copy h1{font-size:34px;line-height:1.35;letter-spacing:-1px;margin-top:0;margin-bottom:16px}
  .hero-description{text-align:center}
  #start.hero-install{width:100%}
  #start.hero-install .install-guide{width:100%;margin-inline:0}
}

.mobile-loan-note{display:none}
@media(max-width:700px){.mobile-loan-note{display:block;text-align:center;color:#71f4ef;font-size:14px;font-weight:500;margin:0;line-height:1.9}}

#referral-code{cursor:pointer}#referral-code:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:700px){.mobile-loan-note{font-size:16px}}

/* Prominent referral copy box and compact app badge. */
#start .referral-copy-box{display:block;width:100%;margin:20px 0 0;padding:19px 12px;border:1px solid #c4d9fa;border-radius:14px;background:linear-gradient(135deg,#f5f9ff,#eaf3ff);color:var(--blue);font-family:Vazirmatn,Tahoma,sans-serif;font-size:30px;font-weight:700;letter-spacing:4px;line-height:1.4;text-align:center;cursor:pointer}
#start .referral-copy-box:hover{background:#e3eeff;border-color:#8db6f7}
#start .referral-copy-box:active{background:#d7e7ff}
#start .install-link.pwa-badge,#start .install-link.pwa-badge:hover{width:min(60%,185px)}

#start .referral-copy-box{font-family:"Courier New",Courier,"Liberation Mono",monospace}

#start .referral-copy-box{position:relative;padding-inline:40px}
#start .copy-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none}
#start .referral-status{min-height:22px;margin:6px 0 0;color:var(--blue);font-size:12px;line-height:1.8;text-align:center}
#start .referral-status+.install-divider{margin-top:12px}

/* Mobile loan message above the white panel. */
.mobile-loan-pitch{display:none}
@media(max-width:700px){
.mobile-loan-pitch{display:block;text-align:center;color:#71f4ef;margin:0}
.mobile-loan-pitch strong{display:block;font-size:21px;font-weight:700;line-height:1.7}
.mobile-loan-pitch span{display:block;font-size:14px;font-weight:400;line-height:1.9;margin-top:4px}
}

/* Mobile-only copy refinement. */
@media(max-width:700px){.hero-description{display:none}.mobile-loan-pitch{color:#fff}}

/* Halve the mobile heading-to-loan spacing: 40px to 20px. */
@media(max-width:700px){.hero-copy h1{margin-bottom:0}.mobile-loan-pitch{margin-top:-4px}}

/* Mobile title top spacing: 16 + 12 = 28px becomes 44 + 12 = 56px. */
@media(max-width:700px){.hero{padding-top:44px}}