@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Michroma&display=swap";
:root{--tr-black:#050505;--tr-panel:#101010;--tr-border:#292929;--tr-orange:#ff5529;--tr-cream:#fff7ec;--tr-muted:#a4a4a4}*{box-sizing:border-box}html,body{background:var(--tr-black);color:#fff;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.tr-shell{background:radial-gradient(circle at 18% 10%,#ff55292e,#0000 34%),linear-gradient(135deg,#050505,#111 52%,#050505);min-height:100vh}.tr-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#050505c7;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.tr-logo{letter-spacing:.12em;font-family:Michroma,sans-serif;font-size:16px}.tr-logo span{color:var(--tr-muted);letter-spacing:.24em;margin-top:3px;font-family:Inter,sans-serif;font-size:10px;display:block}.tr-nav-links{color:#ddd;text-transform:uppercase;letter-spacing:.08em;gap:22px;font-size:13px;font-weight:700;display:flex}.tr-hero{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:42px;padding:clamp(44px,8vw,110px) clamp(20px,5vw,72px);display:grid}.tr-kicker{color:var(--tr-orange);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900}.tr-title{margin:18px 0;font-family:Michroma,sans-serif;font-size:clamp(40px,7vw,86px);line-height:.98}.tr-copy{color:#d6d6d6;max-width:720px;font-size:clamp(17px,2vw,21px);line-height:1.55}.tr-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.tr-btn{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--tr-border);border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:900;display:inline-flex}.tr-btn-primary{background:var(--tr-orange);border-color:var(--tr-orange);color:#fff}.tr-btn-secondary{color:#fff;background:#ffffff0f}.tr-card{background:#101010c7;border:1px solid #ffffff1f;border-radius:28px;padding:26px;box-shadow:0 24px 90px #0000006b}.tr-section{padding:54px clamp(20px,5vw,72px)}.tr-section h2{font-family:Michroma,sans-serif;font-size:clamp(26px,4vw,44px)}.tr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tr-feature{border:1px solid var(--tr-border);background:#101010;border-radius:22px;padding:22px}.tr-feature b{color:var(--tr-orange);margin-bottom:8px;display:block}.configurator-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:28px;padding:32px clamp(18px,4vw,64px) 70px;display:grid}.viewer{color:#111;background:linear-gradient(#f9f9f9,#e9e9e9);border:1px solid #ffffff1f;border-radius:30px;justify-content:center;align-items:center;height:clamp(420px,100vh - 140px,620px);display:flex;position:sticky;top:90px;overflow:hidden}.viewer-plane{width:min(78%,720px);height:240px;position:relative}.fuselage{height:34px;transform:translateY(var(--aircraft-lift));background:#171717;border-radius:999px;transition:transform .35s;position:absolute;top:42%;left:22%;right:18%}.wing{height:18px;transform:translateY(var(--aircraft-lift));background:#ff5529;border-radius:999px;transition:transform .35s;position:absolute;top:22%;left:10%;right:8%}.tail{width:80px;height:54px;transform:translateY(var(--aircraft-lift));border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:42px solid #171717;transition:transform .35s;position:absolute;top:32%;left:75%}.gear{width:150px;height:90px;transform:translateY(var(--aircraft-lift));border-bottom:5px solid #333;border-left:5px solid #333;border-right:5px solid #333;transition:transform .35s;position:absolute;top:56%;left:38%}.tire{width:var(--tire-size);height:var(--tire-size);background:#080808;border:10px solid #1c1c1c;border-radius:50%;transition:width .35s,height .35s,transform .35s;position:absolute;top:76%;box-shadow:inset 0 0 0 10px #333,0 10px 26px #00000059}.tire.left{left:32%}.tire.right{left:52%}.tire-label{color:#111;text-transform:uppercase;letter-spacing:.08em;font-weight:900;position:absolute;bottom:20px;left:24px}.option-panel{color:#101010;background:#fff;border-radius:28px;padding:26px}.option-panel h1{margin:0 0 8px;font-family:Michroma,sans-serif;font-size:28px}.option-panel .sub{color:#666;margin-bottom:24px;line-height:1.45}.option-group{margin:24px 0}.option-title{color:var(--tr-orange);text-transform:uppercase;margin-bottom:12px;font-family:Michroma,sans-serif;font-size:13px}.option-card{cursor:pointer;border:1px solid #ddd;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:16px;display:flex}.option-card input{margin-top:3px}.option-card strong{justify-content:space-between;gap:18px;font-size:15px;display:flex}.option-card small{color:#666;margin-top:5px;display:block}.price{color:#111;white-space:nowrap;font-weight:900}.total{color:#fff;background:#111;border-radius:18px;justify-content:space-between;align-items:center;margin-top:20px;padding:18px;display:flex}@media (max-width:900px){.tr-hero,.configurator-layout,.tr-grid{grid-template-columns:1fr}.viewer{height:360px;position:relative;top:auto}.tr-nav-links{display:none}}.real-viewer-shell{padding:0}.real-viewer{width:100%;height:100%;position:absolute;inset:0}.real-viewer canvas{display:block;width:100%!important;height:100%!important}.viewer-loading{color:#222;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;inset:0}.configurator-sticky-total{z-index:5;color:#fff;background:#111;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:16px 18px;display:flex;position:sticky;top:88px;box-shadow:0 12px 30px #0000002e}.configurator-sticky-total span{color:#aaa;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.configurator-sticky-total strong{color:#fff;font-size:22px}.color-row{flex-wrap:wrap;gap:10px;display:flex}.color-chip{cursor:pointer;border:3px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #ccc}.color-chip.selected{box-shadow:0 0 0 3px var(--tr-orange)}.color-picker-panel{background:#fafafa;border:1px solid #eee;border-radius:18px;padding:16px}.selected-summary{background:#fafafa;border:1px solid #e8e8e8;border-radius:18px;margin-top:18px;padding:16px}.selected-summary b{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;display:block}.selected-summary ul{color:#333;margin:0;padding-left:18px}.selected-summary p{color:#666;margin:0}
