@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#302017;--muted:#74665e;--copper:#b66a26;--cream:#f8f1e9;--peach:#f6e5d7;--dark:#392218;--line:#e9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.shell{overflow:hidden}.skip{position:absolute;top:-100px;left:10px;z-index:1000;background:#fff;padding:10px}.skip:focus{top:10px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 6%;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:21px;letter-spacing:-1px;white-space:nowrap}.brand img{width:39px;height:39px;border-radius:11px}.header nav{display:flex;align-items:center;gap:44px;font-size:14px;font-weight:600}.header nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--copper)}.nav-cta{padding:13px 20px;border:1px solid #dabca4;border-radius:100px}.nav-cta span{margin-left:18px}.menu{display:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(57px,6.1vw,100px);font-weight:800}h2{font-size:clamp(42px,4.3vw,70px);font-weight:800}h3{font-size:25px;letter-spacing:-.035em}em{color:#b76b2e;font-style:normal}.eyebrow{display:block;font-size:11px;letter-spacing:.19em;font-weight:800;color:#ae692e;margin-bottom:24px}.spark{font-size:16px;margin-right:6px}.section{padding:120px 8%;max-width:1800px;margin:0 auto}.hero{min-height:calc(100svh - 92px);display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:50px;padding-bottom:80px;gap:4%;background:radial-gradient(ellipse 38% 70% at 80% 45%,#f8e7d7 0%,#fcf6f0 64%,transparent 100%)}.hero-copy{position:relative;z-index:2;max-width:730px}.hero-copy p,.split-copy p,.intro-heading p{font-size:clamp(18px,1.45vw,22px);color:var(--muted);max-width:500px;margin-top:30px;line-height:1.65}.actions{display:flex;align-items:center;gap:35px;margin-top:40px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;border-radius:100px;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #763c1e22}.primary{background:linear-gradient(120deg,#cc823b,#9c4d18);color:#fff;box-shadow:0 8px 20px #a9552428}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:10px}.vertical{position:absolute;left:3%;bottom:50px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.2em;color:#b6a599}.hero-visual{display:flex;justify-content:center;align-items:center;min-width:0}.phone-wrap{width:100%;position:relative;display:flex;justify-content:center;align-items:center;min-height:610px}.phone-wrap:before{content:'';position:absolute;width:min(95%,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#efd0b5 0,#f8e9dd 56%,transparent 70%)}.phone{width:272px;height:570px;background:#241b18;border:5px solid #5a4031;border-radius:43px;box-shadow:0 35px 65px #7545243f,0 4px 0 #d1a77f inset;position:relative;transform:rotate(4deg);overflow:hidden}.phone-top{position:absolute;top:11px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;font-weight:800;z-index:3;color:#34231b}.notch{position:absolute;z-index:4;width:80px;height:18px;border-radius:20px;background:#1f1714;top:7px;left:50%;transform:translateX(-50%)}.screen{background:#fffcf9;border-radius:37px;height:100%;padding:45px 13px 0;position:relative}.screen-head{display:flex;justify-content:space-between;align-items:center;font-size:20px}.screen-intro{font-size:9px;color:#9d8676;margin:4px 0 15px}.loyalty{background:#fff;box-shadow:0 4px 20px #624b3216;border:1px solid #f0e8e0;border-radius:13px;padding:14px 12px;margin-bottom:10px}.loyalty-head{display:flex;gap:10px;align-items:center;font-size:11px}.loyalty-head small,.reward small{display:block;font-size:8px;font-weight:400;color:#8f7d70}.coffee{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f4dfcb;font-size:19px}.coffee.peach{background:#f4e4d9;color:#bd7b3d}.star-row{color:#cc8137;letter-spacing:1px;font-size:17px;margin:12px 0}.reward{background:#f7ede4;border-radius:8px;padding:8px;display:flex;align-items:center;gap:9px;font-size:9px}.reward>span{font-size:18px;color:#c67c35}.bottom-nav{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:space-around;text-align:center;color:#a89586;font-size:16px}.bottom-nav small{display:block;font-size:7px}.bottom-nav span:first-child,.bottom-nav .qr{color:#bb702d}.bottom-nav .qr{font-size:23px;line-height:.9}.float-star{position:absolute;bottom:35px;left:7%;font-size:115px;line-height:1;color:#d88b40;text-shadow:0 7px 0 #a85e22,0 20px 30px #90532940;transform:rotate(-12deg)}.visual-note{position:absolute;bottom:5px;right:0;color:#a28c7c;font-size:10px;letter-spacing:.04em}.intro{min-height:85vh;display:flex;flex-direction:column;justify-content:center}.intro-heading{max-width:800px}.intro-heading p{margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:90px}.steps article{border-top:1px solid #dacabe;padding:25px 0;position:relative}.step-number{font-size:11px;color:#ba9f8b;letter-spacing:.15em}.step-icon{display:block;font-size:44px;color:#bf762e;margin:20px 0}.steps p{font-size:16px;color:var(--muted);max-width:260px;margin-top:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;min-height:90vh;align-items:center}.cream{background:#faf5ef}.peach{background:#fbf0e8}.split-copy{max-width:650px}.split-copy .button{margin-top:35px}.outline{border:1px solid #c7a58b;color:#57341f}.visual-card{min-height:560px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#f4dbca,transparent 67%)}.giant-star{font-size:clamp(200px,25vw,400px);color:#d28a45;text-shadow:0 12px 0 #b86c2c,0 28px 35px #a66b3f4a;transform:rotate(-12deg)}.floating-card{position:absolute;bottom:13%;right:3%;display:flex;align-items:center;gap:15px;background:#ffffffad;backdrop-filter:blur(12px);padding:18px 25px;border:1px solid white;border-radius:20px;box-shadow:0 16px 40px #966c4e22}.floating-card span{font-size:30px;color:#c4762e}.floating-card b,.floating-card small{display:block}.floating-card small{font-size:12px;color:#9b8474}.business{background:radial-gradient(circle at 75% 35%,#68412c,#352118 60%);color:#fff;min-height:90vh;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:6%}.business em,.business-close em{color:#edbc86}.business p{color:#d7c4b7}.gold{color:#e7b987}.cream-btn{background:#f8e3d0;color:#51311e}.dashboard-wrap{position:relative;min-width:0;padding-bottom:30px}.dashboard{background:#fffaf6;border:7px solid #56392a;border-radius:14px;box-shadow:0 30px 70px #1b0e0870;overflow:hidden;color:#36271f;transform:perspective(1200px) rotateY(-5deg);min-height:350px}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee2d7;padding:12px 16px;font-size:10px;color:#ac9482}.dash-brand{display:flex;align-items:center;gap:6px;font-weight:800;color:#432b1c}.dash-brand img{width:25px;border-radius:6px}.dash-body{display:flex;min-height:300px}.side{width:25%;background:#faf4ed;padding:20px 12px;display:flex;flex-direction:column;gap:17px;font-size:9px;color:#9b8371}.side b{color:#a9642d}.dash-content{padding:26px;width:75%}.mini-label{font-size:8px;letter-spacing:.15em;color:#b57b49}.dash-content h3{font-size:24px;margin:10px 0}.dash-content p{font-size:10px;color:#a59182;margin:0}.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.dash-cards>div{border:1px solid #f0e4db;border-radius:9px;padding:13px;background:white}.dash-cards i{display:block;color:#c4772f;font-style:normal;font-size:20px}.dash-cards b,.dash-cards small{display:block;font-size:10px}.dash-cards small{font-size:8px;color:#a79587;margin-top:4px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%;min-height:75vh;align-items:start;padding-top:150px;padding-bottom:150px}.faq>div>p{margin-top:20px;color:var(--muted)}details{border-bottom:1px solid #e6d9cf}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-weight:700;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:400;color:#b87945}details[open] summary span{transform:rotate(45deg)}details p{padding:0 35px 25px 0;color:var(--muted);font-size:15px}.download{margin:0 3% 70px;border-radius:32px;background:radial-gradient(circle at 20% 50%,#74472e,#392217 55%);color:white;min-height:450px;display:flex;align-items:center;justify-content:center;gap:12%;padding:70px 7%;position:relative}.download h2{font-size:clamp(40px,4vw,65px)}.download p{color:#dbc7b9;margin-top:22px}.download-star{font-size:200px;color:#d99c61;text-shadow:0 8px #a35c27;transform:rotate(-12deg)}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.light{background:#fff9f4;color:#38261b;border-radius:14px;gap:14px;min-width:180px;padding:11px 16px}.light span:nth-child(2){line-height:1.15;font-size:15px}.light small{display:block;font-size:9px;font-weight:400}.light b{margin-left:auto}.store-icon{font-size:18px}footer{padding:0 8% 35px}footer .footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px}.footer-top p{font-size:13px;color:#9a8b7f}.footer-links{display:flex;gap:35px;font-size:13px;color:#76675c;padding-bottom:45px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#ad9e92;font-size:11px}.qr-art,.team-art,.gift-art,.report-art{min-height:540px;display:flex;align-items:center;justify-content:center;position:relative}.qr-art{background:radial-gradient(circle,#efdbc9,transparent 70%)}.qr-sheet{width:270px;height:360px;background:white;border:1px solid #eee0d3;border-radius:28px;box-shadow:0 20px 55px #9a6b4828;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(6deg)}.qr-sheet>span{font-size:10px;letter-spacing:.15em;color:#b37c50}.qr-sheet b{font-size:15px}.qr-sheet small{color:#a08f81;font-size:9px}.qr-pattern{font-size:150px;line-height:1.4;color:#a96d3e}.mini-cards{width:65%;transform:rotate(-5deg)}.mini-cards>div{background:#fff;border:1px solid #f0dfd2;border-radius:20px;padding:28px;box-shadow:0 20px 40px #aa7a5325;margin:14px 0}.mini-cards b,.mini-cards small,.mini-cards span{display:block}.mini-cards small{font-size:9px;color:#ad9786;letter-spacing:.13em}.mini-cards b{font-size:19px;margin:14px 0}.mini-cards span{color:#c77931;font-size:23px}.gift-art{flex-direction:column;background:radial-gradient(circle,#efd2bc,transparent 65%);color:#b77032}.gift-art div{font-size:200px;line-height:1;text-shadow:0 10px 30px #ad6b3d30}.gift-art span{font-size:13px}.biz-hero .dashboard{transform:perspective(1200px) rotateY(-8deg)}.program-card{background:#fff;border-radius:25px;padding:35px;box-shadow:0 25px 55px #a8795830;width:70%;transform:rotate(4deg)}.program-card span,.program-card small,.program-card b,.program-card div{display:block}.program-card span{color:#bf7837;font-size:30px}.program-card small{letter-spacing:.15em;color:#b29c8c;font-size:9px;margin:16px 0}.program-card b{font-family:Manrope;font-size:23px;line-height:1.2}.program-card div{color:#c77c35;margin-top:25px;font-size:23px}.team-art{background:radial-gradient(circle,#f6e6d9,transparent 65%)}.orb{width:240px;height:240px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#f8deca,#cd925d);font-size:90px;color:#fff4e7;box-shadow:0 25px 40px #ab724136}.orbit{position:absolute;background:#fff;border:1px solid #eee2d8;padding:14px 24px;border-radius:100px;box-shadow:0 10px 30px #9f765a20;font-size:13px;font-weight:700}.one{top:25%;left:15%}.two{right:12%;top:45%}.three{bottom:20%;left:20%}.report-art{gap:20px}.report-card{display:flex;flex-direction:column;background:#fff;padding:30px;border-radius:22px;width:40%;box-shadow:0 20px 50px #a77e602b}.report-card:nth-child(2){transform:translateY(70px)}.report-card span{font-size:40px;color:#c57834}.report-card b{font-size:18px;margin:12px 0}.report-card small{font-size:12px;color:#a48f80}.business-close{background:#392218;color:#fff;text-align:center;min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.business-close .button{margin-top:40px}@media(max-width:900px){.header{height:76px;padding:0 6%}.header nav{gap:20px}.nav-cta{display:none}.section{padding:90px 7%}.hero{min-height:auto;padding-top:80px}.phone-wrap{min-height:520px}.phone{transform:rotate(3deg) scale(.85)}.float-star{font-size:80px}.split{gap:5%;min-height:650px}.visual-card,.qr-art,.team-art,.gift-art,.report-art{min-height:450px}.business{grid-template-columns:1fr;gap:60px}.business .dashboard-wrap{max-width:700px}.download-star{font-size:140px}}
@media(max-width:680px){body{font-size:16px}.header{height:72px}.brand{font-size:19px}.brand img{width:36px;height:36px}.menu{display:flex;gap:8px;align-items:center;background:none;border:0;color:#432c1f;font-weight:700;font-size:13px}.header nav{display:none;position:absolute;top:68px;left:4%;right:4%;background:#fffaf5;box-shadow:0 15px 35px #4b2d1c20;border:1px solid #f0e2d7;border-radius:18px;padding:20px;align-items:stretch;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:12px}.header nav .nav-cta{display:block;margin-top:5px}.section{padding:80px 7%}.hero,.split{grid-template-columns:1fr;gap:36px}.hero{padding-top:60px;text-align:left}.hero h1{font-size:clamp(49px,12vw,68px)}h2{font-size:clamp(40px,10vw,56px)}.hero-copy p,.split-copy p,.intro-heading p{font-size:17px;margin-top:22px}.actions{gap:24px;margin-top:28px}.hero-visual{min-width:0}.phone-wrap{min-height:485px}.phone{transform:rotate(3deg) scale(.8)}.phone-wrap:before{width:100%}.float-star{bottom:18px;left:0}.vertical{display:none}.intro{min-height:auto}.steps{grid-template-columns:1fr;gap:10px;margin-top:55px}.steps article{display:grid;grid-template-columns:36px 48px 1fr;column-gap:10px;align-items:start;padding:20px 0}.step-icon{grid-column:2;grid-row:1/3;margin:0;font-size:32px;line-height:1}.steps h3{font-size:20px}.steps p{grid-column:3;margin-top:8px}.split{min-height:auto}.visual-card,.qr-art,.team-art,.gift-art,.report-art{min-height:380px}.split .visual-card:first-child,.split .team-art:first-child{order:2}.split .split-copy:nth-child(2){order:1}.giant-star{font-size:220px}.floating-card{right:0;bottom:0}.business{display:block}.business .dashboard-wrap{margin-top:70px}.dashboard{min-height:280px;transform:none}.dash-body{min-height:230px}.dash-content{padding:18px 12px}.dash-content h3{font-size:18px}.dash-cards>div{padding:8px}.side{padding:18px 7px;gap:14px;font-size:8px}.faq{grid-template-columns:1fr;gap:35px;min-height:auto}.download{margin:0 4% 60px;padding:55px 8%;display:block;min-height:auto}.download-star{font-size:90px;margin-bottom:25px}.download h2{font-size:38px}.store-buttons{flex-direction:column;align-items:flex-start}.light{min-width:200px}.footer-top{align-items:flex-start!important;gap:15px;flex-direction:column}.footer-links{flex-wrap:wrap;gap:16px 25px}.footer-bottom{gap:12px;flex-direction:column}.qr-art,.team-art,.gift-art,.report-art{min-height:380px}.qr-sheet{transform:rotate(4deg) scale(.85)}.report-card{padding:20px}.program-card{width:80%}.business-close{min-height:500px}.biz-hero .dashboard{transform:none}.biz-hero .hero-visual{margin-top:25px}.mini-cards{width:85%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Realistic device compositions, based on the application's public interface. */
.product-scene{position:relative;width:100%;min-height:650px;display:flex;align-items:center;justify-content:center;isolation:isolate}.ambient-orbit{position:absolute;width:min(94%,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 55% 45%,#f1d3bb 0,#f9e9dd 46%,transparent 70%);z-index:-2}.product-scene:before{content:"";position:absolute;width:82%;height:16%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,#9a654c35,transparent 70%);filter:blur(17px);z-index:-1}.product-phone{width:min(335px,72%);aspect-ratio:1/2;position:relative;filter:drop-shadow(15px 26px 28px #71452b35);transform:rotate(5deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-scene:hover .product-phone{transform:rotate(2deg) translateY(-5px)}.tilt-left .product-phone{transform:rotate(-7deg)}.tilt-left:hover .product-phone{transform:rotate(-4deg) translateY(-5px)}.phone-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.device-ui{position:absolute;z-index:2;top:11%;left:10%;width:80%;height:79%;overflow:hidden;background:#fdf7ee;color:#25201d;container-type:inline-size;font-family:Arial,sans-serif;border-radius:0 0 11% 11%;display:flex;flex-direction:column}.app-title{height:15%;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:9cqw;line-height:1;font-weight:800;letter-spacing:-.06em}.app-title>span{font-size:8cqw;color:#b46a25;font-weight:500}.app-title .app-add{font-size:4cqw;color:white;background:#d18535;padding:4% 6%;border-radius:30px;letter-spacing:0}.app-body{flex:1;min-height:0;padding:6%;overflow:hidden;background:#fdf7ee}.app-banner{background:#fff0df;border:1px solid #eed8c0;border-radius:4cqw;padding:4%;box-shadow:0 1cqw 2cqw #aa826522;margin-bottom:5%;font-size:5.4cqw;line-height:1.2;color:#623419}.app-banner small,.app-banner strong{display:block;font-size:3.5cqw;margin-top:2%}.app-banner strong{color:#b46b23}.app-loyalty{background:white;border:1px solid #ece5dd;border-radius:5cqw;padding:5%;box-shadow:0 1cqw 2cqw #60432615;margin-bottom:4%}.app-card-head{display:flex;align-items:center;gap:4%;font-size:5.1cqw;line-height:1.2}.app-card-head i{width:18%;aspect-ratio:1;display:grid;place-items:center;border-radius:4cqw;background:#f4e5d5;color:#b86d2b;font-size:8cqw;font-style:normal}.app-card-head small,.app-reward small{display:block;color:#81776e;font-size:3.4cqw;font-weight:400;margin-top:1%}.app-count{display:block;font-size:5cqw;margin-top:4%}.app-stars{font-size:6.1cqw;letter-spacing:-.05em;color:#c97a2a;white-space:nowrap}.app-reward{display:flex;align-items:center;gap:4%;background:#f4e9df;border-radius:3cqw;padding:3%;font-size:5cqw;line-height:1.15;color:#bf722a}.app-reward span{color:#28221e;font-size:4cqw}.app-nav{height:13%;background:#fff;border-top:1px solid #f1e6dc;display:flex;align-items:center;justify-content:space-around;color:#8c8883;font-size:2.65cqw;text-align:center;line-height:1.4}.app-nav span{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-nav i{font-size:7cqw;line-height:1;font-style:normal}.app-nav span:first-child,.app-nav-qr{color:#c37729}.app-nav-qr i{background:#c77b2d;color:white;padding:1cqw;border-radius:50%;font-size:7.5cqw}.product-star{position:absolute;width:clamp(125px,18vw,250px);bottom:4%;left:0;filter:drop-shadow(0 18px 20px #99613a55);animation:star-float 6s ease-in-out infinite}.scene-label{position:absolute;bottom:0;right:3%;font-size:10px;color:#9b8575;max-width:210px;text-align:right;line-height:1.35}.dark-scene .scene-label{color:#d0b6a5}.feature-scene{min-height:660px}.feature-scene .product-phone{width:min(310px,72%)}.feature-scene .ambient-orbit{width:95%}.app-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%}.qr-caption{font-size:6cqw;font-weight:800}.app-center p{font-size:4cqw;color:#776c61;margin:6% 0;line-height:1.4}.qr-fake{width:75%;aspect-ratio:1;border:2px solid #d5893c;border-radius:8cqw;display:grid;place-items:center;background:white;color:#4c4845}.qr-fake span{font-size:44cqw;line-height:1}.app-center small{font-size:3cqw;color:#9d8b7d;margin-top:5%}.gift-tabs{display:flex;gap:8%;font-size:4cqw;color:#9a8778;padding:2%}.gift-tabs b{color:#b86a25}.gift-show{margin-top:14%;background:#fff;border-radius:6cqw;padding:9%;text-align:center;box-shadow:0 2cqw 5cqw #7c533c14}.gift-orb{width:37%;aspect-ratio:1;border-radius:50%;background:#f8e5d3;color:#cb7c31;display:grid;place-items:center;font-size:16cqw;margin:2% auto 8%}.gift-show small{color:#b27643;font-size:3cqw;letter-spacing:.1em}.gift-show h3{font-size:7cqw;margin:4% 0;letter-spacing:-.04em}.gift-show p{font-size:4cqw;color:#948073}.gift-badge{font-size:3.7cqw;background:#f8ede3;border-radius:3cqw;margin-top:8%;padding:4%;color:#ac6a32}.branch{background:white;border:1px solid #eee5db;border-radius:5cqw;margin-bottom:5%;padding:5%;display:flex;align-items:center;gap:5%;font-size:5cqw}.branch i{font-size:9cqw;font-style:normal;background:#f6eadf;color:#c5792d;border-radius:4cqw;padding:2% 5%}.branch div{flex:1}.branch small{display:block;background:#edf6ea;color:#488a4e;border-radius:4cqw;padding:2% 4%;width:max-content;font-size:3cqw;margin-top:4%}.branch>span{font-size:8cqw;color:#b8855f}.branch-note{font-size:3.5cqw;text-align:center;color:#ab998b;margin-top:10%}@keyframes star-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-3deg)}}@media(max-width:900px){.product-scene,.feature-scene{min-height:570px}.product-phone{width:min(300px,70%)}.feature-scene .product-phone{width:min(280px,70%)}}@media(max-width:680px){.product-scene,.feature-scene{min-height:520px}.product-phone{width:min(265px,68%)}.feature-scene .product-phone{width:min(255px,68%)}.product-star{width:140px;left:2%;bottom:4%}.scene-label{font-size:9px;max-width:170px}.split .product-scene:first-child{order:2}.split .split-copy:nth-child(2){order:1}}@media(prefers-reduced-motion:reduce){.product-phone,.product-star{animation:none!important;transition:none!important}}
.screen-shot{position:absolute;z-index:2;top:5.9%;left:9.8%;width:80.4%;height:88.3%;object-fit:fill;border-radius:11%/5.5%;overflow:hidden}
@media(min-width:901px){.hero:not(.inner-hero){grid-template-columns:1.12fr .88fr}.hero:not(.inner-hero) h1{font-size:clamp(53px,5.1vw,86px)}.hero:not(.inner-hero) h1 em{white-space:nowrap}}
.qr-fake{position:relative;overflow:hidden}.qr-fake:before{content:"";position:absolute;inset:14%;background:repeating-linear-gradient(90deg,#555 0 5%,transparent 5% 10%),repeating-linear-gradient(0deg,transparent 0 5%,#555 5% 10%);background-blend-mode:multiply;opacity:.9}.qr-fake:after{content:"ÖRNEK";position:absolute;background:#fff6ec;border:1px solid #d38a41;border-radius:4px;padding:3% 7%;font-size:4cqw;font-weight:800;letter-spacing:.15em;color:#a45d21}.qr-fake span{display:none}