.device-showroom{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.75fr 1.45fr;min-height:590px;border-radius:20px;background:#202a20;color:#f4f2ec;margin-top:20px;border:1px solid #65755340}.showroom-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 22%,#738b4d66,transparent 55%),linear-gradient(120deg,#1b231b,#293927);pointer-events:none}.showroom-copy{padding:48px 0 45px 40px;position:relative;z-index:4}.showroom-eyebrow{font-size:7px;letter-spacing:1.2px;color:#c2ceb8}.showroom-copy h2{font-size:clamp(35px,4.1vw,65px);line-height:1.02;letter-spacing:-2.5px;font-weight:400;margin:30px 0 23px}.showroom-copy h2 em{font-family:Georgia,serif;color:#d0dea9;font-weight:400}.showroom-copy>p{font-size:12px;line-height:1.85;color:#b8c6ae}.device-switch{display:flex;gap:7px;margin-top:26px;flex-wrap:wrap}.device-switch button{display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid #8da37a60;border-radius:24px;color:#d9e3d0;background:#ffffff05;font:11px Arial,sans-serif;padding:11px 13px;cursor:pointer;transition:background .25s,color .25s}.device-switch button[aria-pressed=true]{background:#d8ff62;color:#263023;border-color:#d8ff62}.device-switch button:focus-visible{outline:2px solid #d8ff62;outline-offset:4px}.device-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.showroom-signature{display:flex;align-items:center;gap:20px;border-top:1px solid #a3b78c30;padding-top:20px;margin-top:42px;max-width:250px}.device-brand{display:inline-flex;align-items:center;font-family:Arial,sans-serif;font-size:23px;line-height:1;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.device-brand>span{writing-mode:vertical-rl;font-size:4px;letter-spacing:1px;font-weight:400;margin-left:7px}.showroom-signature>.device-brand{color:#f4f2ec}.showroom-signature>span:last-child{font-size:8px;line-height:1.7;color:#aebea4}.device-scene{height:590px;position:relative;perspective:1300px;min-width:0;--tilt-x:0deg;--tilt-y:0deg}.device-floor{position:absolute;width:110%;height:200px;border-radius:50%;bottom:7px;left:-5%;background:radial-gradient(ellipse,#111b10aa,transparent 66%);transform:rotate(-8deg)}.scene-ring{position:absolute;width:500px;height:500px;border:1px solid #adca7c16;border-radius:50%;top:40px;left:10%;box-shadow:0 0 0 50px #adca7c05,0 0 0 100px #adca7c03}.laptop-device{position:absolute;width:83%;left:-1%;top:120px;transform:translateY(0) rotateY(-14deg) rotateX(7deg) rotateZ(-5deg);transform-origin:50% 70%;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;filter:brightness(.92);z-index:1}.laptop-lid{padding:10px 9px 12px;background:linear-gradient(135deg,#798077,#292e29 25%,#0e140e 85%,#7c8279);border:1px solid #9aab8d88;border-radius:16px 16px 5px 5px;box-shadow:0 28px 30px #07100670,0 0 0 1px #0a1009;position:relative}.laptop-camera{position:absolute;width:3px;height:3px;border-radius:50%;background:#394535;top:4px;left:50%}.laptop-display{background:#f4f2ec;color:#263023;border-radius:6px;overflow:hidden}.preview-nav{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #d2d9c9}.preview-nav .device-brand{font-size:24px}.preview-nav>span:last-child{display:flex;align-items:center;gap:10px;font-size:6px}.preview-nav svg,.preview-button svg,.mobile-preview-cta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.preview-main{display:grid;grid-template-columns:1fr 1fr;min-height:210px}.preview-copy{padding:27px 0 27px 19px}.preview-copy small,.mobile-preview-copy small{font-size:5px;letter-spacing:1px}.preview-copy h3{font-size:clamp(24px,3.3vw,45px);line-height:1.02;font-weight:400;letter-spacing:-1.8px;margin:25px 0 22px}.preview-copy h3 em,.mobile-preview-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#5b713c}.preview-button{display:flex;align-items:center;gap:13px;font-size:6px;border:1px solid #95a480;border-radius:20px;padding:8px 10px;width:max-content}.preview-bottom{display:flex;justify-content:space-between;padding:11px 19px;font-size:5px;border-top:1px solid #d2d9c9}.device-art{position:relative;overflow:hidden;min-height:210px;background:radial-gradient(ellipse at 20% 10%,#c8db9a,#8eaa64 50%,#58723e);isolation:isolate}.art-letter{position:absolute;left:15%;top:-7%;font:italic 230px/.95 Georgia,serif;letter-spacing:-20px;color:#bdd488;text-shadow:1px 1px 0 #73904e,2px 2px 0 #6c8548,3px 3px 0 #637a42,5px 5px 0 #59713c,7px 7px 0 #526a35,12px 15px 20px #23371370;transform:rotate(-12deg)}.art-orbit{position:absolute;width:160px;height:160px;border:1px solid #e7f0cb60;border-radius:50%;left:12%;top:10%;transform:rotateX(55deg) rotate(-30deg);z-index:2}.art-ball{position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 27% 23%,#f1f4d3,#b9cf8b 35%,#6e8e49 68%,#39512c);right:10%;bottom:16%;box-shadow:12px 15px 20px #263d2170;animation:device-ball 7s ease-in-out infinite}.art-caption{position:absolute;left:14px;bottom:12px;font-size:4px;letter-spacing:1px;color:#e4edcf}.laptop-base{position:relative;width:112%;left:-6%;height:14px;background:linear-gradient(#b2b8ab,#6c7667 50%,#333e31);border-radius:0 0 50% 50% / 0 0 90% 90%;box-shadow:0 12px 12px #0b130a55;transform:perspective(300px) rotateX(30deg);transform-origin:50% 0}.laptop-base i{display:block;margin:0 auto;width:17%;height:4px;border-radius:0 0 5px 5px;background:#4a5545}.smartphone-device{position:absolute;z-index:3;right:7%;top:71px;width:208px;height:438px;padding:7px;border-radius:38px;background:linear-gradient(135deg,#c0c7b5,#656d5e 18%,#20271c 55%,#a8b49b);box-shadow:0 0 0 1px #d1ddba55,12px 25px 35px #07100780,inset 0 0 0 2px #9eac8c;transform:rotateY(-9deg) rotateZ(8deg) translateY(0);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;animation:phone-drift 8s ease-in-out infinite}.smartphone-display{height:100%;position:relative;background:#f4f2ec;border:3px solid #131a11;border-radius:32px;overflow:hidden;color:#263023}.phone-status{height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:8px;font-weight:600}.phone-island{position:absolute;width:53px;height:15px;background:#131a11;border-radius:20px;top:8px;left:calc(50% - 26px)}.status-bars{display:flex;gap:2px;align-items:end;height:8px}.status-bars i{display:block;width:2px;background:#263023;height:4px}.status-bars i:nth-child(2){height:6px}.status-bars i:nth-child(3){height:8px}.status-bars b{width:12px;height:6px;border:1px solid #263023;border-radius:2px;margin-left:4px}.mobile-preview-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 15px 12px;border-bottom:1px solid #d2d9c9}.mobile-preview-nav .device-brand{font-size:25px}.phone-menu{display:flex;flex-direction:column;gap:4px}.phone-menu i{width:13px;height:1px;background:#263023}.mobile-preview-copy{padding:17px 15px 12px}.mobile-preview-copy small{font-size:4px}.mobile-preview-copy h3{font-size:33px;line-height:1;letter-spacing:-1.5px;font-weight:400;margin:15px 0 0}.smartphone-display>.device-art{min-height:119px;height:119px;margin:0 12px;border-radius:7px}.smartphone-display .art-letter{font-size:145px;top:-28%;left:19%}.smartphone-display .art-ball{width:30px;height:30px;bottom:13%;right:15%}.smartphone-display .art-orbit{width:90px;height:90px;left:20%;top:4%}.smartphone-display .art-caption{font-size:3px;bottom:7px;left:9px}.mobile-preview-cta{display:flex;align-items:center;justify-content:space-between;background:#263023;color:#f4f2ec;margin:12px 12px 0;border-radius:20px;padding:10px;font-size:6px}.mobile-preview-cta svg{width:10px;height:10px}.phone-home{position:absolute;bottom:5px;left:calc(50% - 26px);width:52px;height:3px;border-radius:10px;background:#263023}.phone-key{position:absolute;background:#79866c;border-radius:3px;width:3px;left:-2px}.phone-key-one{height:18px;top:83px}.phone-key-two{height:35px;top:112px}.device-callout{position:absolute;bottom:48px;left:8%;display:flex;align-items:center;gap:8px;background:#f4f2ec;color:#35432c;padding:12px 15px;border-radius:30px;box-shadow:0 10px 30px #08120740;font-size:9px;transform:rotate(-4deg);z-index:4}.callout-dot{width:6px;height:6px;border-radius:50%;background:#819c59;box-shadow:0 0 0 4px #819c5915}.device-scene-caption{position:absolute;bottom:22px;right:8%;font-size:6px;letter-spacing:1.2px;color:#afc09b}.device-showroom[data-view=desktop] .laptop-device{transform:translateY(-15px) rotateY(-5deg) rotateX(3deg) rotateZ(-2deg) scale(1.04);filter:brightness(1);z-index:3}.device-showroom[data-view=desktop] .smartphone-device{animation:none;transform:translateX(18px) translateY(22px) rotateY(-12deg) rotateZ(12deg) scale(.87);filter:brightness(.85);z-index:2}.device-demo-note{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:9px;line-height:1.7;color:#69765e}.device-demo-note>span:first-child{font-size:7px;letter-spacing:.8px}.device-demo-note>span:last-child{text-align:right}@keyframes phone-drift{50%{transform:rotateY(-5deg) rotateZ(6deg) translateY(-8px)}}@keyframes device-ball{50%{transform:translateY(-5px)}}
@media(max-width:1000px) and (min-width:701px){.showroom-copy{padding-left:25px}.showroom-copy h2{font-size:43px}.showroom-copy>p{font-size:11px}.showroom-eyebrow{font-size:6px}.device-showroom{grid-template-columns:.8fr 1.4fr}.smartphone-device{right:4%;width:180px;height:410px;top:92px}.mobile-preview-copy h3{font-size:29px}.mobile-preview-nav .device-brand{font-size:22px}.preview-main{min-height:190px}.device-art{min-height:190px}.preview-copy{padding-left:12px}.preview-copy h3{font-size:31px}.preview-nav{padding:13px}.showroom-signature{gap:12px}.showroom-signature>span:last-child{font-size:7px}.device-switch button{font-size:10px;padding:9px 10px}.device-callout{left:0;font-size:8px}}
@media(max-width:700px){.device-showroom{display:block;min-height:0;border-radius:15px;margin-top:0}.showroom-copy{padding:28px 23px 0}.showroom-eyebrow{font-size:7px;letter-spacing:1px}.showroom-copy h2{font-size:clamp(35px,10vw,48px);line-height:1.04;margin:20px 0 16px;letter-spacing:-1.7px}.showroom-copy h2 em br{display:none}.showroom-copy h2 em br:after{content:' '}.showroom-copy>p{font-size:13px;line-height:1.7}.device-switch{margin-top:18px;gap:8px}.device-switch button{font-size:11px;padding:11px 13px;min-height:44px}.showroom-signature{display:none}.device-scene{height:400px;margin-top:8px}.scene-ring{width:310px;height:310px;left:10%;top:30px}.laptop-device{width:77%;top:108px;left:5%;transform:rotateY(-14deg) rotateX(7deg) rotateZ(-7deg)}.laptop-lid{padding:6px 5px 7px;border-radius:10px 10px 4px 4px}.laptop-camera{width:2px;height:2px;top:2px}.preview-nav{padding:9px}.preview-nav .device-brand{font-size:15px}.preview-nav .device-brand>span{font-size:3px;margin-left:4px}.preview-nav>span:last-child{font-size:4px;gap:3px}.preview-nav svg{width:7px;height:7px}.preview-main{min-height:137px}.preview-copy{padding:17px 0 17px 10px}.preview-copy small{font-size:3px;letter-spacing:.5px}.preview-copy h3{font-size:23px;letter-spacing:-1px;margin:18px 0 15px}.preview-button{font-size:4px;padding:6px;gap:5px}.preview-button svg{width:7px;height:7px}.preview-bottom{padding:7px 9px;font-size:3px}.device-art{min-height:137px}.art-letter{font-size:140px;top:-2%;left:11%}.art-ball{width:32px;height:32px;bottom:17%;right:9%}.art-orbit{width:90px;height:90px}.art-caption{font-size:3px;left:7px;bottom:7px}.laptop-base{height:9px}.laptop-base i{height:3px}.smartphone-device{width:145px;height:308px;border-radius:28px;padding:5px;top:25px;right:8%;box-shadow:0 0 0 1px #d1ddba55,10px 18px 30px #07100780}.smartphone-display{border-radius:23px;border-width:2px}.phone-status{height:23px;padding:0 12px;font-size:6px}.phone-island{width:39px;height:11px;left:calc(50% - 19px);top:6px}.status-bars{gap:1px;height:6px}.status-bars i{width:1px;height:3px}.status-bars i:nth-child(2){height:4px}.status-bars i:nth-child(3){height:6px}.status-bars b{width:9px;height:4px;margin-left:3px}.mobile-preview-nav{padding:6px 10px 8px}.mobile-preview-nav .device-brand{font-size:20px}.mobile-preview-nav .device-brand>span{font-size:3px;margin-left:4px}.phone-menu{gap:3px}.phone-menu i{width:10px}.mobile-preview-copy{padding:11px 10px 9px}.mobile-preview-copy small{font-size:3px;letter-spacing:.4px}.mobile-preview-copy h3{font-size:24px;letter-spacing:-1px;margin-top:10px}.smartphone-display>.device-art{height:79px;min-height:79px;margin:0 8px;border-radius:5px}.smartphone-display .art-letter{font-size:100px;top:-28%;left:17%}.smartphone-display .art-ball{width:22px;height:22px}.smartphone-display .art-orbit{width:60px;height:60px}.smartphone-display .art-caption{font-size:2px}.mobile-preview-cta{font-size:4px;margin:8px 8px 0;padding:7px}.mobile-preview-cta svg{width:7px;height:7px}.phone-home{width:38px;left:calc(50% - 19px);height:2px;bottom:4px}.phone-key-one{top:58px;height:13px}.phone-key-two{top:79px;height:24px}.device-callout{bottom:31px;left:7%;font-size:8px;padding:10px 12px}.device-scene-caption{font-size:5px;bottom:12px;right:8%}.device-demo-note{font-size:10px;gap:14px;padding-top:12px}.device-demo-note>span:first-child{font-size:7px;max-width:36%}.device-demo-note>span:last-child{max-width:64%}.device-showroom[data-view=desktop] .laptop-device{transform:translateY(-14px) rotateY(-3deg) rotateX(3deg) rotateZ(-2deg) scale(1.07)}.device-showroom[data-view=desktop] .smartphone-device{transform:translateX(12px) translateY(21px) rotateZ(12deg) scale(.85)}}
@media(max-width:350px){.showroom-copy{padding:24px 18px 0}.showroom-eyebrow{font-size:6px}.showroom-copy h2{font-size:35px}.device-scene{height:370px}.smartphone-device{right:6%;width:137px;height:298px}.laptop-device{left:4%;width:78%;top:108px}.preview-copy h3{font-size:20px}.preview-button{font-size:3px}.mobile-preview-copy h3{font-size:23px}.device-callout{left:6%;font-size:7px;bottom:20px}.device-scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){.smartphone-device,.art-ball{animation:none}.device-showroom *{transition:none!important}}
.device-showroom{--art-pale:#d4dfd8;--art-mid:#91ab9c;--art-deep:#466458;--art-letter:#c1d3c8;--art-shadow:#3b584b;--art-dark:#233e33;--art-light:#edf2eb}.device-showroom[data-green-tone=forest]{--art-pale:#adc8b9;--art-mid:#4e8272;--art-deep:#1f4940;--art-letter:#b5d0c0;--art-shadow:#285346;--art-dark:#153a30;--art-light:#dfece3}.device-showroom[data-green-tone=olive]{--art-pale:#dedfc8;--art-mid:#a0a67c;--art-deep:#69724d;--art-letter:#d0d3ae;--art-shadow:#697449;--art-dark:#424d30;--art-light:#f0f0df}.device-showroom .device-art{background:radial-gradient(ellipse at 20% 10%,var(--art-pale),var(--art-mid) 50%,var(--art-deep));transition:background .5s}.device-showroom .art-letter{color:var(--art-letter);text-shadow:1px 1px 0 var(--art-shadow),2px 2px 0 var(--art-shadow),3px 3px 0 var(--art-shadow),5px 5px 0 var(--art-shadow),7px 7px 0 var(--art-shadow),12px 15px 20px var(--art-dark);transition:color .5s,text-shadow .5s}.device-showroom .art-ball{background:radial-gradient(circle at 27% 23%,var(--art-light),var(--art-letter) 35%,var(--art-mid) 68%,var(--art-dark))}.green-picker{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.green-picker button{display:flex;align-items:center;gap:6px;min-height:34px;font:10px Arial,sans-serif;color:#c5d2ba;background:transparent;border:1px solid transparent;border-radius:20px;padding:6px 8px;cursor:pointer}.green-picker button[aria-pressed=true]{border-color:#a9b99b66;background:#ffffff0a;color:#f4f2ec}.green-picker button:focus-visible{outline:2px solid #d8ff62;outline-offset:3px}.green-picker i{display:block;width:12px;height:12px;border-radius:50%;background:#a6beb0;box-shadow:inset 0 0 0 1px #ffffff30}.green-picker button:nth-child(2) i{background:#386b5b}.green-picker button:nth-child(3) i{background:#a5ab7f}.showroom-signature{margin-top:23px}@media(max-width:700px){.green-picker{margin-top:10px;gap:8px}.green-picker button{min-height:40px;font-size:11px;padding:7px 9px}.device-scene{margin-top:0}}@media(prefers-reduced-motion:reduce){.device-showroom .device-art,.device-showroom .art-letter{transition:none}}