:root{--primary-color:#00A884;--primary-dark:#007A65;--secondary-color:#B0B7C0;--accent-gold:#F59E0B;--bg-color:#F8FAFC;--text-primary:#1E293B;--text-muted:#64748B;--white-color:#FFF;--border:#E5EAEF;--shadow:0 20px 60px rgba(15,72,65,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Tajawal',sans-serif;color:var(--text-primary);background:var(--bg-color);line-height:1.65;overflow-x:hidden}button,a,input{font:inherit}button,a{transition:.25s ease}a{text-decoration:none;color:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;top:-60px;right:20px;background:#fff;padding:10px 18px;z-index:9999;border-radius:8px}.skip-link:focus{top:15px}.site-header{position:fixed;z-index:1000;top:0;right:0;left:0;background:rgba(0,168,132,.92);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid rgba(255,255,255,.15);transition:.3s}.site-header.scrolled{box-shadow:0 8px 30px rgba(0,71,59,.2)}.nav-wrap{height:76px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.75);border-radius:14px 14px 14px 4px;transform:rotate(-7deg);font-weight:900;background:rgba(255,255,255,.12)}.brand-mark span{transform:rotate(7deg);font-size:25px}.brand-name{font-size:23px;font-weight:800;line-height:1}.brand-name small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.main-nav{display:flex;gap:26px;margin-inline-start:auto}.main-nav a{font-size:14px;color:rgba(255,255,255,.84);position:relative}.main-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-8px;height:2px;background:#fff}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:12px;font-weight:700;border:1px solid transparent}.btn-light{background:#fff;color:var(--primary-dark)}.btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{position:relative;padding:160px 0 0;min-height:790px;background:linear-gradient(135deg,#f3fffc 0%,#fff 52%,#edf9f6 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,168,132,.1) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to left,#000,transparent 78%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:430px;height:430px;background:rgba(0,168,132,.08);left:-140px;top:150px}.orb-two{width:160px;height:160px;border:35px solid rgba(245,158,11,.07);right:40%;top:40px}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary-dark);font-size:13px;font-weight:700;background:rgba(0,168,132,.09);border:1px solid rgba(0,168,132,.15);padding:7px 13px;border-radius:30px}.pulse-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 5px rgba(0,168,132,.12);animation:pulse 2s infinite}.hero h1{font-size:clamp(46px,5vw,70px);line-height:1.25;margin:24px 0 20px;letter-spacing:-2px}.hero h1 span,.section-head h2 span,.download h2 span{color:var(--primary-color);position:relative}.hero h1 span:after{content:"";position:absolute;height:8px;right:0;left:0;bottom:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='8'%3E%3Cpath d='M2 6 Q80 0 198 4' fill='none' stroke='%23F59E0B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-copy>p{color:var(--text-muted);font-size:18px;max-width:580px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 12px 26px rgba(0,168,132,.23)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px)}.play-link{display:flex;align-items:center;gap:10px;font-weight:700}.play{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;padding-right:3px;color:var(--primary-color);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.09);font-size:12px}.trust{display:flex;align-items:center;gap:15px;margin-top:35px}.avatars{display:flex;direction:ltr}.avatars span{width:35px;height:35px;border:3px solid #fff;border-radius:50%;margin-left:-8px;display:grid;place-items:center;background:#bcebe0;color:var(--primary-dark);font-size:11px;font-weight:800}.avatars span:last-child{background:var(--primary-color);color:#fff;font-size:9px}.stars{color:var(--accent-gold);font-size:13px;letter-spacing:1px}.trust small{color:var(--text-muted)}
.hero-visual{height:510px;position:relative;display:grid;place-items:center;perspective:1200px}.envelope-scene{width:430px;height:310px;position:relative;transform:rotate(-4deg);filter:drop-shadow(0 28px 22px rgba(0,70,55,.18));animation:float 5s ease-in-out infinite}.envelope{position:absolute;inset:auto 0 0;height:250px}.env-back{position:absolute;inset:0;background:#d9e0e4;border-radius:15px}.env-flap{position:absolute;top:0;left:0;width:100%;height:58%;background:#c8d0d5;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transform:rotateX(175deg);z-index:1;transition:.8s}.env-left,.env-right{position:absolute;inset:0;z-index:3}.env-left{background:#e8ecef;clip-path:polygon(0 0,55% 65%,0 100%)}.env-right{background:#d5dce0;clip-path:polygon(100% 0,45% 65%,100% 100%)}.env-front{position:absolute;inset:0;background:#f1f4f5;clip-path:polygon(0 100%,0 70%,50% 32%,100% 70%,100% 100%);z-index:4;border-radius:0 0 15px 15px}.seal{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--primary-color);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 8px 22px rgba(0,90,74,.3)}.invitation-card{position:absolute;width:315px;height:255px;top:5px;left:50%;transform:translateX(-50%);z-index:2;background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;border-top:6px solid var(--primary-color);transition:.8s}.invitation-card strong{font-size:24px;margin-top:3px}.invitation-card small{color:var(--text-muted)}.mini-logo{color:var(--primary-color);font-weight:800}.envelope-scene:hover .invitation-card{transform:translate(-50%,-90px)}.envelope-scene:hover .env-flap{transform:rotateX(180deg)}.qr{background:repeating-conic-gradient(#1e293b 0 25%,#fff 0 50%) 0/12px 12px;position:relative}.qr:after{content:"";position:absolute;inset:16%;background:#fff;border:7px solid var(--primary-color)}.mini-qr{width:62px;height:62px;margin-top:6px}.float-card{position:absolute;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border:1px solid #fff;border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:11px;z-index:8;animation:float 4s ease-in-out infinite}.float-card>span{width:35px;height:35px;border-radius:10px;background:#dff7f1;color:var(--primary-color);display:grid;place-items:center;font-weight:900}.float-card strong,.float-card small{display:block}.float-card strong{font-size:12px}.float-card small{font-size:9px;color:var(--text-muted)}.fc-one{right:-20px;bottom:55px}.fc-two{left:-15px;top:70px;animation-delay:-2s}.spark{position:absolute;color:var(--accent-gold);font-size:35px;animation:spin 8s linear infinite}.s1{top:20px;right:50px}.s2{bottom:70px;left:20px;color:var(--primary-color)}.stats-strip{position:relative;margin-top:65px;min-height:118px;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -5px 35px rgba(15,72,65,.07);display:flex;align-items:center;justify-content:space-around;padding:20px 35px}.stats-strip div{text-align:center}.stats-strip strong{display:block;color:var(--primary-dark);font-size:27px}.stats-strip small{color:var(--text-muted)}.stats-strip i{height:42px;width:1px;background:var(--border)}
.section{padding:100px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 58px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.3;margin:17px 0 12px}.section-head p{color:var(--text-muted);margin:0;font-size:17px}.showcase{background:#fff}.showcase-grid{display:grid;grid-template-columns:1fr 390px 1fr;gap:40px;align-items:center;direction:rtl}.screen-tabs{display:flex;flex-direction:column;gap:12px}.screen-tab{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px;text-align:right;display:flex;align-items:center;gap:14px;color:var(--text-primary)}.screen-tab:hover{border-color:var(--primary-color);transform:translateX(-4px)}.screen-tab.active{border-color:var(--primary-color);background:#f2fcf9;box-shadow:0 10px 30px rgba(0,168,132,.1)}.tab-icon{width:46px;height:46px;border-radius:13px;background:#eef2f4;display:grid;place-items:center;font-size:24px;color:var(--text-muted)}.active .tab-icon{background:var(--primary-color);color:#fff}.screen-tab strong,.screen-tab small{display:block}.screen-tab small{color:var(--text-muted);font-size:12px;margin-top:3px}.phone-stage{position:relative;text-align:center;direction:ltr}.phone-shadow{position:absolute;width:330px;height:80px;background:rgba(0,90,73,.18);filter:blur(28px);left:30px;bottom:44px;border-radius:50%}.phone{position:relative;width:302px;height:620px;background:#111820;border:8px solid #17232a;border-radius:43px;margin:auto;box-shadow:0 35px 60px rgba(15,23,42,.24),inset 0 0 0 2px #4c5960;padding:8px;direction:rtl}.phone-top{position:absolute;z-index:20;top:8px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:0 0 15px 15px;background:#111820}.phone-top span{display:block;width:34px;height:4px;border-radius:5px;background:#38434a;margin:7px auto}.phone-screen{background:#f8fafc;height:100%;border-radius:30px;overflow:hidden;position:relative}.app-status{height:30px;padding:8px 15px 0;font-size:8px;display:flex;justify-content:space-between;direction:ltr;font-weight:700}.screens-track{height:calc(100% - 30px);position:relative}.app-screen{position:absolute;inset:0;background:#fff;opacity:0;transform:translateX(-30px);pointer-events:none;transition:.35s ease;padding:5px 16px 16px;text-align:right;overflow:hidden}.app-screen.active{opacity:1;transform:translateX(0);pointer-events:auto}.app-title{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;margin:0 -5px 14px}.app-title button{border:0;background:none;font-size:16px;padding:0}.app-title strong{font-size:13px}.event-chip{display:flex;align-items:center;gap:9px;padding:10px;background:#f2fbf8;border-radius:10px}.event-chip>span{width:31px;height:31px;border-radius:8px;background:var(--primary-color);color:#fff;display:grid;place-items:center}.event-chip b,.event-chip small{display:block}.event-chip b{font-size:9px}.event-chip small{font-size:7px;color:var(--text-muted)}.scan-hint{text-align:center;font-size:10px;color:var(--text-muted);margin:18px 0 10px}.scanner-box{display:block;position:relative;width:186px;height:186px;margin:auto;border:0;background:#f8fafc;border-radius:15px;padding:25px}.qr-large{width:136px;height:136px}.scanner-box i{position:absolute;z-index:5;right:18px;left:18px;top:25px;height:2px;background:var(--primary-color);box-shadow:0 0 9px var(--primary-color);animation:scan 2.6s ease-in-out infinite}.corner{position:absolute;width:28px;height:28px;border-color:var(--primary-color);border-style:solid}.c1{right:10px;top:10px;border-width:3px 3px 0 0}.c2{left:10px;top:10px;border-width:3px 0 0 3px}.c3{right:10px;bottom:10px;border-width:0 3px 3px 0}.c4{left:10px;bottom:10px;border-width:0 0 3px 3px}.read-count{margin:18px auto 0;padding:10px 14px;border-radius:11px;background:#eaf9f5;display:flex;align-items:center;justify-content:center;gap:10px;width:150px}.read-count>span{color:#fff;background:var(--primary-color);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.read-count small,.read-count strong{display:block}.read-count small{font-size:8px;color:var(--text-muted)}.read-count strong{font-size:16px;color:var(--primary-dark)}.bottom-nav{position:absolute;bottom:0;right:0;left:0;height:58px;border-top:1px solid var(--border);background:#fff;display:flex;justify-content:space-around;padding-top:7px}.bottom-nav span{font-size:16px;color:#87929e;text-align:center}.bottom-nav small{display:block;font-size:7px}.bottom-nav .selected{color:var(--primary-color)}.reminder-ill{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;margin:8px auto;background:#e9f8f4;color:var(--primary-color);font-size:30px}.reminder-screen h3{text-align:center;font-size:12px;line-height:1.55;margin:9px 10px 14px}.field-label{display:block;font-size:8px;color:var(--text-muted);margin:11px 0 5px}.channel-picks,.time-picks,.radio-picks{display:flex;gap:7px}.channel-picks button{flex:1;border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 3px;font-size:9px}.channel-picks button.chosen{border-color:var(--primary-color);background:#f0fbf8;color:var(--primary-dark)}.channel-picks b{color:#dc2626}.time-picks label{flex:1;border:1px solid var(--border);border-radius:8px;text-align:center;padding:5px}.time-picks input{width:100%;border:0;text-align:center;font-weight:800;outline:none}.time-picks small{font-size:7px;color:var(--text-muted)}.radio-picks label{font-size:8px;border:1px solid var(--border);border-radius:8px;padding:8px 4px;flex:1}.radio-picks input{accent-color:var(--primary-color)}.app-action{position:absolute;bottom:18px;right:16px;left:16px;border:0;border-radius:9px;background:var(--primary-color);color:#fff;padding:10px;font-size:10px;font-weight:700}.guest-summary{display:flex;border-radius:12px;padding:12px 5px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));color:#fff;justify-content:space-around}.guest-summary div{flex:1;text-align:center;border-left:1px solid rgba(255,255,255,.2)}.guest-summary div:last-child{border:0}.guest-summary strong,.guest-summary small{display:block}.guest-summary strong{font-size:17px}.guest-summary small{font-size:7px}.add-tabs{display:flex;gap:4px;margin:12px 0}.add-tabs button{flex:1;border:0;background:#edf1f3;border-radius:6px;padding:7px 2px;font-size:7px}.add-tabs .active{background:var(--primary-color);color:#fff}.search-box{background:#f3f5f6;border-radius:8px;padding:9px;color:#8a949d;font-size:9px}.guest-list>div{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border);padding:11px 0}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d9f3ed;color:var(--primary-dark);font-weight:800;font-size:10px}.avatar.gold{background:#fff0d5;color:#b86c00}.avatar.gray{background:#e8ebee;color:#68727b}.guest-list p{margin:0;flex:1}.guest-list b,.guest-list small{display:block}.guest-list b{font-size:9px}.guest-list small{font-size:6px;color:var(--text-muted);direction:ltr}.guest-list em{font-style:normal;font-size:6px;padding:4px 6px;border-radius:10px}.confirmed{color:#008267;background:#e2f8f2}.pending{color:#a76400;background:#fff1d9}.declined{color:#c53b3b;background:#fde8e8}.service-banner{height:93px;border-radius:13px;background:linear-gradient(135deg,#006c59,#00b28d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px}.service-banner small,.service-banner strong{display:block}.service-banner small{font-size:8px}.service-banner strong{font-size:13px}.service-banner span{font-size:35px;color:#f7c45b}.services-screen h3{font-size:11px;margin:17px 0 8px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.service-grid button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px 3px;font-size:7px;display:flex;flex-direction:column;align-items:center;gap:4px}.service-grid span{font-size:18px;color:var(--primary-color)}.service-offer{margin-top:12px;padding:11px;background:#fff9e9;border-radius:10px}.service-offer span{font-size:6px;background:var(--accent-gold);color:#fff;padding:3px 5px;border-radius:6px}.service-offer strong,.service-offer small{display:block}.service-offer strong{font-size:9px;margin-top:5px}.service-offer small{font-size:7px;color:var(--text-muted)}.slider-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:18px;direction:ltr}.slider-controls>button{border:1px solid var(--border);background:#fff;border-radius:50%;width:34px;height:34px}.slider-controls>button:hover{background:var(--primary-color);color:#fff}.slider-dots{display:flex;gap:5px}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:8px;background:#ccd2d7}.slider-dots .active{width:22px;background:var(--primary-color)}.screen-detail{direction:rtl}.detail-number{font-size:65px;line-height:1;color:rgba(0,168,132,.12);font-weight:900}.screen-detail h3{font-size:27px;margin:0 0 12px}.screen-detail p{color:var(--text-muted);font-size:15px}.screen-detail ul{list-style:none;padding:0;margin:22px 0}.screen-detail li{margin:11px 0;font-size:14px}.screen-detail li:before{content:"✓";display:inline-grid;place-items:center;margin-left:9px;width:21px;height:21px;border-radius:50%;background:#dbf5ef;color:var(--primary-color);font-size:11px;font-weight:900}
.features{background:#f6faf9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:28px;transition:.3s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(0,168,132,.25)}.feature-icon{width:52px;height:52px;border-radius:15px;background:#e9f8f4;color:var(--primary-color);display:grid;place-items:center;font-size:25px}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:#fff3dc;color:var(--accent-gold)}.feature-card h3{font-size:18px;margin:18px 0 8px}.feature-card p{font-size:14px;color:var(--text-muted);margin:0 0 16px}.feature-card a{font-size:13px;color:var(--primary-color);font-weight:700}.how{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;position:relative}.step-line{position:absolute;top:57px;right:17%;left:17%;border-top:2px dashed #c8e8e0}.step{text-align:center;position:relative}.step>span{position:absolute;top:-7px;right:calc(50% + 32px);z-index:2;width:25px;height:25px;border-radius:50%;background:var(--accent-gold);color:#fff;font-weight:800;display:grid;place-items:center;font-size:11px}.step-icon{position:relative;z-index:1;margin:auto;width:110px;height:110px;border-radius:31px;background:#effaf7;border:8px solid #fff;box-shadow:0 7px 25px rgba(0,168,132,.12);display:grid;place-items:center;color:var(--primary-color);font-size:37px}.step h3{margin:18px 0 8px}.step p{font-size:14px;color:var(--text-muted);margin:0 auto;max-width:270px}.pricing{background:#f5faf8}.billing-toggle{width:max-content;margin:-34px auto 40px;padding:5px;background:#e8efed;border-radius:12px;display:flex}.billing-toggle button{border:0;background:transparent;padding:9px 17px;border-radius:9px;font-size:12px}.billing-toggle button.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);color:var(--primary-dark);font-weight:700}.billing-toggle small{background:#def3ed;color:var(--primary-dark);border-radius:8px;padding:2px 5px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center}.price-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px}.price-card>h3{margin:0}.price-card>p{color:var(--text-muted);font-size:13px}.price{display:flex;align-items:baseline;gap:5px;margin:20px 0}.price strong{font-size:43px;line-height:1}.price span{font-weight:700}.price small{color:var(--text-muted);font-size:10px}.price-card ul{list-style:none;padding:0;margin:0 0 25px;min-height:190px}.price-card li{font-size:13px;margin:13px 0}.price-card li:before{content:"✓";color:var(--primary-color);margin-left:9px;font-weight:900}.price-card .btn{width:100%}.btn-outline{border-color:var(--primary-color);color:var(--primary-dark)}.btn-outline:hover{background:var(--primary-color);color:#fff}.price-card.popular{background:linear-gradient(155deg,#008b72,#006b5a);color:#fff;border:0;transform:scale(1.04);box-shadow:0 22px 50px rgba(0,122,101,.24)}.popular p,.popular .price small{color:rgba(255,255,255,.72)}.popular li:before{color:#9cf0da}.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent-gold);color:#fff;font-size:11px;font-weight:800;padding:6px 18px;border-radius:18px;white-space:nowrap}.download{padding:80px 0 0;background:linear-gradient(120deg,#007360,#00a884);color:#fff;overflow:hidden}.download-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px}.kicker.light{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.download h2{font-size:44px;line-height:1.4;margin:14px 0}.download h2 span{color:#ffd274}.download-copy>p{color:rgba(255,255,255,.78)}.store-buttons{display:flex;gap:12px;margin-top:25px;direction:ltr;justify-content:flex-end}.store-buttons a{background:#111820;color:#fff;border-radius:11px;padding:9px 16px;display:flex;align-items:center;gap:9px}.store-buttons a>span{font-size:22px}.store-buttons small,.store-buttons strong{display:block;line-height:1.2}.store-buttons small{font-size:7px;text-align:left}.store-buttons strong{font-size:13px}.download-phone{position:relative;height:430px;display:grid;place-items:end center}.mini-device{position:relative;z-index:2;width:245px;height:410px;border:7px solid #17232a;background:#fff;border-radius:35px 35px 0 0;padding:8px 8px 0;box-shadow:0 15px 45px rgba(0,0,0,.25)}.mini-device-screen{height:100%;border-radius:24px 24px 0 0;background:linear-gradient(160deg,#eefbf7,#fff);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.mini-device-screen .brand-mark{background:var(--primary-color);color:#fff;border:0;width:65px;height:65px;font-size:28px}.mini-device-screen h3{font-size:17px;margin:22px 0 6px}.mini-device-screen p{font-size:10px;color:var(--text-muted)}.mini-device-screen button{width:100%;margin-top:28px;border:0;border-radius:9px;padding:9px;color:#fff;background:var(--primary-color);font-size:10px}.download-ring{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:50%;transform:translateX(-50%)}.r1{width:400px;height:400px;bottom:-80px}.r2{width:540px;height:540px;bottom:-150px}footer{background:#101c22;color:#fff;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding-bottom:45px}.footer-brand .brand{margin-bottom:18px}.footer-brand p{color:#94a3ab;font-size:13px;max-width:300px}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#1c2a31;color:#a8b5bb}.socials a:hover{background:var(--primary-color);color:#fff}footer h3{font-size:14px;margin:5px 0 17px}footer .footer-grid>div:not(:first-child) a,footer .footer-grid>div:not(:first-child) span{display:block;color:#93a1a9;font-size:12px;margin:11px 0}.footer-bottom{border-top:1px solid #26343a;min-height:70px;display:flex;justify-content:space-between;align-items:center;color:#79878e;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(0,168,132,0)}}@keyframes float{50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{top:25px}50%{top:158px}}
@media (max-width:1000px){.main-nav{gap:14px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr}.envelope-scene{transform:scale(.82) rotate(-4deg)}.showcase-grid{grid-template-columns:1fr 330px}.screen-detail{grid-column:1/-1;text-align:center;max-width:600px;margin:auto}.screen-detail ul{display:flex;justify-content:center;gap:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.container{width:min(100% - 28px,560px)}.nav-wrap{height:68px}.menu-toggle{display:block;margin-inline-start:auto}.main-nav{position:absolute;top:68px;right:14px;left:14px;display:flex;flex-direction:column;gap:0;background:#fff;color:var(--text-primary);border-radius:14px;padding:8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px)}.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{color:var(--text-primary);padding:10px;border-radius:8px}.main-nav a:hover{background:#eaf8f4;color:var(--primary-dark)}.main-nav a:after{display:none}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy>p{font-size:16px}.eyebrow{font-size:11px}.hero h1{font-size:43px}.hero-actions,.trust{justify-content:center}.hero-visual{height:390px}.envelope-scene{transform:scale(.7) rotate(-4deg)}.float-card{transform:scale(.85)}.fc-one{right:0}.fc-two{left:0}.stats-strip{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;padding:20px 10px}.stats-strip i{display:none}.stats-strip div{padding:12px}.section{padding:75px 0}.section-head{margin-bottom:40px}.showcase-grid{grid-template-columns:1fr}.screen-tabs{display:grid;grid-template-columns:1fr 1fr}.screen-tab{padding:10px}.screen-tab span:last-child small{display:none}.tab-icon{width:36px;height:36px}.phone-stage{grid-row:2}.screen-detail{grid-row:3}.screen-detail ul{display:block;text-align:right}.feature-grid,.pricing-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:45px}.step-line{display:none}.price-card.popular{transform:none;order:-1}.price-card ul{min-height:0}.download{padding-top:65px}.download-grid{grid-template-columns:1fr;text-align:center}.download h2{font-size:35px}.store-buttons{justify-content:center}.download-phone{height:360px}.mini-device{height:345px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;justify-content:center;text-align:center;padding:15px}.footer-bottom p{margin:0}.showcase{overflow:hidden}}
@media (max-width:430px){.brand-name{font-size:19px}.brand-mark{width:39px;height:39px}.hero h1{font-size:37px}.hero-actions{flex-direction:column}.hero-visual{height:340px}.envelope-scene{transform:scale(.58) rotate(-4deg)}.float-card{display:none}.screen-tabs{gap:7px}.screen-tab{gap:6px;font-size:11px}.phone{width:290px;height:600px}.feature-grid{gap:13px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.store-buttons a{padding:8px 10px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.official-brand{height:54px;border-radius:12px;overflow:hidden;background:#fff;padding:2px 11px;box-shadow:0 5px 16px rgba(0,72,60,.12)}
.official-brand img{display:block;width:118px;height:50px;object-fit:cover;object-position:center}
.footer-logo{display:inline-flex;background:#fff}
.real-app{background:linear-gradient(180deg,#f5faf8,#fff)}
.real-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.app-shot{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#079b7e;box-shadow:0 18px 45px rgba(0,92,75,.14);min-height:520px}
.app-shot-wide{grid-column:span 2}
.app-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.app-shot:not(.app-shot-wide) img{object-position:center top}
.app-shot figcaption{position:absolute;right:15px;left:15px;bottom:15px;padding:15px 17px;border-radius:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.app-shot figcaption strong,.app-shot figcaption span{display:block}
.app-shot figcaption strong{font-size:15px;color:var(--text-primary)}
.app-shot figcaption span{font-size:11px;color:var(--text-muted);margin-top:2px}
.app-logo{width:150px;height:70px;object-fit:cover;border-radius:13px}
@media (max-width:1000px){.real-app-grid{grid-template-columns:repeat(2,1fr)}.app-shot-wide{grid-column:span 1}.app-shot{min-height:580px}}
@media (max-width:760px){.real-app-grid{grid-template-columns:1fr}.app-shot{min-height:600px}.official-brand{height:48px}.official-brand img{height:44px;width:105px}}