@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/vazirmatn-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/vazirmatn-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/vazirmatn-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f7f8f2;--ink:#183b36;--teal:#147b69;--muted:#68766f;--orange:#ed7141;--line:#dde3d9;--px:0;--py:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;line-height:1.9}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;object-fit:contain}.svg-library{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.6}p{color:var(--muted)}h2{font-size:clamp(27px,3vw,40px);font-weight:800;letter-spacing:-1.3px;margin-bottom:18px}h3{font-size:21px;margin-bottom:12px}button,a,input,textarea,select,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--orange)}::selection{background:#cae9db}.container{width:min(1192px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:10px;right:10px;transform:translateY(-160%);z-index:200;background:#fff;padding:10px}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:40;background:rgba(247,248,242,.88);backdrop-filter:blur(18px);border-bottom:1px solid #e2e6dc80}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;height:96px}.brand{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:900;line-height:1.2}.brand img{object-fit:contain;width:48px;height:58px}.brand-caption{display:block;font-size:9px;font-weight:500;margin-top:7px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px;font-weight:500}nav a:hover,.footer-links a:hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:56px;padding:12px 24px;border-radius:11px;border:1px solid transparent;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--teal);color:white;box-shadow:0 8px 18px #147b6918}.button.primary:hover{background:#106653;box-shadow:0 12px 24px #147b6925}.button.secondary{border-color:var(--line);background:#ffffff50}.button.dark{background:var(--ink);color:white}.button.small{min-height:45px;padding:9px 17px;font-size:12px}.button svg{width:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;min-height:710px;padding-block:52px 58px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--teal);font-size:12px;background:#e9efe4;border:1px solid #dae7d5;padding:6px 13px;border-radius:30px;margin-bottom:22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3a9670;box-shadow:0 0 0 4px #3a967012}.hero h1{font-size:clamp(40px,4.45vw,64px);line-height:1.65;letter-spacing:-2.7px;font-weight:900;margin-bottom:20px}.highlight{position:relative;color:var(--teal);white-space:nowrap}.underline{position:absolute;bottom:-3px;left:0;right:0;height:10px;border-top:4px solid #e7a76e;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:15px;line-height:2.2;max-width:460px;margin-bottom:27px}.actions{display:flex;gap:12px;align-items:center}.play{font-size:22px}.hero-notes{display:flex;gap:22px;margin-top:22px;font-size:11px;color:var(--muted)}.hero-notes span{display:flex;gap:6px;align-items:center}.hero-notes svg{width:15px;height:15px}.hero-business{display:flex;gap:11px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);max-width:430px;font-size:12px;color:var(--muted)}.hero-business a{font-weight:700;color:var(--ink);margin-right:7px}.mini-shop{display:grid;place-items:center;background:#eeeede;width:38px;height:38px;border-radius:10px}.mini-shop svg{width:20px}.hero-art{height:580px;position:relative;perspective:1100px;isolation:isolate;touch-action:pan-y}.hero-art:before{content:'';position:absolute;inset:12% 0;background:radial-gradient(ellipse,#bddcbe90,transparent 65%);border-radius:50%;z-index:-2}.orbit{position:absolute;inset:11% -5%;border:1px dashed #ccd7c7;border-radius:50%;transform:rotate(-35deg);z-index:-1}.orbit-two{inset:3% 6%;transform:rotate(35deg)}.map-window{position:absolute;inset:28px 48px 41px 26px;transform:rotateX(calc(5deg + var(--py)*-5deg)) rotateY(calc(-9deg + var(--px)*7deg)) rotateZ(-3deg);transform-style:preserve-3d;border:8px solid white;border-radius:27px;background:#fff;box-shadow:18px 28px 55px #163c3424,4px 5px 0 #d5ded3;transition:transform .2s ease-out;will-change:transform}.map-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;font-weight:700;gap:4px}.map-top .live-dot{width:6px;height:6px;margin-left:6px}.sample{font-size:9px;font-weight:400;color:var(--muted)}.map-canvas{position:relative;height:calc(100% - 90px);border-radius:15px;transform-style:preserve-3d}.city-map{width:100%;height:100%;border-radius:15px;stroke:none}.map-balloon{position:absolute;background:none;border:0;padding:0;filter:drop-shadow(9px 20px 5px #2b4b3229);transform:translate3d(calc(var(--px)*-17px),calc(var(--py)*-14px),50px);transition:transform .22s ease-out,filter .2s;z-index:3}.map-balloon img{display:block;animation:float 5s ease-in-out infinite}.map-balloon span{position:absolute;top:37%;left:50%;transform:translateX(-50%);padding:0 9px;border:2px solid white;border-radius:9px;background:var(--ink);color:white;font-weight:800;font-size:17px;box-shadow:0 4px 10px #0002;pointer-events:none}.map-balloon:hover,.map-balloon.selected{filter:drop-shadow(7px 20px 8px #147b6950)}.map-balloon:hover span,.map-balloon.selected span{background:var(--orange)}.balloon-a{top:8%;right:28%;width:105px}.balloon-b{top:24%;left:7%;width:85px}.balloon-c{top:38%;right:8%;width:95px}.balloon-b img{animation-delay:-1.5s}.balloon-c img{animation-delay:-3s}.you-dot{position:absolute;bottom:24%;left:47%;display:grid;justify-items:center;gap:9px}.you-dot>span{width:13px;height:13px;background:var(--teal);border:3px solid white;border-radius:50%;box-shadow:0 0 0 9px #147b691c}.you-dot small{font-size:9px;background:white;padding:1px 7px;border-radius:5px}.map-hint{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:10px;color:#637465}.offer-card{position:absolute;bottom:66px;left:-22px;right:28px;z-index:5;display:flex;align-items:center;gap:12px;border:1px solid #e4e9df;border-radius:14px;background:#fffffff5;padding:15px;box-shadow:0 12px 26px #183b3617;transform:translate3d(calc(var(--px)*-8px),calc(var(--py)*-8px),75px)}.offer-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:50px;background:#eff1e7;border-radius:10px;color:var(--teal)}.offer-copy{display:flex;flex-direction:column;line-height:1.9;flex:1}.offer-meta{font-size:8px;color:var(--muted)}.offer-copy strong{font-size:13px}.offer-copy>span:last-child{font-size:9px;color:var(--muted)}.offer-discount{font-size:27px;font-weight:900;color:var(--teal)}.map-bottom{height:47px;display:flex;align-items:center;justify-content:space-around;color:#87948d}.map-bottom>span{display:flex;gap:5px;align-items:center;font-size:10px}.map-bottom>span:first-child{color:var(--teal)}.map-bottom svg{width:18px;height:18px}.floating-label{position:absolute;top:8px;left:-10px;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e5e9df;border-radius:13px;padding:12px 16px;z-index:7;font-size:10px;box-shadow:0 8px 25px #183b3610;transform:translate(calc(var(--px)*-20px),calc(var(--py)*-18px)) rotate(-6deg);transition:transform .2s}.floating-label strong,.discovery-note strong{display:block;font-size:13px}.label-icon{background:#fce9de;color:#d86b39;padding:9px;border-radius:10px;display:flex}.discovery-note{position:absolute;bottom:48px;right:0;background:#ffecd5;border:1px solid #f7dcb8;padding:12px 17px;display:flex;gap:12px;align-items:center;border-radius:12px;z-index:7;font-size:10px;transform:translate(calc(var(--px)*22px),calc(var(--py)*14px)) rotate(5deg);transition:transform .2s;box-shadow:0 10px 25px #705a2414}.discovery-note>span{font-size:34px;color:#c27631}.art-spark{position:absolute;color:var(--orange);font-size:37px}.spark-one{right:7px;top:17px}.spark-two{left:0;bottom:74px;font-size:26px;color:#7b9673}.demo-caption{position:absolute;bottom:-6px;left:0;right:0;text-align:center;font-size:9px}.category-strip{border-block:1px solid var(--line);background:#f1f3ea}.categories{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:110px;font-size:12px;color:#64746b}.category-intro{font-size:11px;padding-left:30px;border-left:1px solid #d8dfd2}.category-intro strong{color:var(--ink);font-size:14px}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px}.section-heading>p{font-size:14px;max-width:460px;line-height:2.2}.kicker{font-size:12px;font-weight:600;color:var(--teal);margin-bottom:14px}.muted-heading{color:#7f9689}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{position:relative;border-top:1px solid #dce3d7;padding:27px 5px 0 26px}.step-number{position:absolute;left:20px;top:19px;font-size:35px;font-weight:500;color:#c1cbbd}.icon-box{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:#e3eee3;color:var(--teal);margin-bottom:20px}.icon-box.peach{background:#f7e5d7;color:#b76a3c}.icon-box.lilac{background:#ece8f3;color:#827091}.step h3{font-size:19px}.step p{font-size:13px;max-width:300px}.features-section{background:#eef2e9}.center-heading{text-align:center;margin-bottom:37px}.center-heading>p:last-child{font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.radar-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#163f36;border-radius:23px;color:#fff;min-height:340px;overflow:hidden;padding:38px 47px;position:relative}.feature-tag{display:inline-block;font-size:11px;padding:3px 13px;border:1px solid #91b8a748;border-radius:20px;color:#c5dfb8;margin-bottom:14px}.radar-card h3{font-size:31px;font-weight:800;line-height:1.65}.radar-card p{color:#b9cfc4;font-size:13px;max-width:420px}.text-link{display:inline-flex;gap:16px;color:var(--teal);font-size:12px;font-weight:700;align-items:center}.radar-card .text-link{color:#d5eabf}.radar-visual{width:300px;height:300px;position:relative;justify-self:center;direction:ltr}.radar-ring{position:absolute;border:1px solid #b3d8ac29;border-radius:50%;inset:0}.ring2{inset:40px}.ring3{inset:85px}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 70%,#bddeb735);animation:sweep 12s linear infinite}.radar-center{position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);width:10px;height:10px;background:#c4e8a2;border-radius:50%;box-shadow:0 0 20px #c4e8a2}.radar-pip{position:absolute;width:8px;height:8px;background:#a5c590;border-radius:50%;box-shadow:0 0 0 6px #a5c59011}.pip1{top:40px;left:140px}.pip2{bottom:58px;left:60px}.radar-deal{position:absolute;top:81px;right:12px;width:72px;height:72px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#d8e9a8;color:#193d32;border-radius:18px;font-size:25px;font-weight:900;box-shadow:0 9px 30px #001b2650;transform:rotate(-8deg)}.radar-deal small{font-size:9px;font-weight:400;line-height:1}.feature-card{background:#f9faf5;border:1px solid #dde5d7;border-radius:22px;padding:30px;position:relative;overflow:hidden;min-height:284px}.feature-card h3{font-size:22px}.feature-card p{font-size:13px;max-width:390px;margin-bottom:30px}.reaction-row{display:flex;gap:10px;direction:ltr}.reaction-row span{padding:3px 17px;border:1px solid #dce6d5;border-radius:22px;background:#f0f4e9;font-size:13px;color:#718968}.reaction-row span:first-child{color:#c36853;font-size:20px}.coin-art{display:flex;direction:ltr;gap:0;height:43px;align-items:center;padding-left:10px}.coin-art span{background:linear-gradient(130deg,#ffe9a5,#dab454);border:3px solid #ebcd78;border-radius:50%;width:47px;height:47px;text-align:center;font-size:27px;color:#aa8126;line-height:40px;margin-left:-10px;transform:rotate(-15deg);box-shadow:2px 3px 0 #cba34b}.coin-art span:nth-child(2){transform:translateY(-6px)}.business-panel{background:#f2ecdf;border-radius:25px;display:grid;grid-template-columns:1.15fr 1fr;padding:53px;gap:35px;overflow:hidden}.business-copy>p:not(.kicker){font-size:14px;max-width:480px}.business-copy h2{font-size:35px}.check-list{padding:0;list-style:none;font-size:12px;margin:23px 0}.check-list li{margin-bottom:11px;display:flex;gap:10px}.check-list li:before{content:'✓';color:#4f8663}.business-note{display:block;margin-top:12px;font-size:10px;color:var(--muted)}.business-visual{position:relative;align-self:center;height:380px;perspective:1000px}.business-orbit{position:absolute;inset:25px 0;border:1px solid #d9d4bf;border-radius:50%;background:radial-gradient(#e4d9be70,transparent 70%)}.shop-illustration{position:absolute;width:260px;top:84px;left:50%;transform:translateX(-50%) rotateY(-18deg) rotateX(7deg) rotateZ(3deg);filter:drop-shadow(15px 28px 18px #735d2620)}.shop-roof{display:flex;height:52px;background:#eb874e;border-radius:12px 12px 0 0;position:relative;z-index:2;transform:skewX(-4deg)}.shop-roof i{flex:1;background:#1f806a;border-radius:0 0 16px 16px;height:64px;box-shadow:0 6px 5px #0001}.shop-roof i:nth-child(even){background:#f9e8ca}.shop-body{position:relative;background:#ead8b7;height:173px;border:8px solid #fff4da;box-shadow:9px 7px 0 #ccb68c;padding:12px}.shop-name{display:block;text-align:center;font-size:13px;color:#376349;font-weight:700;margin-bottom:12px}.shop-window{position:absolute;left:12px;bottom:12px;width:132px;height:94px;background:#b6cec0;border:6px solid #ffefd2;display:grid;place-items:center;box-shadow:inset 3px 3px 0 #87a78f}.shop-window span{font-size:13px;transform:rotate(-6deg);background:#fff2d6;padding:5px 20px;text-align:center;line-height:1.8;color:#a2653f}.shop-window b{font-size:19px}.shop-door{position:absolute;right:12px;bottom:0;background:#7b9e8e;border:6px solid #fff0d2;width:58px;height:110px}.shop-door:after{content:'';position:absolute;left:5px;top:55%;width:4px;height:13px;background:#e6c89e}.shop-floor{height:10px;background:#c8b08c;border-radius:3px}.business-badge{position:absolute;bottom:25px;right:1px;display:flex;gap:12px;align-items:center;background:white;border-radius:12px;padding:13px 18px;box-shadow:0 10px 30px #735d2614;transform:rotate(-5deg);font-size:10px}.business-badge strong{display:block;font-size:13px}.business-badge svg{color:var(--teal)}.business-spark{position:absolute;top:23px;left:29px;font-size:49px;color:#d28f52}.trust-section{padding-top:5px;padding-bottom:55px;text-align:center}.trust-section h2{font-size:30px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px;text-align:right}.trust-grid article>svg{color:var(--teal);margin-bottom:17px;width:29px;height:29px}.trust-grid h3{font-size:17px}.trust-grid p{font-size:13px}.collaboration{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid var(--line);padding-top:65px}.collaboration p:not(.kicker){font-size:14px;max-width:435px}.collab-note{font-size:10px;color:#81917f}.collab-options{display:flex;flex-direction:column;gap:13px;justify-content:center}.collab-options button{border:1px solid #dfe4d8;background:#fbfcf7;border-radius:13px;display:flex;align-items:center;gap:15px;text-align:right;padding:19px;transition:background .2s,transform .2s}.collab-options button:hover{background:#ebf0e3;transform:translateX(-5px)}.collab-options strong{display:block;font-size:14px;font-weight:600}.collab-options small{display:block;color:var(--muted);font-size:10px}.collab-options button>span:last-child{margin-right:auto;font-size:22px;color:#68816c}.collab-icon{display:grid;place-items:center;font-size:25px;width:47px;height:47px;background:#e7eddf;border-radius:10px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding-top:15px}.faq-section>div>p:not(.kicker){font-size:13px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);scroll-margin-top:120px}summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;font-size:13px;font-weight:600;gap:25px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;font-weight:400;color:#6f8e76;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:2.2;padding:0 0 22px 25px;margin:0}.final-section{padding-bottom:70px}.final-cta{position:relative;text-align:center;background:#e6edda;border-radius:25px;padding:57px 25px;overflow:hidden}.final-cta:before,.final-cta:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #d6dfca;border-radius:50%;left:-270px;top:-15px}.final-cta:after{width:500px;height:500px;left:-325px;top:-70px}.final-cta h2{font-size:32px;margin-bottom:25px}.final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.final-star{position:absolute;right:6%;top:35%;font-size:70px;color:#cfdbb7;transform:rotate(15deg)}.platform-note{font-size:10px;margin:20px 0 0}.platform-note span{padding:0 9px}.footer{padding-bottom:20px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;gap:30px}.footer-top p{font-size:11px;margin:12px 0 0}.footer-links{display:flex;gap:23px;align-items:center;font-size:11px;flex-wrap:wrap}.footer-links button{background:none;border:0;padding:0;font-size:11px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:20px;font-size:10px;color:#6a7c70}.tiny-star{font-size:18px;margin-right:7px;color:var(--teal)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:35px;width:min(550px,calc(100% - 30px));max-height:85dvh;border-radius:20px;box-shadow:0 25px 100px #142c3440}dialog::backdrop{background:#132d2866;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}dialog h2{font-size:25px;padding-left:15px}dialog p,dialog li{font-size:13px}dialog li{margin-bottom:13px}dialog ol{padding-right:22px;margin-block:25px}.close-dialog{position:absolute;left:14px;top:12px;background:#e7ece1;width:32px;height:32px;border:0;border-radius:50%;font-size:23px;line-height:1}form label{display:flex;flex-direction:column;font-size:12px;gap:5px;margin-bottom:12px}input,select,textarea{width:100%;min-width:0;border:1px solid #d3dccd;border-radius:8px;background:#fff;color:var(--ink);padding:9px 12px;font-size:13px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-notice{font-size:11px!important;background:#e9eede;padding:12px;border-radius:9px}#form-status{color:var(--teal);font-size:11px;margin-block:12px}.menu-toggle{background:transparent;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:17px;height:2px;background:var(--ink)}
main{overflow:clip}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes sweep{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{min-height:750px}.hero h1{font-size:66px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}nav{gap:16px;font-size:11px}.nav{gap:15px}.hero{gap:12px}.hero h1{font-size:48px}.hero-description{font-size:13px}.actions{gap:8px}.actions .button{padding:11px 15px;font-size:12px}.hero-art{height:530px}.map-window{inset-inline:30px 20px}.floating-label{left:-3px}.business-panel{padding:36px}.business-copy h2{font-size:30px}.collaboration{gap:40px}.faq-section{gap:40px}}
@media(max-width:800px){.nav{height:77px;flex-wrap:wrap;gap:15px}.nav .brand{margin-left:auto;font-size:27px}.brand-caption{font-size:8px}.brand img{width:38px;height:45px}.menu-toggle{display:flex;order:3}.nav-app{order:2}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#f7f8f2;padding:18px 25px 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #193b3610;font-size:14px}.header nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:35px}.hero-copy{text-align:center}.hero h1{font-size:53px;line-height:1.65}.hero-description{margin-inline:auto;font-size:14px}.actions,.hero-notes{justify-content:center}.hero-business{margin-inline:auto;justify-content:center;margin-top:24px;padding-top:16px}.hero-art{width:min(480px,100%);height:550px;justify-self:center}.map-window{inset-inline:40px}.floating-label{left:2px}.categories{flex-wrap:wrap;justify-content:center;gap:20px 25px;padding-block:25px;font-size:11px}.category-intro{border:0;padding:0;flex-basis:100%;text-align:center;line-height:1.8}.category-intro br{display:none}.category-intro strong{margin-right:5px}.section{padding-block:60px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:310px;font-size:12px}.steps{gap:18px}.step{padding-left:8px}.step h3{font-size:16px}.step p{font-size:11px}.step-number{font-size:28px;left:7px}.radar-card{padding:30px;gap:15px}.radar-card h3{font-size:27px}.radar-visual{width:230px;height:230px}.ring2{inset:32px}.ring3{inset:67px}.radar-deal{right:0;top:57px}.radar-card p{font-size:12px}.feature-card{padding:24px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.business-panel{grid-template-columns:1fr;padding:34px}.business-visual{height:340px;max-width:400px;width:100%;justify-self:center}.business-copy{max-width:500px}.business-orbit{inset:0 10px}.shop-illustration{top:60px}.business-badge{bottom:0}.trust-grid{gap:22px}.trust-grid h3{font-size:14px}.trust-grid p{font-size:11px}.collaboration{gap:35px;padding-top:40px}.collaboration h2{font-size:29px}.collaboration p:not(.kicker){font-size:12px}.collab-options button{padding:14px;gap:10px}.collab-options strong{font-size:12px}.collab-options small{font-size:9px}.collab-icon{width:35px;height:40px}.faq-section{grid-template-columns:1fr 1.35fr;gap:30px}.final-cta h2{font-size:26px}.footer-top{align-items:flex-start}.footer-links{max-width:290px;gap:15px}.final-star{right:2%;font-size:45px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.nav{gap:10px}.button.small{font-size:10px;gap:9px;padding:8px 12px;min-height:39px}.hero h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:10px;margin-bottom:17px}.hero-description{font-size:12px;line-height:2.2;max-width:330px}.hero-notes{gap:17px;font-size:9px}.actions .button{padding:11px 13px;font-size:11px;gap:9px;min-height:51px}.hero-business{font-size:10px}.hero-art{height:465px}.map-window{inset:30px 19px 36px 16px;border-width:6px;border-radius:22px}.map-top{height:37px;font-size:10px;padding-inline:7px}.sample{font-size:8px}.map-canvas{height:calc(100% - 79px)}.map-bottom{height:42px}.map-balloon.balloon-a{width:85px}.map-balloon.balloon-b{width:67px;left:6%}.map-balloon.balloon-c{width:75px;right:6%}.map-balloon img{height:auto}.map-balloon span{font-size:14px}.offer-card{right:12px;left:-8px;bottom:56px;padding:10px;gap:9px}.offer-discount{font-size:22px}.offer-copy strong{font-size:11px}.offer-copy>span:last-child{font-size:8px}.offer-icon{width:35px;height:42px}.floating-label{padding:8px 10px;font-size:8px;top:6px;left:0}.floating-label strong,.discovery-note strong{font-size:11px}.label-icon{padding:7px}.label-icon svg{width:19px;height:19px}.discovery-note{padding:8px 10px;bottom:28px;right:0;font-size:8px;gap:9px}.discovery-note>span{font-size:28px}.demo-caption{font-size:8px;bottom:-14px}.spark-one{right:0;font-size:26px;top:0}.spark-two{left:0;bottom:55px}.orbit{inset:10% 0}.hero{padding-bottom:40px}.categories{gap:15px 23px;font-size:10px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:29px}.section-heading>p{max-width:none}.section-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:23px}.step{padding-top:20px;padding-right:67px;min-height:118px}.step .icon-box{position:absolute;right:0;top:20px;width:45px;height:45px}.step-number{top:13px;font-size:24px}.step h3{margin-bottom:7px;padding-left:35px;font-size:17px}.step p{font-size:12px;margin:0;max-width:280px}.center-heading h2{font-size:26px}.center-heading>p:last-child{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:15px}.radar-card{grid-column:auto;grid-template-columns:1fr;padding:27px}.radar-card h3{font-size:29px}.radar-card p{font-size:12px}.radar-visual{width:240px;height:240px;margin-top:15px;margin-bottom:-20px}.feature-card{min-height:245px}.feature-card h3{font-size:20px}.feature-card p{font-size:12px}.business-panel{padding:27px 23px}.business-copy h2{font-size:28px}.business-copy>p:not(.kicker){font-size:12px}.check-list{font-size:11px}.business-copy .button{font-size:11px;padding:12px 15px;gap:10px}.business-note{font-size:9px}.business-visual{height:300px}.shop-illustration{width:220px;top:50px}.shop-body{height:155px}.shop-window{width:110px}.shop-door{width:47px}.shop-name{font-size:11px}.business-spark{font-size:33px;left:5px;top:2px}.business-badge{right:-4px;padding:9px 12px;bottom:0;font-size:9px}.business-badge strong{font-size:11px}.trust-section h2{font-size:25px}.trust-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.trust-grid article{position:relative;padding-right:47px}.trust-grid article>svg{position:absolute;right:0;top:5px;width:26px}.trust-grid h3{font-size:16px;margin-bottom:6px}.trust-grid p{font-size:12px;margin:0}.trust-section{padding-bottom:5px}.collaboration{grid-template-columns:1fr;gap:22px;padding-top:25px}.collaboration h2{font-size:29px}.collab-options button{padding:17px;gap:13px}.collab-options strong{font-size:13px}.collab-options small{font-size:10px}.faq-section{grid-template-columns:1fr;gap:20px;padding-top:10px}.faq-section h2 br{display:none}.faq-section h2{font-size:27px}.faq-section>div>p:not(.kicker){margin-bottom:10px}.faq-list summary{font-size:12px;padding:18px 0;gap:18px}.faq-list p{font-size:11px;padding-left:8px}.final-cta{padding:40px 20px}.final-cta h2{font-size:22px}.final-cta .kicker{font-size:10px}.final-cta .button{font-size:12px}.final-star{top:8px;right:10px;font-size:32px}.platform-note{font-size:9px;line-height:2.1}.platform-note span{display:block;font-size:0;height:3px}.final-section{padding-bottom:45px}.footer-top{display:block}.footer-links{margin-top:26px;max-width:none;gap:18px;font-size:10px}.footer-links button{font-size:10px}.footer-bottom{font-size:9px;flex-direction:column;gap:4px}.footer-top p{font-size:10px}dialog{padding:28px 22px}dialog h2{font-size:22px}.form-grid{grid-template-columns:1fr;gap:0}.radar-card .text-link{min-height:44px}.footer-links a,.footer-links button{min-height:32px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.map-window{transform:rotateZ(-2deg)}.map-balloon,.offer-card{transform:none}.floating-label{transform:rotate(-4deg)}.discovery-note{transform:rotate(4deg)}}

/* Official project logo */
.brand img{width:55px;height:82px;object-fit:contain}.footer-brand img{width:52px;height:78px}
@media(max-width:800px){.brand img{width:42px;height:66px}.footer-brand img{width:46px;height:74px}}

/* Header product actions and the extensible app-store chooser. */
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-download{border-color:#cbd8cf;background:#fff;color:var(--teal)}.nav-download:hover{background:#edf3eb}.download-dialog{width:min(620px,calc(100% - 30px))}.download-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:#e3eee3;color:var(--teal)}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.download-option{min-height:74px;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d5dfd2;border-radius:13px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}.download-option[href]:hover{border-color:#8eafa0;transform:translateY(-2px);box-shadow:0 10px 24px #173b3612}.download-option-logo{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:var(--ink);color:#fff;font-weight:800}.download-option strong,.download-option small{display:block}.download-option strong{font-size:13px}.download-option small{color:var(--muted);font-size:9px}.download-option em{margin-right:auto;padding:3px 8px;border-radius:20px;background:#e5efe4;color:var(--teal);font-size:9px;font-style:normal}.download-option.coming-soon{background:#f1f3ed;color:#839087}.download-option.coming-soon .download-option-logo{background:#dce2da;color:#718078}.download-option.coming-soon em{background:#e4e7e1;color:#7c877f}.download-help{margin:20px 0 0!important;padding-top:16px;border-top:1px solid var(--line);font-size:11px!important}.download-help a{color:var(--teal);font-weight:700}
@media(max-width:1100px){.nav-actions{gap:6px}.nav-actions .button{padding-inline:12px;gap:8px}}
@media(max-width:800px){.nav-actions{order:2}.menu-toggle{order:3}.nav-actions .button{min-height:39px;font-size:10px;padding:8px 11px}.nav-actions svg{width:17px}.nav-app svg{display:none}}
@media(max-width:520px){.nav{gap:7px}.nav-actions{gap:5px}.nav-actions .button{padding-inline:9px}.nav-download svg{display:none}.download-options{grid-template-columns:1fr}.download-option{min-height:68px}}

/* SEO content blocks: «بالن چیست؟» prose + city landing pages */
.about-block{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid var(--line);padding-top:55px}.prose{font-size:14px;line-height:2.2;color:var(--muted);max-width:760px}.prose p{margin-bottom:16px}.prose strong{color:var(--ink)}.prose a{color:var(--teal);font-weight:700}.prose h3{font-size:19px;color:var(--ink);margin-top:30px}.city-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.city-links a{border:1px solid var(--line);background:#fbfcf7;border-radius:11px;padding:9px 15px;font-size:12px;font-weight:600;color:var(--ink);transition:background .2s,transform .2s}.city-links a:hover{background:#ebf0e3;color:var(--teal);transform:translateY(-2px)}
.city-hero{padding-block:55px 20px}.city-hero h1{font-size:clamp(30px,3.6vw,46px);font-weight:900;letter-spacing:-1.8px;margin-bottom:18px}.city-hero .lead{font-size:15px;line-height:2.2;max-width:640px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--teal)}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}.city-card{border:1px solid var(--line);background:#fbfcf7;border-radius:18px;padding:24px}.city-card h3{font-size:17px;margin-bottom:8px}.city-card p{font-size:12px;margin:0}.city-empty{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#f2ecdf;border-radius:20px;padding:28px 32px;margin-top:35px}.city-empty p{font-size:13px;margin:0;max-width:560px}.area-list{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:16px 0 0;list-style:none}.area-list li{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 14px;font-size:11px;color:#64746b}
@media(max-width:800px){.about-block{grid-template-columns:1fr;gap:22px;padding-top:40px}.city-grid{grid-template-columns:1fr 1fr;gap:15px}}
@media(max-width:520px){.city-grid{grid-template-columns:1fr}.city-hero{padding-block:35px 10px}.prose{font-size:13px}.city-empty{padding:22px}}
.city-card-title{font-size:19px;margin-bottom:8px}.city-card-link{margin-top:14px;margin-bottom:0}

/* City stories use real local photography and a real OSM map; imagery carries the
   sense of place while the surrounding typography stays quiet and readable. */
.city-hero-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px;align-items:center}
.city-hero-copy{padding-block:26px}.city-hero-copy .lead{max-width:560px}.city-hero-copy .actions{margin-top:28px}
.city-hero-figure,.city-map-figure{margin:0}.city-hero-media{display:block;overflow:hidden;border-radius:28px;background:#d9ddd7}
.city-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.city-hero-figure figcaption,.city-map-figure figcaption{display:flex;justify-content:space-between;gap:16px;padding:10px 4px 0;color:var(--muted);font-size:10px;line-height:1.8}
.city-hero-figure figcaption small{font-size:9px}.city-hero-figure figcaption a,.city-map-figure figcaption a{color:var(--coral-text);text-decoration:underline;text-underline-offset:3px}
#about-city{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:52px;align-items:start}
#about-city .prose{max-width:none}#about-city .prose h2{font-size:clamp(24px,2.4vw,33px);margin-top:32px}
.city-map-figure{position:sticky;top:122px}.city-map-figure>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#e8ece7}
.city-map-figure img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;transition:transform .3s ease}
.city-map-figure>a:hover img{transform:scale(1.012)}
.city-category-grid{grid-template-columns:repeat(4,1fr)}
.city-category-grid .city-card{position:relative;overflow:hidden;padding-top:148px;min-height:360px}
.city-card-balloon{position:absolute;top:10px;right:50%;width:132px;height:132px;transform:translateX(50%);object-fit:contain;filter:drop-shadow(0 12px 11px rgba(27,43,40,.16))}
.city-category-grid .city-card h3{font-size:16px}.city-category-grid .city-card p{line-height:2}
@media(max-width:980px){.city-hero-layout{grid-template-columns:1fr;gap:24px}.city-hero-copy{padding-block:8px}.city-hero-figure{max-width:760px}.city-category-grid{grid-template-columns:1fr 1fr}#about-city{grid-template-columns:1fr;gap:30px}.city-map-figure{position:static}.city-map-figure>a{max-width:760px}}
@media(max-width:520px){.city-hero-media{border-radius:20px}.city-hero-figure figcaption,.city-map-figure figcaption{display:block}.city-hero-figure figcaption small{display:block;margin-top:3px}.city-category-grid{grid-template-columns:1fr}.city-category-grid .city-card{min-height:330px;padding-top:142px}.city-map-figure>a{border-radius:18px}}

/* Tehran's scale is told as an editorial triptych: west, north and the old core. */
.city-story-gallery{background:#172522;color:#f7f8f2;padding-block:84px;margin-block:36px}
.city-story-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-bottom:32px}
.city-story-heading h2{font-size:clamp(30px,4vw,54px);line-height:1.35;margin:0}.city-story-heading p{color:#c8d2cd;line-height:2.1;max-width:670px;margin:0}
.city-story-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(250px,1fr));gap:16px;direction:ltr}
.city-story-grid figure{position:relative;overflow:hidden;margin:0;border-radius:22px;background:#263733}.city-story-grid figure:first-child{grid-column:1/span 7;grid-row:1/span 2}.city-story-grid figure:nth-child(2),.city-story-grid figure:nth-child(3){grid-column:8/span 5}
.city-story-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.city-story-grid figure:hover .city-story-photo{transform:scale(1.018)}
.city-story-grid figcaption{position:absolute;inset:auto 0 0;padding:54px 22px 18px;color:#fff;text-align:right;direction:rtl;background:linear-gradient(transparent,rgba(4,13,11,.9));display:grid;gap:4px}.city-story-grid figcaption strong{font-size:18px}.city-story-grid figcaption span{font-size:12px;line-height:1.8}.city-story-grid figcaption small{font-size:9px;color:#d4ddd8}.city-story-grid figcaption a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.city-story-gallery{padding-block:56px}.city-story-heading{grid-template-columns:1fr;gap:12px}.city-story-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.city-story-grid figure:first-child,.city-story-grid figure:nth-child(2),.city-story-grid figure:nth-child(3){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.city-story-grid figure{border-radius:18px}}

/* Hero opportunity cluster: five real campaign balloons with unobstructed artwork. */
.map-canvas{overflow:hidden}
.map-balloon{display:block;width:86px;aspect-ratio:1/1.18;border-radius:50% 50% 42% 42%;filter:drop-shadow(5px 12px 5px #29452d2b);transform:translate3d(calc(var(--px)*-12px),calc(var(--py)*-10px),50px);z-index:3}
.map-balloon img{width:100%;height:100%;object-fit:contain;object-position:center;animation:float 6s ease-in-out infinite}
.map-balloon .discount-badge{top:calc(100% - 4px);left:50%;min-width:42px;padding:1px 8px;border:2px solid #fff;border-radius:999px;background:var(--ink);font-size:12px;line-height:1.65;box-shadow:0 5px 12px #183b3630;z-index:2}
.map-balloon:hover,.map-balloon.selected{z-index:5;filter:drop-shadow(6px 15px 7px #147b695c);transform:translate3d(calc(var(--px)*-12px),calc(var(--py)*-10px),70px) scale(1.07)}
.map-balloon:hover .discount-badge,.map-balloon.selected .discount-badge{background:var(--orange)}
.map-balloon:focus-visible{outline:3px solid var(--orange);outline-offset:7px}
.balloon-a{top:5%;right:37%;width:108px}
.balloon-b{top:22%;left:2%;width:96px}
.balloon-c{top:29%;right:2%;width:98px}
.balloon-d{top:49%;left:19%;width:92px}
.balloon-e{top:53%;right:20%;width:95px}
.balloon-b img{animation-delay:-1.2s}.balloon-c img{animation-delay:-2.4s}.balloon-d img{animation-delay:-3.6s}.balloon-e img{animation-delay:-4.8s}
.you-dot{bottom:14%;left:48%}.map-hint{bottom:5px}

@media(max-width:520px){
  .map-balloon.balloon-a{top:5%;right:36%;width:82px}.map-balloon.balloon-b{top:23%;left:1%;width:74px}.map-balloon.balloon-c{top:29%;right:1%;width:76px}.map-balloon.balloon-d{top:49%;left:18%;width:72px}.map-balloon.balloon-e{top:53%;right:19%;width:74px}
  .map-balloon .discount-badge{top:calc(100% - 3px);min-width:34px;padding:0 6px;font-size:10px}
  .you-dot{bottom:13%}.map-hint{bottom:3px;font-size:8px}
}

/* ── DESIGN.md reskin (2026-09): Balloon Coral accent, warm stone neutrals, pill CTAs.
   Overrides only — markup/copy untouched (SEO). Coral = primary CTA, discounts, active;
   teal = positive/live; everything else stays quiet stone. ── */
:root{--paper:#F7F6F3;--ink:#1B2B28;--muted:#6E7874;--orange:#E5484D;--coral:#E5484D;--coral-text:#C22F35;--coral-soft:#FDECEC;--line:#E6E3DD;--line-strong:#D5D1C9;--surface:#FFFFFF;--surface-2:#F1EFEB;--teal-soft:#E3F2EE;--amber:#B45309;--amber-soft:#FDF1DF}
::selection{background:var(--coral-soft)}
:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
nav a:hover,.footer-links a:hover{color:var(--coral-text)}
.button{border-radius:999px;font-weight:700}
.button.primary{background:var(--coral);box-shadow:0 8px 18px -8px rgba(229,72,77,.6)}
.button.primary:hover{background:#D63C41;box-shadow:0 12px 24px -10px rgba(229,72,77,.65)}
.button.secondary{border-color:var(--line-strong);background:var(--surface)}
.button.dark{background:var(--ink)}
.nav-download{border-color:transparent;background:var(--coral);color:#fff}
.nav-download:hover{background:#D63C41}
.highlight{color:var(--coral)}
.underline{border-top-color:var(--coral);opacity:.4}
.eyebrow{background:var(--teal-soft);border-color:transparent}
.live-dot{background:var(--teal);box-shadow:0 0 0 4px rgba(20,123,105,.12)}
.hero-art:before{background:radial-gradient(ellipse,rgba(229,72,77,.14),transparent 65%)}
.map-balloon:hover .discount-badge,.map-balloon.selected .discount-badge,.map-balloon:hover span,.map-balloon.selected span{background:var(--coral)}
.offer-card{border-color:var(--line)}
.offer-icon,.mini-shop{background:var(--surface-2)}
.offer-discount{color:var(--coral-text)}
.label-icon{background:var(--coral-soft);color:var(--coral-text)}
.discovery-note{background:var(--amber-soft);border-color:transparent}
.category-strip{background:var(--surface-2)}
.icon-box{background:var(--teal-soft)}
.icon-box.peach{background:var(--coral-soft);color:var(--coral-text)}
.icon-box.lilac{background:var(--amber-soft);color:var(--amber)}
.features-section{background:var(--surface-2)}
.feature-card{background:var(--surface);border-color:var(--line)}
.reaction-row span{border-color:var(--line);background:var(--surface-2);color:var(--muted)}
.step{border-top-color:var(--line)}.step-number{color:var(--line-strong)}
.text-link{color:var(--coral-text)}
.business-panel,.city-empty{background:#FBEDE6}
.collab-options button,.city-links a,.city-card{border-color:var(--line);background:var(--surface)}
.collab-options button:hover,.city-links a:hover{background:var(--surface-2);color:var(--ink)}
.collab-icon,.close-dialog{background:var(--surface-2)}
.final-cta{background:var(--ink);color:#fff}
.final-cta h2,.final-cta p,.final-cta .kicker{color:#fff}
.final-cta p{opacity:.78}
.form-notice{background:var(--surface-2)}
.download-mark,.download-option em{background:var(--teal-soft)}
.download-option.coming-soon{background:var(--surface-2);color:var(--muted)}
.footer-bottom{color:var(--muted)}
@media(max-width:800px){.header nav{background:var(--paper)}}
.final-cta:before,.final-cta:after{border-color:rgba(255,255,255,.1)}
.final-cta .final-star{color:var(--coral)}
.final-cta .button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.final-cta .platform-note{color:rgba(255,255,255,.7)}
.button.nav-app{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.button.nav-app:hover{background:var(--surface-2)}
.muted-heading{color:var(--muted)}
.floating-label{border-color:var(--line)}
.radar-card{background:var(--ink)}
.feature-tag{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.8)}
.radar-card p{color:rgba(255,255,255,.72)}
.radar-card .text-link{color:#FF8A8D}
.radar-ring{border-color:rgba(229,72,77,.28)}
.radar-sweep{background:conic-gradient(from 0deg,transparent 70%,rgba(229,72,77,.22))}
.radar-center{background:var(--coral);box-shadow:0 0 20px rgba(229,72,77,.7)}
.radar-pip{background:#FF8A8D;box-shadow:0 0 0 6px rgba(255,138,141,.12)}
.radar-deal{background:var(--coral);color:#fff}
.shop-roof i{background:var(--coral)}
dialog::backdrop{background:rgba(15,22,20,.45)}
.footer-trust{flex-shrink:0;line-height:0}.footer-trust img{max-height:96px;width:auto}
@media(max-width:520px){.footer-trust{margin-top:22px}}

/* Compact landing: dialog navigation and deferred decorative city artwork. */
.nav-dialog{border:0;background:transparent;padding:0;color:inherit;font:inherit}
.nav-dialog:hover{color:var(--teal)}
.final-city-art{position:absolute;inset:0;z-index:0;margin:0;pointer-events:none;opacity:.2}
.final-city-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,transparent 48%,var(--ink) 100%)}
.final-city-art img{display:block;width:100%;height:100%;object-fit:cover}
.final-cta-content{position:relative;z-index:2}
.final-cta:before,.final-cta:after{z-index:1}
@media(max-width:800px){.header nav .nav-dialog{text-align:right;min-height:44px}.final-city-art{opacity:.16}}

/* Self-hosted landing videos: one selected poster, MP4 attached only after play. */
.landing-videos-section{background:#fbeee7;border-block:1px solid var(--line)}
.landing-videos-layout{display:grid;grid-template-columns:minmax(280px,390px) 1fr;align-items:center;gap:clamp(48px,8vw,110px)}
.landing-video-phone{width:min(330px,100%);justify-self:center;padding:10px;border-radius:42px;background:#183b36;box-shadow:0 28px 60px rgba(24,59,54,.2),inset 0 0 0 1px rgba(255,255,255,.14)}
.landing-video-screen{position:relative;overflow:hidden;aspect-ratio:9/16;border-radius:33px;background:#0f1e1b}
.landing-video-screen video{display:block;width:100%;height:100%;object-fit:cover;background:#0f1e1b}
.landing-video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.92);color:var(--coral);box-shadow:0 10px 30px rgba(0,0,0,.24);transition:transform .2s,background .2s}
.landing-video-play:hover{transform:translate(-50%,-50%) scale(1.06);background:#fff}.landing-video-play[hidden]{display:none}.landing-video-play span{margin-right:4px;font-size:25px}
.landing-video-copy>h2{margin-bottom:24px}.landing-video-copy>h3{font-size:24px;margin-bottom:8px}.landing-video-copy>p:not(.kicker){max-width:570px;font-size:14px;line-height:2.2}.landing-video-cta{margin-top:8px}
.landing-video-rail{display:flex;gap:11px;max-width:650px;margin-top:28px;padding:4px 2px 11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
.landing-video-choice-item{flex:0 0 130px;scroll-snap-align:start}.landing-video-choice{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:9px;width:100%;min-height:62px;padding:7px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.62);color:var(--ink);text-align:right;transition:border-color .2s,background .2s,transform .2s}
.landing-video-choice:hover{transform:translateY(-2px)}.landing-video-choice[aria-pressed="true"]{border-color:var(--coral);background:#fff}.landing-video-choice img{width:44px;height:48px;border-radius:9px;object-fit:cover}.landing-video-choice span{font-size:10px;font-weight:700;line-height:1.7}
@media(max-width:800px){.landing-videos-layout{grid-template-columns:1fr;gap:34px}.landing-video-phone{width:min(420px,100%);padding:0;border-radius:25px}.landing-video-screen{border-radius:25px}.landing-video-copy{text-align:center}.landing-video-copy>p:not(.kicker){margin-inline:auto}.landing-video-rail{margin-inline:auto;text-align:right}.landing-video-choice-item{flex-basis:125px}}
@media(max-width:520px){.landing-videos-section{padding-block:55px}.landing-video-phone{width:100%;border-radius:22px}.landing-video-screen{border-radius:22px}.landing-video-copy>h3{font-size:20px}.landing-video-copy>p:not(.kicker){font-size:12px}.landing-video-rail{width:calc(100vw - 36px)}.landing-video-play{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.landing-video-play,.landing-video-choice{transition:none}}

/* Sky box: balloons rising from the bottom edge land in the header box. */
.sky-box{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #cbd8cf;border-radius:13px;background:#fff;color:var(--teal);flex-shrink:0;transition:background .2s}
.sky-box:hover{background:#edf3eb}.sky-box svg{width:21px;height:21px}
.sky-count{position:absolute;top:-7px;left:-7px;min-width:19px;height:19px;padding-inline:5px;border-radius:10px;background:var(--coral,var(--orange));color:#fff;font-size:10px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--paper)}
.sky-bump{animation:sky-bump .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes sky-bump{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-6deg)}70%{transform:scale(.96) rotate(3deg)}100%{transform:none}}
.sky-layer{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}
.sky-balloon{position:absolute;top:0;left:0;will-change:transform,opacity;filter:drop-shadow(0 10px 14px #193b3622)}
.sky-balloon img{display:block;width:100%;height:auto}
.sky-dialog{width:min(640px,calc(100% - 30px))}
.sky-intro{font-size:13px}.sky-empty{font-size:13px;padding:18px;border:1px dashed var(--line);border-radius:14px;text-align:center}
.sky-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:min(52vh,420px);overflow-y:auto;margin:0 0 20px;padding:0;list-style:none}
.sky-grid:empty{display:none}
.sky-card{display:grid;justify-items:center;gap:4px;padding:10px 8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7);animation:sky-card-in .4s ease-out}
.sky-card img{width:76px;height:76px;object-fit:contain}.sky-card span{font-size:11px;font-weight:700;line-height:1.6;text-align:center;color:var(--ink)}
@keyframes sky-card-in{from{opacity:0;transform:translateY(8px)}}
@media(max-width:800px){.sky-box{width:39px;height:39px;border-radius:12px}.sky-box svg{width:19px;height:19px}}
@media(max-width:520px){.sky-box{width:36px;height:36px}.sky-grid{grid-template-columns:repeat(3,1fr)}.sky-card img{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.sky-layer{display:none}}

/* Gift balloons: open a basket in the box, a gift box drops out, the code appears. */
.sky-card{padding:0}
.sky-open{display:grid;justify-items:center;gap:3px;width:100%;height:100%;padding:10px 8px;border:0;border-radius:inherit;background:none;color:inherit;transition:transform .2s}
.sky-open:hover{transform:translateY(-3px)}
.sky-open img{width:76px;height:76px;object-fit:contain}
.sky-open span{font-size:11px;font-weight:700;line-height:1.6;text-align:center}
.sky-state{font-size:10px;font-weight:700;color:var(--coral-text,#c22f35);background:var(--coral-soft,#fdecec);border-radius:999px;padding:1px 9px;line-height:1.9}
.sky-card[data-state="opening"] .sky-open img{animation:gift-shake .5s ease-in-out infinite}
.sky-card.is-empty{opacity:.62}.sky-card.is-empty .sky-state{background:var(--surface-2,#f1efeb);color:var(--muted)}
.sky-card.has-prize{border-color:#f0c75e;background:#fff8e6}.sky-card.has-prize .sky-state{background:#f5c542;color:#4a3300}
.sky-card[data-state="opened"] .sky-open{cursor:default}.sky-card[data-state="opened"] .sky-open:hover{transform:none}
.sky-intro b{color:var(--ink)}
.gift-mine{margin:0 0 16px;padding:12px 14px;border:1px solid #f0c75e;border-radius:14px;background:#fff8e6}
.gift-mine h3{font-size:13px;margin:0 0 8px}
.gift-mine-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gift-mine-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important;font-size:12px}
.gift-mine-row b{min-width:70px}.gift-mine-timer{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-end:auto}
.gift-mine-use{font-weight:700;color:var(--teal);padding:4px 6px}
.gift-code{font-family:ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:1px}
.gift-copy{border:1px solid var(--line);background:#fff;border-radius:9px;padding:4px 12px;font-size:12px;font-weight:700;min-height:32px}
.gift-copy.done{background:#e4f4ed;border-color:#a7d7c5;color:#147b69}

.gift-dialog{width:min(460px,calc(100% - 30px));text-align:center;overflow-x:hidden}
.gift-stage{position:relative;overflow:hidden;overflow:clip;height:272px;display:grid;place-items:center;margin:-6px 0 6px}
.gift-balloon{width:150px;height:auto;max-height:200px;align-self:start;margin-top:4px;position:relative;z-index:2;filter:drop-shadow(0 12px 16px #193b3626)}
.gift-stage.is-shaking .gift-balloon{animation:gift-shake .42s ease-in-out 2}
.gift-box{position:absolute;left:50%;top:180px;z-index:3;width:74px;height:74px;margin-left:-37px;transform:scale(0) translateY(-40px);opacity:0}
.gift-box svg{width:100%;height:100%;stroke:none;overflow:visible}
.gift-body{fill:#e5484d}.gift-lid rect{fill:#f0636a}.gift-lid path{fill:#f5c542}.gift-ribbon{fill:#f5c542}
.gift-lid{transform-box:fill-box;transform-origin:20% 100%}
.gift-stage.is-dropping .gift-box{animation:gift-drop .7s cubic-bezier(.3,1.5,.5,1) forwards}
.gift-stage.is-open .gift-lid{animation:gift-lid .55s cubic-bezier(.2,.9,.3,1) forwards}
.gift-rays{position:absolute;left:50%;top:217px;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;opacity:0;background:repeating-conic-gradient(#f5c54255 0 10deg,transparent 10deg 24deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%)}
.gift-stage.is-open .gift-rays{animation:gift-rays-in .5s ease-out forwards,gift-spin 9s linear infinite}
.gift-confetti{position:absolute;left:50%;top:215px;z-index:4;pointer-events:none}
.gift-confetti i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:gift-burst 1.3s cubic-bezier(.15,.7,.3,1) var(--d) forwards}
.gift-result{animation:gift-up .45s ease-out}
.gift-kicker{font-size:13px!important;font-weight:800;color:var(--coral-text,#c22f35);margin:0 0 2px}
.gift-dialog h2{padding:0;font-size:34px;font-weight:900;margin:0 0 12px}
.gift-amount{font-variant-numeric:tabular-nums}
.gift-code-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 auto 10px;padding:12px 14px;border:2px dashed #f0c75e;border-radius:14px;background:#fff8e6;max-width:340px}
.gift-code-row .gift-code{font-size:21px}
.gift-code-row .gift-copy{background:var(--ink);color:#fff;border-color:transparent;padding:6px 14px}
.gift-code-row .gift-copy.done{background:#147b69;color:#fff}
.gift-timer{font-size:12px!important;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 6px}
.gift-how{font-size:12px!important;line-height:2;margin:0 0 16px}
.gift-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.gift-actions .button{min-height:48px;padding:10px 18px;font-size:13px}
.gift-dialog.is-big{background:radial-gradient(circle at 50% 30%,#fff3cc,var(--paper) 62%)}
.gift-dialog.is-big h2{color:#b7791f}
.gift-dialog.is-big .gift-body{fill:#f5b014}.gift-dialog.is-big .gift-lid rect{fill:#f8c33c}.gift-dialog.is-big .gift-lid path,.gift-dialog.is-big .gift-ribbon{fill:#e5484d}
@keyframes gift-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg) translateX(-3px)}75%{transform:rotate(7deg) translateX(3px)}}
@keyframes gift-drop{0%{opacity:1;transform:scale(.25) translateY(-90px)}60%{opacity:1;transform:scale(1.08) translateY(8px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes gift-lid{60%{opacity:1}to{transform:translate(-14px,-26px) rotate(-28deg);opacity:.95}}
@keyframes gift-rays-in{to{opacity:1}}
@keyframes gift-spin{to{transform:rotate(360deg)}}
@keyframes gift-burst{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 120px)) rotate(var(--r))}}
@keyframes gift-up{from{opacity:0;transform:translateY(10px)}}
@media(max-width:520px){.gift-stage{height:246px}.gift-balloon{width:128px;max-height:172px}.gift-box{top:164px;width:64px;height:64px;margin-left:-32px}.gift-rays{top:196px}.gift-confetti{top:194px}.gift-dialog h2{font-size:29px}.gift-code-row .gift-code{font-size:18px}.sky-open img{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.gift-box{opacity:1;transform:none}.gift-stage.is-open .gift-lid{transform:translate(-14px,-26px) rotate(-28deg)}.gift-stage.is-open .gift-rays{opacity:1}}