@font-face{font-family:'COVA Frutiger';src:local('FrutigerLTArabic-45Light'),local('Frutiger LT Arabic 45 Light');font-style:normal;font-weight:300}
@font-face{font-family:'COVA Frutiger';src:local('FrutigerLTArabic-55Roman'),local('Frutiger LT Arabic 55 Roman');font-style:normal;font-weight:400 500}
@font-face{font-family:'COVA Frutiger';src:local('FrutigerLTArabic-65Bold'),local('Frutiger LT Arabic 65 Bold');font-style:normal;font-weight:600 700}
@font-face{font-family:'COVA Frutiger';src:local('FrutigerLTArabic-75Black'),local('Frutiger LT Arabic 75 Black');font-style:normal;font-weight:800 900}
:root{--ink:#171613;--muted:#625f58;--paper:#f7f6f2;--white:#fff;--sun:#ffbd18;--sun-deep:#efa900;--line:#e9e6dd;--cream:#eeece5;font-family:'COVA Frutiger','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{display:block;max-width:100%}
::selection{background:var(--sun);color:var(--ink)}
:focus-visible{outline:3px solid #b47900;outline-offset:4px}
.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;z-index:100;top:-70px;right:16px;padding:10px 18px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.site-header{height:82px;background:rgba(247,246,242,.93);border-bottom:1px solid rgba(23,22,19,.08);position:relative;z-index:10;backdrop-filter:blur(16px)}
.header-inner,.site-header nav,.footer-inner{display:flex;align-items:center}
.header-inner{height:100%;justify-content:space-between;gap:30px}
.brand{font-family:Arial,sans-serif;font-weight:900;font-size:31px;letter-spacing:-2px;line-height:1;direction:ltr;white-space:nowrap}
.brand-dot{color:var(--sun-deep)}
.site-header nav{gap:35px;font-size:14px;font-weight:600}
.site-header nav a{transition:color .2s}.site-header nav a:hover{color:#aa7700}
.header-cta{background:var(--sun);font-size:13px;font-weight:700;padding:11px 19px;border-radius:100px;display:flex;gap:12px;align-items:center;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover{background:#eeb009;transform:translateY(-2px)}
.hero{background:var(--paper);overflow:hidden}
.hero-grid{min-height:698px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:25px}
.hero-copy{position:relative;z-index:2;padding-block:70px 95px}
.hero-kicker,.section-overline{font-size:13px;font-weight:700;color:#8f6b13;letter-spacing:.01em}
.hero-kicker{display:flex;align-items:center;gap:10px}.kicker-mark{width:10px;height:10px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 5px rgba(255,189,24,.18)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(53px,5.9vw,88px);line-height:1.2;letter-spacing:-.065em;margin:19px 0 22px;font-weight:700}
.hero h1 span{color:#ca8c00}
.hero-lead{max-width:500px;font-size:18px;line-height:2;color:#504e49;margin-bottom:29px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.button{min-height:56px;padding:13px 26px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:100px;font-size:15px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}
.button-dark{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(23,22,19,.14)}.button-dark:hover{background:#37332c}
.text-link{font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-right:6px}
.hero-footnote{display:flex;align-items:center;gap:8px;font-size:12px;color:#77736a;margin-top:62px}.tiny-spark{color:#d39300;font-size:19px}
.hero-visual{height:650px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.hero-visual:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:var(--sun);top:52px;left:50%;transform:translateX(-50%);z-index:-2}
.visual-orbit{position:absolute;border:1px solid rgba(86,61,0,.16);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:670px;height:670px;top:-13px;left:50%;transform:translateX(-50%)}.orbit-two{width:425px;height:425px;top:110px;left:50%;transform:translateX(-50%)}
.visual-caption{position:absolute;z-index:6;background:#fff;border:1px solid #eee9dc;border-radius:100px;box-shadow:0 12px 28px rgba(51,37,0,.11);padding:9px 17px;font-weight:700;font-size:12px;white-space:nowrap}.caption-top{top:106px;right:0;transform:rotate(7deg)}.caption-bottom{bottom:102px;left:-10px;transform:rotate(-6deg)}
.device{position:relative;padding:7px;border:2px solid #272723;border-radius:38px;background:#161616;box-shadow:0 22px 38px rgba(23,22,19,.23),inset 0 0 0 1px #747474;overflow:hidden;flex:none;aspect-ratio:375 / 812}
.device:before{content:"";position:absolute;z-index:3;inset:2px;border-radius:34px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.device-screen{width:100%;height:100%;border-radius:30px;overflow:hidden;background:#fff}
.device-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .2s ease}
.device-screen img.is-changing{opacity:.15}
.device-island{position:absolute;z-index:4;top:12px;left:50%;transform:translateX(-50%);width:27%;height:13px;border-radius:100px;background:#101010;box-shadow:0 1px 2px rgba(255,255,255,.2)}
.device-front{width:248px;z-index:4;transform:translateY(18px);animation:front-float 7s ease-in-out infinite}
.device-back{width:196px;position:absolute;z-index:2;top:158px;box-shadow:0 19px 34px rgba(23,22,19,.18)}
.device-back-left{right:0;transform:rotate(16deg);animation:float-left 6s ease-in-out infinite}.device-back-right{left:0;transform:rotate(-15deg);animation:float-right 6.7s ease-in-out infinite}
.screen-controls{position:absolute;bottom:19px;display:flex;gap:8px;z-index:6;direction:ltr}.screen-dot{width:9px;height:9px;padding:0;border:0;border-radius:20px;background:#d6c181;transition:width .25s,background .25s}.screen-dot.is-active{width:26px;background:var(--ink)}
@keyframes front-float{50%{transform:translateY(7px)}}@keyframes float-left{50%{transform:rotate(16deg) translateY(-13px)}}@keyframes float-right{50%{transform:rotate(-15deg) translateY(11px)}}
.promise-strip{background:#1d1b17;color:#fff}.promise-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:600}.promise-inner>div{display:flex;align-items:center;gap:13px}.promise-icon{color:var(--sun);font-size:22px;line-height:1}.promise-divider{width:1px;height:26px;background:#4b4840}
.section-pad{padding-block:114px}.section-heading{text-align:center;max-width:630px;margin:0 auto 45px}.section-heading h2,.feature h2,.checkout h2{font-size:clamp(42px,4.8vw,65px);line-height:1.31;letter-spacing:-.055em;margin:12px 0 14px}.section-heading>p:last-child,.feature-intro,.checkout-copy>p:not(.section-overline){font-size:17px;line-height:1.95;color:var(--muted)}
.journey{background:#fff}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.journey-card{height:535px;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column}.card-discover{background:#f4f2ed}.card-customize{background:#ffcf46}.card-delivery{background:#e9ede4}.card-copy{padding:28px 28px 0;position:relative;z-index:2}.step-number{font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:#747068}.card-copy h3{font-size:29px;letter-spacing:-.035em;margin:9px 0 7px}.card-copy p{color:#504d45;font-size:14px;line-height:1.8;max-width:280px}.card-phone-wrap{height:340px;position:absolute;bottom:-111px;left:50%;transform:translateX(-50%);width:200px}.device-card{width:200px;box-shadow:0 14px 34px rgba(0,0,0,.17);transform:rotate(-7deg);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.journey-card:hover .device-card{transform:rotate(-2deg) translateY(-9px)}.card-customize .device-card{transform:rotate(5deg)}.card-customize:hover .device-card{transform:rotate(1deg) translateY(-9px)}.card-delivery .device-card{transform:rotate(-4deg)}.card-delivery:hover .device-card{transform:rotate(0) translateY(-9px)}
.feature{background:var(--paper);overflow:hidden}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.feature-visual{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}.feature-halo{width:500px;height:500px;background:#e9e6dc;border-radius:50%;position:absolute}.feature-device{position:absolute;width:220px}.feature-device-main{z-index:2;right:15%;top:52px;transform:rotate(7deg)}.feature-device-rear{z-index:1;left:10%;top:86px;transform:rotate(-11deg)}.feature-stamp{z-index:3;position:absolute;left:0;bottom:35px;width:142px;height:142px;border-radius:50%;background:var(--sun);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:Arial,sans-serif;font-weight:900;font-size:28px;letter-spacing:-1px;transform:rotate(-10deg);box-shadow:0 10px 28px rgba(80,60,0,.1)}.feature-stamp small{font-size:8px;letter-spacing:1px;margin-top:4px}
.feature-copy{max-width:470px}.feature-intro{margin-bottom:25px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;gap:17px;padding:16px 0;border-top:1px solid #dbd8cf}.feature-list li>span{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:var(--sun);font-family:Arial,sans-serif;font-weight:bold;font-size:15px}.feature-list strong{font-size:16px}.feature-list p{font-size:13px;color:var(--muted);line-height:1.7;margin:4px 0 0}
.checkout{background:#fff;overflow:hidden}.checkout-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.checkout-copy{max-width:450px}.checkout-copy>p:not(.section-overline){margin-bottom:29px}.payment-pills{display:flex;gap:9px;flex-wrap:wrap}.payment-pills span{font-size:12px;font-weight:700;border:1px solid #dedbd2;padding:8px 15px;border-radius:40px;background:#faf9f6}.checkout-visual{position:relative;min-height:555px;background:#ffcf4a;border-radius:32px;overflow:hidden}.checkout-visual:before,.checkout-visual:after{content:"";position:absolute;border:1px solid rgba(95,69,0,.2);border-radius:50%;width:550px;height:550px;top:14px;left:50%;transform:translateX(-50%)}.checkout-visual:after{width:400px;height:400px;top:90px}.checkout-device{position:absolute;width:215px;top:76px;z-index:2}.checkout-device-one{right:16%;transform:rotate(9deg)}.checkout-device-two{left:14%;top:115px;transform:rotate(-10deg)}
.closing{background:#1d1b17;color:#fff;overflow:hidden}.closing-inner{min-height:390px;position:relative;display:flex;align-items:center}.closing-inner>div:first-child{position:relative;z-index:2;padding-block:70px}.closing-mark{color:var(--sun);font-family:Arial,sans-serif;font-weight:800;letter-spacing:1px;font-size:15px;margin-bottom:20px}.closing h2{font-size:clamp(45px,5vw,66px);line-height:1.24;letter-spacing:-.05em;margin-bottom:12px}.closing-inner p:not(.closing-mark){color:#c6c3bc;font-size:15px}.button-light{margin-top:10px;background:var(--sun);color:var(--ink)}.button-light:hover{background:#ffd056}.closing-art{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:420px;height:420px}.closing-orbit{display:block;border:1px solid rgba(255,189,24,.28);width:360px;height:360px;border-radius:50%;position:absolute;top:30px;left:30px}.bean{display:block;position:absolute;width:78px;height:110px;background:var(--sun);border-radius:52% 48% 50% 50%;transform:rotate(32deg);box-shadow:inset -10px -12px 0 rgba(91,56,0,.09)}.bean:after{content:"";position:absolute;top:9px;left:36px;height:93px;border-left:3px solid #5d4615;border-radius:50%;transform:rotate(-13deg)}.bean-one{top:61px;left:157px}.bean-two{top:186px;left:57px;transform:rotate(-35deg) scale(.82)}.bean-three{top:218px;left:266px;transform:rotate(70deg) scale(1.13)}
.site-footer{background:#151410;color:#d7d5ce}.footer-inner{min-height:93px;justify-content:space-between;gap:20px;font-size:12px}.site-footer .brand{color:white;font-size:26px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{transform:scale(.83);margin-inline:-60px}.feature-grid{gap:35px}.feature-device-main{right:10%}.feature-device-rear{left:5%}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:68px}.brand{font-size:27px}.site-header nav{display:none}.header-cta{font-size:12px;padding:9px 15px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:55px 0 12px;text-align:center}.hero-kicker,.hero-actions,.hero-footnote{justify-content:center}.hero h1{font-size:clamp(47px,11vw,68px);margin:15px 0}.hero-lead{font-size:16px;line-height:1.9;margin-inline:auto}.hero-footnote{margin-top:25px}.hero-visual{width:100%;height:535px;transform:none;margin:0}.hero-visual:before{width:460px;height:460px;top:28px}.orbit-one{width:555px;height:555px;top:-20px}.orbit-two{width:350px;height:350px;top:83px}.device-front{width:205px}.device-back{width:156px;top:125px}.device-back-left{right:0}.device-back-right{left:0}.caption-top{right:4px;top:64px}.caption-bottom{left:0;bottom:72px}.screen-controls{bottom:8px}.promise-inner{min-height:0;display:grid;grid-template-columns:1fr;gap:13px;padding-block:23px;text-align:center}.promise-inner>div{justify-content:center}.promise-divider{display:none}.section-pad{padding-block:75px}.section-heading h2,.feature h2,.checkout h2{font-size:43px}.journey-grid{grid-template-columns:1fr}.journey-card{height:425px}.card-phone-wrap{bottom:-172px}.feature-grid,.checkout-grid{grid-template-columns:1fr;gap:16px}.feature-copy{order:0}.feature-visual{order:1;min-height:515px}.feature-halo{width:400px;height:400px}.feature-device{width:188px}.feature-device-main{right:19%;top:30px}.feature-device-rear{left:13%;top:63px}.feature-stamp{left:4%;bottom:20px;width:105px;height:105px;font-size:20px}.feature-stamp small{font-size:6px}.checkout-visual{min-height:500px;margin-top:20px}.checkout-device{width:190px;top:64px}.checkout-device-two{top:100px}.closing-inner{min-height:500px;align-items:flex-start}.closing-inner>div:first-child{padding-top:66px}.closing-art{left:-85px;top:auto;bottom:-228px;transform:scale(.7)}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:25px}.footer-inner span:nth-child(2){width:100%;order:3}}
@media(max-width:440px){.hero-actions{gap:17px}.button{min-height:50px;padding:11px 20px}.text-link{font-size:13px}.hero-visual{height:455px}.hero-visual:before{width:370px;height:370px;top:28px}.orbit-one{width:450px;height:450px;top:-8px}.orbit-two{width:290px;height:290px;top:69px}.device-front{width:175px}.device-back{width:132px;top:108px}.caption-top{top:47px;right:-4px}.caption-bottom{bottom:56px;left:-5px}.visual-caption{font-size:10px;padding:7px 10px}.feature-device-main{right:13%}.feature-device-rear{left:7%}.checkout-device-one{right:7%}.checkout-device-two{left:7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.device-front,.device-back{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Editorial photography sits beside real app screens without altering their UI. */
.hero-photo{position:absolute;z-index:2;left:0;top:158px;width:196px;height:425px;border:7px solid #fff;border-radius:30px;overflow:hidden;box-shadow:0 19px 34px rgba(23,22,19,.2);transform:rotate(-15deg);animation:float-right 6.7s ease-in-out infinite}
.hero-photo img,.feature-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo img{object-position:50% center}
.feature-photo{position:absolute;z-index:1;border:7px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 36px rgba(23,22,19,.16)}
.feature-photo-beans{width:245px;height:212px;top:42px;left:0;transform:rotate(-9deg)}
.feature-photo-espresso{width:225px;height:250px;bottom:25px;left:40px;transform:rotate(7deg)}
.feature-photo-espresso img{object-position:center 36%}
.feature-device-main{right:12%}
@media(max-width:760px){.hero-photo{width:156px;height:340px;top:125px}.feature-photo-beans{width:185px;height:170px;top:26px;left:4%}.feature-photo-espresso{width:170px;height:205px;bottom:20px;left:10%}.feature-device-main{right:17%}}
@media(max-width:440px){.hero-photo{width:132px;height:286px;top:108px}.feature-photo-beans{width:155px;height:145px;left:0}.feature-photo-espresso{width:145px;height:175px;left:8%}.feature-device-main{right:12%}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}}