:root{--red:#d91520;--red-dark:#b60914;--ink:#14161c;--muted:#626a78;--line:#e8e9ec;--paper:#fff;--soft:#f6f8fb;--radius:18px;--max:1200px;--shadow:0 12px 36px rgba(18,34,60,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.56 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip-link{position:absolute;top:-100px;z-index:1000;left:10px;background:#fff;padding:10px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.965);backdrop-filter:blur(14px);border-bottom:1px solid #eef0f3}.header-inner{height:78px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:45px;height:45px;object-fit:contain;border-radius:13px}.brand strong{display:block;font-size:22px;letter-spacing:-.9px;line-height:1.12}.brand strong span,.hero-brand>span>span,.foot-brand>span>span{color:var(--red)}.brand small{display:block;color:#858b96;font-size:10px;line-height:1.7;letter-spacing:.3px}.navigation{margin-left:auto;display:flex;align-items:center;gap:27px}.navigation a{font-size:13px;font-weight:650;color:#424855;position:relative;padding:28px 0}.navigation a:hover,.navigation a.active{color:var(--red)}.navigation a.active:after,.navigation a:hover:after{content:'';position:absolute;height:3px;background:var(--red);left:0;right:0;bottom:18px;border-radius:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:13px 20px;font-size:14px;font-weight:760;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap;border:1px solid transparent;cursor:pointer}.button svg{width:18px;height:18px}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(217,21,32,.2)}.button-red:hover{background:var(--red-dark)}.button-outline{border-color:#e4dadb;background:rgba(255,255,255,.7);color:#2c2f35}.button-outline:hover{border-color:var(--red);color:var(--red)}.button-lg{padding:16px 23px;min-height:55px}.nav-toggle{display:none;margin-left:auto;border:0;background:none;width:40px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}
.hero{position:relative;overflow:hidden;background:linear-gradient(114deg,#fff 0%,#fafcff 48%,#eaf1f7 100%);border-bottom:1px solid #e9edf1}.hero::after{content:'';position:absolute;bottom:-170px;left:-130px;width:520px;height:310px;background:radial-gradient(ellipse,rgba(216,222,231,.45),transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;min-height:570px;align-items:center;gap:25px}.hero-copy{z-index:3;padding:68px 0 62px}.kicker{font-size:10px;font-weight:800;letter-spacing:3px;color:#73808d;display:flex;align-items:center;gap:12px}.kicker-line{width:30px;height:2px;background:var(--red)}.hero-brand{display:flex;align-items:center;gap:15px;margin-top:24px}.hero-brand img{width:75px;height:75px;object-fit:contain}.hero-brand>span{font-size:clamp(29px,3.15vw,45px);letter-spacing:-2px;font-weight:840;white-space:nowrap}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.04;letter-spacing:-2.8px;margin:16px 0 23px;font-weight:850}.hero h1 em,.section-heading h2 em,.flow-intro h2 em,.download-box h2 em{color:var(--red);font-style:normal}.lead{max-width:485px;color:#515965;font-size:17px;line-height:1.75;margin:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;align-items:center;gap:7px;color:#747b87;font-size:12px;margin:16px 0 30px}.hero-note svg{width:14px;height:14px;color:#71ac63}.hero-stats{display:flex;gap:17px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #e7e7eb}.hero-stats span{display:flex;align-items:center;gap:7px;color:#6a717d;font-size:12px;font-weight:650}.hero-stats svg{width:20px;height:20px;color:var(--red)}
.hero-visual{position:relative;height:555px;z-index:2}.hero-glow{position:absolute;inset:90px -90px 40px 20px;border-radius:60%;background:radial-gradient(ellipse,rgba(152,174,198,.27),rgba(255,255,255,.05) 64%);filter:blur(15px)}.device{position:absolute;background:#101216;border:5px solid #28292c;box-shadow:0 19px 35px rgba(4,12,24,.29),inset 0 0 0 2px #454545;border-radius:38px;width:43%;padding:7px;height:460px;overflow:hidden}.device-bezel{position:relative;border-radius:27px;height:100%;overflow:hidden;background:#050505}.device-bezel:before{content:'';position:absolute;z-index:3;top:6px;left:50%;transform:translateX(-50%);width:28%;height:11px;background:#050505;border-radius:10px}.device-bezel img{width:100%;height:100%;object-fit:cover;object-position:center top}.main-device{left:32%;top:27px;z-index:5;height:490px;width:40%;border-width:6px;transform:rotate(-1deg)}.back-left{left:4%;top:84px;z-index:2;transform:rotate(-12deg);height:417px;width:39%;filter:brightness(.91)}.back-right{right:0;top:88px;z-index:3;transform:rotate(12deg);height:417px;width:38%;filter:brightness(.93)}.preview-hint{position:absolute;z-index:10;bottom:18px;right:48px;padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.82);font-size:10px;color:#5e6872;box-shadow:var(--shadow)}
.benefits{padding:20px 0 22px;background:#fff;box-shadow:0 6px 20px rgba(30,60,100,.04)}.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.benefits-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:10px 4px;border-right:1px solid #e7e9ec}.benefits-grid>div:last-child{border:0}.benefits-grid svg{color:var(--red);width:30px;height:30px;flex-shrink:0}.benefits-grid strong{display:block;font-size:13px}.benefits-grid small{font-size:11px;color:#7d8490;display:block;line-height:1.3}
.section{padding:83px 0}.section-features{background:linear-gradient(180deg,#f8fafc,#fff)}.section-heading{text-align:center;max-width:840px;margin:0 auto 42px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2.2px;color:var(--red)}.section-heading h2,.flow-intro h2,.download-box h2{font-size:clamp(30px,3.6vw,47px);line-height:1.12;letter-spacing:-1.5px;margin:10px 0 14px;font-weight:830}.section-heading p{font-size:15px;color:#6b7280;max-width:620px;margin:auto}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.feature-card{padding:21px 18px 23px;border:1px solid #edf0f4;border-radius:17px;background:#fff;box-shadow:0 6px 17px rgba(30,45,70,.03);min-height:184px}.feature-card:hover{border-color:#f3c3c6;box-shadow:0 10px 28px rgba(50,50,80,.075)}.feature-icon{width:44px;height:44px;background:#fff1f2;border-radius:13px;display:grid;place-items:center;color:var(--red);margin-bottom:12px}.feature-icon svg{width:25px;height:25px}.feature-card h3{font-size:14px;line-height:1.22;letter-spacing:-.25px;margin:0 0 8px}.feature-card p{font-size:12px;line-height:1.55;color:#69717c;margin:0}
.section-shots{background:#fff;padding-top:76px;padding-bottom:88px}.screens-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.shot-card{display:flex;position:relative;flex-direction:column;text-align:left;border:1px solid #e9edf1;background:#fff;border-radius:16px;padding:6px 6px 14px;box-shadow:0 10px 24px rgba(22,37,57,.04);cursor:pointer;min-width:0;transition:transform .2s,box-shadow .2s}.shot-card:hover{transform:translateY(-5px);box-shadow:0 14px 33px rgba(20,33,55,.14)}.shot-image{display:block;aspect-ratio:3 / 4.55;overflow:hidden;background:#090909;border-radius:11px}.shot-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.shot-title{font-weight:790;font-size:12px;margin:12px 8px 3px;line-height:1.3}.shot-subtitle{margin:0 8px;color:#7c8490;font-size:10px;line-height:1.35}.shot-zoom{position:absolute;right:10px;bottom:13px;color:var(--red);font-size:15px}.screens-note{font-size:11px;color:#9096a0;margin-top:18px;text-align:center}
.workflow{background:#f6f8fb}.flow-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.flow-intro{padding:15px 0}.flow-intro h2{margin-bottom:20px}.flow-intro>p{font-size:16px;color:#6b7380;max-width:420px}.workflow-app{display:flex;align-items:center;gap:13px;border:1px solid #e9edf2;background:#fff;border-radius:17px;padding:15px;width:max-content;max-width:100%;margin-top:35px}.workflow-app img{width:50px;height:50px;object-fit:contain}.workflow-app strong,.workflow-app small{display:block}.workflow-app strong{font-size:15px}.workflow-app small{font-size:12px;color:#7c8490}.flow-steps{display:grid;gap:13px}.flow-steps>div{display:grid;grid-template-columns:50px 1fr;gap:12px;background:#fff;border:1px solid #e9edf2;border-radius:16px;padding:21px}.flow-steps>div>span{display:grid;place-items:center;border-radius:50%;width:42px;height:42px;background:#ffeded;color:var(--red);font-size:15px;font-weight:840}.flow-steps section h3{margin:0 0 5px;font-size:17px}.flow-steps section p{color:#66707c;font-size:13px;margin:0}
.download-section{background:#fff}.download-box{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:center;padding:58px 65px;border-radius:24px;background:linear-gradient(118deg,#fff8f8,#f5f8fc);border:1px solid #f1e5e5;box-shadow:var(--shadow)}.download-box h2{margin:8px 0 16px}.download-box p{color:#616b76;max-width:485px;margin:0 0 25px}.download-box .button{margin-bottom:11px}.apk-notice{display:block;font-size:11px;color:#8a919b;max-width:490px}.download-art{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.download-art img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(60,50,20,.12))}.download-art span{font-size:22px;letter-spacing:-.4px;font-weight:850}.download-art strong{font-size:10px;color:#b9a65e;letter-spacing:1px}
.footer{border-top:1px solid #e7eaee;padding:28px 0}.foot-inner{display:flex;align-items:center;gap:25px;justify-content:space-between}.foot-brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:850;letter-spacing:-.7px}.foot-brand img{width:42px;height:42px;object-fit:contain}.footer nav{display:flex;gap:25px}.footer nav a{font-size:12px;color:#48515e}.footer nav a:hover{color:var(--red)}.footer small{font-size:11px;color:#8d95a0}
.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(8,10,16,.93);display:grid;place-items:center;padding:42px 16px 18px}.lightbox-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.lightbox img{max-height:calc(100vh - 115px);max-width:min(95vw,700px);object-fit:contain;border-radius:14px}.lightbox p{color:#fff;margin:0;text-align:center}.lightbox-close{position:absolute;top:15px;right:20px;background:#fff;color:#111;border:0;border-radius:99px;font-size:26px;width:40px;height:40px;cursor:pointer}
@media(max-width:1120px){.features-grid{grid-template-columns:repeat(3,1fr)}.screens-grid{grid-template-columns:repeat(4,1fr)}.hero-brand>span{font-size:31px;letter-spacing:-1px}.navigation{gap:17px}.header-download{padding:12px}.hero-grid{grid-template-columns:1fr 1fr}.lead{font-size:15px}.device{height:400px}.main-device{height:450px}.back-left,.back-right{height:380px}.hero-visual{height:490px}}
@media(max-width:840px){.wrap{width:min(100% - 38px,640px)}.header-inner{height:68px}.brand strong{font-size:20px}.brand img{width:40px;height:40px}.header-download{display:none}.nav-toggle{display:flex}.navigation{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:12px 25px 23px;box-shadow:0 12px 25px rgba(30,30,40,.11);border-bottom:1px solid var(--line);margin-left:0;flex-direction:column;align-items:stretch;gap:0}.navigation.open{display:flex}.navigation a{padding:12px;font-size:15px}.navigation a.active:after,.navigation a:hover:after{bottom:5px;left:12px;right:auto;width:32px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:53px 0 15px}.hero h1{font-size:clamp(44px,8vw,59px)}.hero-visual{height:540px}.hero-glow{inset:70px -30px 10px}.device{max-width:225px}.back-left{left:6%}.back-right{right:7%}.main-device{left:34%}.benefits-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid>div:nth-child(3){border-right:0}.benefits-grid>div{justify-content:flex-start}.features-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{grid-template-columns:repeat(3,1fr)}.flow-grid{grid-template-columns:1fr;gap:28px}.download-box{padding:34px;grid-template-columns:1.2fr .8fr}.download-art img{width:125px;height:125px}.download-art span{font-size:17px}.foot-inner{flex-wrap:wrap}.foot-inner nav{order:3;width:100%;flex-wrap:wrap}}
@media(max-width:560px){.wrap{width:calc(100% - 34px)}.header-inner{gap:8px}.brand strong{font-size:18px;letter-spacing:-.7px}.brand small{font-size:9px}.hero-copy{padding:35px 0 4px}.hero-brand{margin-top:18px;gap:8px}.hero-brand img{width:50px;height:50px}.hero-brand>span{font-size:29px}.hero h1{font-size:43px;letter-spacing:-1.5px;margin:15px 0 16px}.lead{font-size:15px}.hero-buttons{display:grid;grid-template-columns:1fr;gap:9px}.button-lg{width:100%}.hero-note{margin-bottom:10px}.hero-stats{gap:12px;padding-top:14px}.hero-stats span{font-size:10px}.hero-visual{height:365px;margin-top:4px}.device{border-radius:27px;padding:5px;border-width:4px}.device-bezel{border-radius:20px}.main-device{height:347px;top:9px;left:34%;width:37%;max-width:none}.back-left{top:45px;height:290px;width:39%;left:4%}.back-right{top:49px;height:288px;width:39%;right:0}.preview-hint{font-size:9px;bottom:8px;right:15px}.benefits{padding:10px 0}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:0}.benefits-grid>div{border-right:0;justify-content:flex-start;padding:11px 6px}.benefits-grid>div:nth-child(n+5){display:none}.benefits-grid svg{width:25px;height:25px}.benefits-grid strong{font-size:12px}.section{padding:58px 0}.section-heading{margin-bottom:27px}.section-heading h2,.flow-intro h2,.download-box h2{font-size:31px;letter-spacing:-1px}.section-heading p{font-size:13px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature-card{padding:16px 13px 19px;min-height:195px}.feature-icon{margin-bottom:10px;width:36px;height:36px}.feature-icon svg{width:21px;height:21px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shot-image{aspect-ratio:3 / 3.7}.shot-card{padding:5px 5px 14px}.shot-title{font-size:12px;margin:10px 6px 3px}.shot-subtitle{font-size:10px;margin:0 6px}.flow-steps>div{padding:14px}.download-box{grid-template-columns:1fr;padding:25px 21px;text-align:left}.download-art{display:none}.footer nav{gap:16px}.footer small{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}