:root{--bg:#03111b;--bg2:#061925;--panel:rgba(8,29,42,.72);--border:rgba(130,205,220,.22);--text:#f4f8fa;--muted:#a8bdc8;--orange:#ff8a00;--cyan:#20bcc4;--green:#45c965;--radius:24px}*{box-sizing:border-box}html{background:#020a11}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 75% 15%,rgba(255,138,0,.10),transparent 34%),radial-gradient(circle at 12% 45%,rgba(32,188,196,.12),transparent 36%),linear-gradient(145deg,#020b13,#031521 56%,#020b13);min-height:100vh}.hidden{display:none!important}.shell{width:min(1500px,calc(100% - 64px));margin-inline:auto}.landing{position:relative;overflow:hidden;min-height:100vh}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand-logo{width:190px;height:auto}.nav-actions{display:flex;gap:12px}.ghost-button,.small-primary,.primary-button,.secondary-button{font:inherit;font-weight:750;cursor:pointer;border-radius:14px;padding:14px 19px;border:1px solid var(--border);color:var(--text);background:rgba(9,26,38,.72);transition:.22s transform,.22s border-color,.22s box-shadow}.small-primary{background:linear-gradient(110deg,var(--orange),var(--green));color:#041018;border:0}.primary-button{border:0;color:#041018;padding:18px 25px;background:linear-gradient(105deg,#ff8200,#ffd15f 52%,#38dc86);box-shadow:0 15px 45px rgba(255,132,0,.20);position:relative;overflow:hidden}.primary-button:after{content:"";position:absolute;inset:-100% auto -100% -30%;width:22%;background:rgba(255,255,255,.55);transform:rotate(18deg);animation:shine 4s infinite}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.small-primary:hover{transform:translateY(-2px);border-color:rgba(32,188,196,.55)}.secondary-button{padding:17px 24px;background:transparent;border-color:rgba(32,188,196,.52)}.hero{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;padding:55px 0 74px}.kicker,.section-label{letter-spacing:.23em;font-size:.8rem;font-weight:800;color:#c4edf0}.hero h1{font-size:clamp(3.2rem,6vw,7rem);line-height:.92;letter-spacing:-.06em;margin:20px 0 26px;max-width:760px}.hero h1 span{background:linear-gradient(100deg,#ff8a00 0%,#ffd38d 34%,#77e1d7 70%,#3bd575);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:690px;color:#c2d2da;font-size:1.25rem;line-height:1.75}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.feature-row article{min-height:130px;padding:22px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(18,47,65,.74),rgba(4,18,28,.62));backdrop-filter:blur(16px)}.feature-row strong,.feature-row span{display:block}.feature-row strong{font-size:1.03rem;margin-bottom:8px}.feature-row span{color:var(--muted);line-height:1.45}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:24px;flex-wrap:wrap;color:#88a4b1;margin-top:24px}.hero-visual{position:relative}.device-shell{position:relative;padding:18px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));border:1px solid rgba(184,220,230,.25);box-shadow:0 40px 100px rgba(0,0,0,.42);transform:perspective(1200px) rotateY(-2deg)}.device-shell:before{content:"";position:absolute;inset:8px;border-radius:29px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.device-shell img{width:100%;display:block;border-radius:25px;aspect-ratio:16/10;object-fit:cover}.device-topline{display:flex;justify-content:space-between;padding:4px 5px 14px;font-size:.78rem;font-weight:800;letter-spacing:.12em}.ready-dot{color:#60da6c}.scan-pill{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 21px;border-radius:99px;background:rgba(0,10,17,.82);border:1px solid var(--border);white-space:nowrap}.ambient{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.ambient-one{width:500px;height:500px;right:-180px;top:90px;background:radial-gradient(circle,rgba(255,132,0,.14),transparent 65%)}.ambient-two{width:430px;height:430px;left:-180px;top:300px;background:radial-gradient(circle,rgba(20,188,196,.15),transparent 65%)}.particle-field i{position:absolute;width:4px;height:4px;background:#ff9b32;border-radius:50%;opacity:.18;animation:float linear infinite}@keyframes float{to{transform:translateY(-80px) rotate(180deg);opacity:0}}@keyframes shine{0%,70%{left:-30%}100%{left:130%}}.how,.card-qr{position:relative;z-index:2;border-top:1px solid rgba(142,207,220,.15);padding:50px 0 65px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:25px;margin-top:22px;padding:28px;border:1px solid var(--border);border-radius:26px;background:rgba(7,27,40,.56)}.steps article{text-align:center}.steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin:0 auto 13px;background:linear-gradient(120deg,var(--orange),var(--green));color:#03111b}.steps strong,.steps span{display:block}.steps span{color:var(--muted);font-size:.9rem;margin-top:7px}.steps i{color:var(--cyan);font-size:1.5rem}.card-qr{display:grid;grid-template-columns:2.2fr .8fr;gap:28px}.card-preview,.qr-preview{padding:24px;border:1px solid var(--border);border-radius:25px;background:rgba(7,27,40,.56)}.card-preview img{width:100%;border-radius:16px}.qr-preview{text-align:center}.qr-preview img{width:min(250px,90%);background:#fff;padding:12px;border-radius:15px}.qr-preview span{display:block;color:var(--muted);margin-top:12px}.modal{position:fixed;inset:0;z-index:50;background:rgba(0,7,12,.82);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(560px,100%);padding:38px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,rgba(9,34,49,.96),rgba(3,15,24,.98));box-shadow:0 45px 120px rgba(0,0,0,.55);text-align:center}.modal-close,.demo-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#071723;color:#fff;font-size:1.4rem;cursor:pointer}.permission-card>img{width:170px}.camera-orbit{width:108px;height:108px;border:1px solid rgba(32,188,196,.5);border-radius:50%;display:grid;place-items:center;margin:25px auto;background:radial-gradient(circle,rgba(255,138,0,.18),transparent 62%);animation:pulse 2s infinite}.camera-orbit span{font-size:2.3rem}.permission-card h2{font-size:2rem;margin:8px}.permission-card p{color:var(--muted);line-height:1.65}.full{width:100%;margin-top:12px}.demo-card{width:min(1000px,96vw);padding:16px}.demo-card video{width:100%;border-radius:18px;display:block}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 45px rgba(32,188,196,.17)}}.ar-view{position:fixed;inset:0;background:#000;z-index:80;overflow:hidden}.ar-view #ar-container{position:absolute;inset:0}.ar-header{position:absolute;z-index:10;left:18px;right:18px;top:max(18px,env(safe-area-inset-top));height:78px;border-radius:24px;display:grid;grid-template-columns:180px 1fr 56px;align-items:center;padding:12px 16px;background:rgba(2,17,26,.85);border:1px solid rgba(137,202,215,.28);backdrop-filter:blur(18px)}.ar-header img{width:145px}.ar-header span{text-align:center;color:#dbe9ef}.ar-header button{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:#0b1b26;color:#fff;font-size:1.5rem}.ar-guide{position:absolute;left:50%;top:116px;transform:translateX(-50%);z-index:10;text-align:center;color:#fff}.ar-guide span{display:block;width:70px;height:5px;background:linear-gradient(90deg,var(--orange),#fff,var(--green));border-radius:20px;margin:auto}.ar-guide p{background:rgba(0,10,17,.65);padding:8px 16px;border-radius:20px;font-size:.85rem}.ar-controls{position:absolute;z-index:10;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px}.control-primary,.control-round{border:1px solid var(--border);background:rgba(4,22,33,.9);color:#fff;font:inherit;font-weight:800;border-radius:18px;padding:17px 22px}.control-round{width:58px;padding:0;border-radius:50%}#md-video{display:none}@media(max-width:1000px){.shell{width:min(100% - 34px,900px)}.nav-actions .ghost-button{display:none}.hero{grid-template-columns:1fr;padding-top:25px;gap:42px}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.feature-row{max-width:760px;margin-inline:auto;margin-block:30px}.hero-actions,.trust-row{justify-content:center}.device-shell{transform:none}.steps{grid-template-columns:1fr}.steps i{transform:rotate(90deg)}.card-qr{grid-template-columns:1fr}.hero h1{margin-inline:auto}.ar-header{grid-template-columns:125px 1fr 48px;height:72px}.ar-header img{width:110px}.ar-header span{font-size:.82rem}.ar-header button{width:46px;height:46px}}@media(max-width:620px){.shell{width:calc(100% - 24px)}.nav{height:82px}.brand-logo{width:145px}.hero h1{font-size:3.15rem}.hero-text{font-size:1.03rem}.feature-row{grid-template-columns:1fr}.hero-actions{display:grid}.primary-button,.secondary-button{width:100%}.trust-row{font-size:.8rem;gap:12px}.device-shell{padding:10px;border-radius:25px}.device-shell img{border-radius:18px}.device-topline{font-size:.61rem}.scan-pill{font-size:.72rem;bottom:17px}.steps{padding:20px}.modal-card{padding:28px 20px}.ar-header{left:10px;right:10px;grid-template-columns:95px 1fr 44px}.ar-header img{width:87px}.ar-header span{font-size:.72rem}.ar-header button{width:42px;height:42px}.ar-guide{top:104px;width:88%}.ar-controls{padding:0 10px}.control-primary{flex:1;font-size:.83rem;padding:15px 10px}.control-round{width:52px;min-width:52px}}