.phone-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);gap:80px;align-items:center;padding-block:42px 66px}.phone-story{max-width:520px;padding-block:20px}.phone-story>.eyebrow{color:var(--orange);margin-bottom:24px}.phone-story h1{font-size:clamp(48px,4.9vw,70px)}.phone-intro{font-size:13px;color:var(--muted);max-width:45ch;margin-top:25px}.phone-feature-list{margin-top:32px;border-top:1px solid var(--line)}.phone-feature{width:100%;display:flex;gap:16px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);padding:18px 13px;background:transparent;transition:background .2s}.phone-feature:hover{background:#e9e9df}.phone-feature:disabled{opacity:.6}.phone-feature.active{background:#e5e7dc}.feature-index{font-size:10px;color:var(--orange);align-self:flex-start;padding-top:2px}.phone-feature strong{display:block;font-size:13px;font-weight:500}.phone-feature small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.5}.feature-arrow{margin-left:auto;font-size:18px;color:var(--orange)}.phone-live{border-left:2px solid var(--orange);padding-left:15px;margin-top:29px}.phone-live .eyebrow{color:var(--muted);font-size:8px;letter-spacing:.08em}.phone-live>strong{font-family:var(--serif);font-size:23px;font-weight:400;display:block;margin-top:7px;letter-spacing:-.025em}.phone-live>div{display:flex;gap:20px;margin-top:6px;font-size:10px}.phone-live>div span:last-child{color:var(--muted)}.phone-actions{display:flex;justify-content:space-between;gap:20px;margin-top:22px;align-items:center}.phone-reset{padding:2px 0;background:none;border:0;border-bottom:1px solid #aab1a7;font-size:10px}.phone-actions>span{font-size:9px;color:var(--muted)}.phone-disclaimer{font-size:9px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:58ch}.phone-stage{--device-scale:.79;background:#e4e5db;min-height:920px;padding:27px 20px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.phone-stage:before{content:'';width:390px;height:390px;position:absolute;top:200px;border:1px solid #c5ccb9;border-radius:50%;pointer-events:none}.device-caption{display:flex;gap:25px;justify-content:space-between;width:calc(464px * var(--device-scale));font-size:9px;line-height:1.5;align-items:center;margin-bottom:24px}.device-caption>span:first-child{font-weight:500}.device-caption>span:last-child{display:flex;align-items:center;gap:7px;letter-spacing:.07em;font-size:7px;color:var(--muted)}.device-caption i{height:4px;width:4px;background:var(--orange);border-radius:50%}.device-space{width:calc(464px * var(--device-scale));height:calc(980px * var(--device-scale));position:relative}.device-body{width:464px;height:980px;position:absolute;left:0;top:0;transform:scale(var(--device-scale));transform-origin:top left;background:linear-gradient(110deg,#acb0ab 0%,#e4e6e2 18%,#8a8e88 44%,#d4d5d0 82%,#6a6e67 100%);padding:11px;border:1px solid #777c75;border-radius:70px;box-shadow:0 0 0 1px #dfe2d9,0 0 0 3px #a3a89f,14px 30px 44px #23372c33}.device-screen{position:relative;width:440px;height:956px;background:var(--paper);border-radius:58px;overflow:hidden;box-shadow:0 0 0 5px #161b17}.device-screen iframe{display:block;width:440px;height:956px;border:0;background:var(--paper)}.dynamic-island{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:126px;height:36px;background:#0b0d0b;border-radius:30px;pointer-events:none;z-index:5;box-shadow:inset 0 -1px 1px #333}.dynamic-island i{display:block;position:absolute;right:13px;top:12px;width:12px;height:12px;border:2px solid #17202a;border-radius:50%;background:radial-gradient(circle at 40% 35%,#193347,#0a1012 75%)}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:5px;border-radius:10px;background:#172a20;z-index:5;pointer-events:none}.device-button{display:block;position:absolute;width:4px;background:linear-gradient(90deg,#7d8278,#d0d4c9);border:1px solid #969d8d;border-radius:2px;left:-5px}.action-button{top:115px;height:26px}.volume-up{top:173px;height:57px}.volume-down{top:247px;height:57px}.power-button{left:auto;right:-5px;top:195px;height:90px}.device-hint{font-size:10px;display:flex;align-items:center;gap:9px;margin-top:24px}.device-hint>span{font-size:18px;line-height:1;color:var(--orange)}.device-footnote{font-size:8px;color:var(--muted);margin-top:7px}.phone-scope{border-top:1px solid var(--line);padding-block:45px 65px}.phone-scope>.eyebrow{color:var(--orange)}.phone-scope h2{font-size:36px;margin-top:19px}.phone-scope h2 em{color:var(--muted)}.phone-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.phone-scope-grid article{border-top:1px solid var(--line);padding-top:20px}.phone-scope-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.phone-scope-grid article>p{font-size:12px;color:var(--muted);margin-top:12px}@media(min-width:1500px){.phone-stage{--device-scale:.84;min-height:970px}.phone-showcase{gap:110px}.phone-story h1{font-size:73px}}@media(max-width:1100px){.phone-showcase{gap:40px;grid-template-columns:minmax(0,1fr) 440px}.phone-stage{--device-scale:.76;min-height:890px}.phone-story h1{font-size:55px}.phone-feature{padding-block:16px}.phone-intro{font-size:12px}}@media(max-width:900px){.phone-showcase{min-width:840px;gap:35px;grid-template-columns:365px 440px}.phone-story h1{font-size:51px}.phone-scope{min-width:840px}.primary-nav{font-size:12px}}
