.ar-page{color:#f0f3ee;background:radial-gradient(at 68% 32%,#11303d 0%,#0000 39%),radial-gradient(at 10% 85%,#14261d 0%,#0000 38%),#050a11;grid-template-columns:minmax(280px,1fr) minmax(330px,440px);justify-content:center;align-items:center;gap:clamp(28px,6vw,110px);min-height:100dvh;padding:36px clamp(24px,7vw,120px);display:grid;position:relative;overflow:hidden}.ar-page:before{content:"";pointer-events:none;background-image:linear-gradient(#16344322 1px,#0000 1px),linear-gradient(90deg,#16344322 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.ar-desktop-copy{align-self:center;max-width:660px;position:relative}.ar-back{color:#a4c2c2;font:700 11px var(--font-mono);letter-spacing:.1em;margin-bottom:70px;text-decoration:none;display:inline-block}.ar-back:hover{color:#b9f569}.ar-eyebrow{color:#b9f569;font:700 12px var(--font-mono);letter-spacing:.23em;margin-bottom:22px}.ar-desktop-copy h1{font:900 clamp(38px,5.1vw,80px)/1.13 var(--font-display),var(--font-mono);letter-spacing:-.055em;text-shadow:0 4px 18px #0008;margin:0 0 30px}.ar-desktop-copy h1 span{color:#b9f569}.ar-desktop-copy p{font:400 clamp(18px,1.55vw,24px)/1.5 var(--font-ui);color:#b2c6c6;max-width:510px}.ar-feature-list{color:#c4dcdb;font:700 12px var(--font-mono);letter-spacing:.12em;border-top:1px solid #35535a;border-bottom:1px solid #35535a;gap:15px;margin:48px 0 24px;padding:28px 0;display:grid}.ar-feature-list span:first-letter{color:#b9f569}.ar-note{color:#64868d;font:700 11px var(--font-mono);letter-spacing:.13em}.ar-device{background:#152c30;border:8px solid #17242c;border-radius:38px;width:min(440px,100%);height:min(850px,100dvh - 72px);min-height:640px;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 0 2px #47616a,0 35px 85px #000c,0 0 65px #01deef21}.ar-camera-scene{touch-action:manipulation;cursor:crosshair;position:absolute;inset:0;overflow:hidden}.ar-camera-video{object-fit:cover;filter:brightness(.8)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.ar-room{background:linear-gradient(115deg,#283a39 0%,#537573 41%,#9eb1a5 75%,#819a8f 100%);position:absolute;inset:0;overflow:hidden}.ar-room:after{content:"";background:linear-gradient(#06151942,#0000 27% 60%,#17201972);position:absolute;inset:0}.ar-window{background:linear-gradient(125deg,#91bdc0,#d7dbb4 65%,#91bc9a);border:12px solid #253d40;width:49%;height:38%;position:absolute;top:9%;left:-4%;box-shadow:3px 7px 25px #17262888}.ar-window:before{content:"";background:#34494a;width:7px;position:absolute;top:0;bottom:0;left:48%}.ar-window:after{content:"";background:#34494a;height:7px;position:absolute;top:55%;left:0;right:0}.ar-window-glow{background:radial-gradient(circle at 66% 38%,#ffe4a8ae,#0000 52%);position:absolute;inset:0}.ar-lamp{background:#263232;width:2px;height:27%;position:absolute;top:0;right:18%}.ar-lamp:after{content:"";background:#253a3d;border-radius:45% 45% 20% 20%;width:68px;height:46px;position:absolute;top:95%;left:-33px;box-shadow:0 45px 80px 22px #ffe7a660}.ar-wall-art{background:linear-gradient(145deg,#759e8a 45%,#b2aa77 46%,#63867a);border:7px solid #30494c;width:16%;height:14%;position:absolute;top:25%;right:5%}.ar-plant{z-index:1;width:25%;height:25%;position:absolute;top:45%;left:2%}.ar-plant i{transform-origin:bottom;background:#326550;border-radius:90% 0;width:18px;height:65%;position:absolute;bottom:33%;left:45%}.ar-plant i:first-child{transform:rotate(-42deg)}.ar-plant i:nth-child(2){height:80%;transform:rotate(-12deg)}.ar-plant i:nth-child(3){height:70%;transform:rotate(25deg)}.ar-plant i:nth-child(4){height:55%;transform:rotate(53deg)}.ar-plant b{clip-path:polygon(0 0,100% 0,78% 100%,20% 100%);background:#9e8574;width:48%;height:37%;position:absolute;bottom:0;left:29%}.ar-table-back{clip-path:polygon(13% 0,83% 0,100% 100%,0 100%);z-index:2;background:#8a6450;height:17%;position:absolute;top:59%;left:-15%;right:-15%;box-shadow:0 -8px 23px #0004}.ar-table-top{clip-path:polygon(11% 0,86% 0,100% 100%,0 100%);z-index:3;background:linear-gradient(145deg,#b88c65,#7c5344);height:11%;position:absolute;top:60%;left:-12%;right:-12%}.ar-table-front{z-index:3;background:linear-gradient(#775141,#50372e);height:8%;position:absolute;top:70%;left:-12%;right:-12%}.ar-table-leg{z-index:1;background:#49362e;width:8%;position:absolute;top:76%;bottom:0}.leg-left{left:4%}.leg-right{right:5%}.ar-scene-tint{pointer-events:none;z-index:4;background:linear-gradient(#0615199c 0%,#0000 20% 42%,#07181b29 64%,#061117eb 100%);position:absolute;inset:0}.ar-hud-top{z-index:20;background:linear-gradient(#071319c9,#0000);align-items:center;gap:10px;padding:22px 20px;display:flex;position:absolute;top:0;left:0;right:0}.ar-mobile-back{color:#d7eeee;font:700 24px var(--font-mono);text-decoration:none;display:none}.ar-hud-title{font:900 12px var(--font-mono);letter-spacing:.11em;white-space:nowrap;align-items:center;gap:8px;display:flex}.ar-hud-title b{color:#baf444}.ar-hud-mark{color:#baf444;font-size:21px}.ar-live{color:#d1f9e8;font:700 9px var(--font-mono);letter-spacing:.04em;white-space:nowrap;background:#0b2424aa;border:1px solid #75e7c07a;border-radius:20px;margin-left:auto;padding:6px 8px}.ar-live i{background:#baf444;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block;box-shadow:0 0 6px #baf444}.ar-crosshair{z-index:5;pointer-events:none;opacity:.33;position:absolute;inset:18% 10% 23%}.ar-crosshair span{border-style:solid;border-color:#e3fbf8;width:22px;height:22px;position:absolute}.ar-crosshair span:first-child{border-width:2px 0 0 2px;top:0;left:0}.ar-crosshair span:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.ar-crosshair span:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.ar-crosshair span:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.ar-placement-guide{z-index:9;pointer-events:none;justify-items:center;gap:12px;display:grid;position:absolute;transform:translate(-50%,-50%)}.ar-reticle{border:2px solid #baf444;border-radius:50%;width:156px;height:68px;animation:2s ease-in-out infinite ar-pulse;transform:perspective(180px)rotateX(61deg);box-shadow:0 0 18px #baf444aa,inset 0 0 25px #baf44455}.ar-reticle span{text-align:center;color:#baf444;font:32px var(--font-mono);display:block;transform:rotateX(-61deg)}.ar-reticle-label{color:#daffa6;font:800 9px var(--font-mono);letter-spacing:.09em;white-space:nowrap;background:#0a201bd9;border:1px solid #baf444ab;padding:7px 10px;box-shadow:0 0 18px #baf44455}.ar-object{z-index:10;pointer-events:none;filter:drop-shadow(0 18px 8px #06141077);width:200px;height:190px;transition:left .25s,top .25s;position:absolute;transform:translate(-50%,-66%)}.ar-box-shadow{filter:blur(9px);background:#06110ac9;border-radius:50%;width:80%;height:35px;position:absolute;bottom:4px;left:13%}.ar-anchor-ring{border:2px solid #baf444be;border-radius:50%;height:38px;position:absolute;bottom:-8px;left:10%;right:10%;transform:perspective(160px)rotateX(60deg);box-shadow:0 0 16px #baf44480}.ar-box-body{width:164px;height:126px;position:absolute;top:42px;left:17px;transform:skewY(-1deg)}.ar-box-inside{background:linear-gradient(#102a30,#344c48);border:4px solid #294e55;place-items:center;height:72px;display:grid;position:absolute;top:1px;left:9px;right:7px;overflow:hidden}.ar-box-front{clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);text-align:center;color:#e4f1e7;background:linear-gradient(135deg,#395361,#152a36 75%);border:5px solid #69848a;height:94px;padding-top:7px;position:absolute;top:62px;left:9px;right:0;box-shadow:inset 0 0 0 3px #10212a,0 8px #162a2f}.ar-box-front:after{content:"";background:repeating-linear-gradient(90deg,#edc95e 0 12px,#293743 12px 24px);height:7px;position:absolute;bottom:0;left:9%;right:9%}.ar-box-front span{color:#f4d060;vertical-align:middle;margin-right:4px;font-size:22px;display:inline-block}.ar-box-front strong{font:900 18px var(--font-mono);letter-spacing:.12em}.ar-box-front small{color:#aacbd0;font:700 8px/1.5 var(--font-mono);letter-spacing:.15em;margin-top:7px;display:block}.ar-box-side{background:#15232b;border:4px solid #45636b;width:23px;height:83px;position:absolute;top:68px;left:0;transform:skewY(21deg)}.ar-box-lid{clip-path:polygon(18% 0,91% 0,100% 70%,0 70%);transform-origin:12% 73%;background:linear-gradient(145deg,#889ca0,#2b444e 67%);border:5px solid #97b5b7;width:170px;height:68px;transition:transform .7s cubic-bezier(.2,.7,.15,1),top .7s;position:absolute;top:17px;left:0;box-shadow:inset 0 0 0 3px #22343b}.ar-lid-label{color:#f9d266;font:900 8px/1.2 var(--font-mono);letter-spacing:.04em;text-align:center;position:absolute;top:7px;left:34%;transform:skew(-8deg)}.ar-object.running .ar-box-lid,.ar-object.result .ar-box-lid{top:2px;transform:rotate(-34deg)translate(-18px,-30px)}.ar-object.running .ar-box-body{animation:.14s linear infinite ar-shake}.ar-object.result .ar-box-body{animation:.4s ease-out ar-settle}.ar-beacon{color:#baf444;width:36px;height:36px;font:20px var(--font-mono);z-index:2;background:#0c2b30;border:2px solid #baf444;border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #baf4447a}.ar-object.running .ar-beacon{animation:.4s infinite ar-pulse}.ar-cat{filter:drop-shadow(0 0 13px #baf444);font-size:54px;line-height:1;animation:.7s both ar-rise}.ar-spark{color:#baf444;text-shadow:0 0 19px #baf444;font-size:65px;line-height:1;animation:1.5s infinite ar-pulse}.ar-energy{color:#9ff9f5;text-shadow:0 0 20px #5ff;font-size:70px;line-height:1;animation:.5s linear infinite ar-spin}.ar-hud-bottom{z-index:20;background:linear-gradient(#0000,#071318c9 8%,#071318f6 32%);padding:40px 20px 26px;position:absolute;bottom:0;left:0;right:0}.ar-status{color:#c0d7d4;font:800 10px var(--font-mono);letter-spacing:.09em;border-bottom:1px solid #53706a88;align-items:center;gap:8px;padding-bottom:13px;display:flex}.ar-status-dot{background:#eecf5e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #eecf5e}.ar-status-dot.placed,.ar-status-dot.result{background:#baf444;box-shadow:0 0 7px #baf444}.ar-status-dot.running{background:#00e5ff;animation:.5s infinite ar-pulse;box-shadow:0 0 7px #00e5ff}.ar-status-num{color:#88a7a3;margin-left:auto}.ar-instruction{min-height:89px;padding:15px 0 8px}.ar-instruction strong{color:#fff;font:900 15px var(--font-mono);letter-spacing:.05em;display:block}.ar-instruction p{color:#c0d0cd;font:400 15px/1.35 var(--font-ui);margin:7px 0}.ar-progress{background:#28545b;height:5px;margin-top:11px}.ar-progress i{background:#baf444;height:100%;animation:2.6s linear forwards ar-fill;display:block}.ar-outcome{min-height:95px;padding:14px 0 7px}.ar-outcome-label{color:#b1d4ca;font:700 9px var(--font-mono);letter-spacing:.13em;margin-bottom:8px;display:block}.ar-outcome strong{color:#baf444;font:900 19px var(--font-mono);letter-spacing:.03em;display:block}.ar-outcome.recycled strong{color:#f2c875}.ar-outcome p{font:15px var(--font-ui);color:#c3d5d1;margin:6px 0}.ar-actions{gap:12px;display:grid}.ar-primary{color:#12211d;width:100%;min-height:52px;font:900 12px var(--font-mono);letter-spacing:.06em;background:#baf444;border:1px solid #d7fa90;border-radius:3px;transition:transform .15s,background .15s;box-shadow:0 0 22px #baf44442}.ar-primary:hover{background:#d3ff73;transform:translateY(-2px)}.ar-secondary-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ar-secondary-row button{color:#c0dcdb;min-height:35px;font:700 8px var(--font-mono);letter-spacing:.02em;background:#1c3337b8;border:1px solid #7090968c;border-radius:2px}.ar-secondary-row button:hover{color:#fff;border-color:#baf444}.ar-camera-error{color:#f3cc83;font:12px var(--font-ui);margin:0}.ar-help{z-index:22;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#081a20ed;border:1px solid #76acae;padding:16px 36px 16px 16px;position:absolute;top:89px;left:20px;right:20px;box-shadow:0 18px 40px #0008}.ar-help span{color:#baf444;font:900 10px var(--font-mono);letter-spacing:.1em}.ar-help p{font:15px/1.35 var(--font-ui);color:#cfdfdb;margin:10px 0 0}.ar-help-close{color:#bde7e2;font:25px var(--font-mono);background:0 0;border:0;position:absolute;top:4px;right:7px}.ar-footer-note{color:#608083;font:700 9px var(--font-mono);letter-spacing:.14em;position:absolute;bottom:15px;left:clamp(24px,7vw,120px)}@keyframes ar-pulse{50%{opacity:.5;box-shadow:0 0 28px #baf444}}@keyframes ar-shake{25%{transform:translate(2px)}75%{transform:translate(-2px,1px)}}@keyframes ar-settle{0%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes ar-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ar-spin{to{transform:rotate(360deg)}}@keyframes ar-fill{0%{width:0}to{width:100%}}@media (max-width:850px){.ar-page{background:#061318;padding:0;display:block}.ar-desktop-copy,.ar-footer-note{display:none}.ar-device{width:100%;max-width:none;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.ar-mobile-back{display:block}.ar-hud-top{padding-top:max(18px,env(safe-area-inset-top))}.ar-hud-bottom{padding-bottom:max(22px,env(safe-area-inset-bottom))}.ar-object{scale:1.1}}@media (max-height:690px){.ar-hud-bottom{padding-top:22px;padding-bottom:12px}.ar-instruction{min-height:72px;padding:10px 0}.ar-help{top:62px}.ar-object{scale:.85}}.ar-simulation-label{text-align:center;color:#90acae;font:700 8px var(--font-mono);letter-spacing:.06em}.ar-secondary-row a{color:#c0dcdb;min-height:35px;font:700 8px var(--font-mono);letter-spacing:.02em;text-align:center;background:#1c3337b8;border:1px solid #7090968c;border-radius:2px;place-items:center;text-decoration:none;display:grid}.ar-secondary-row a:hover{color:#fff;border-color:#baf444}
