/* Physical depth lives on the website. Native G2 output is unchanged. */
:root{--paper:#f5f5f2;--surface:#fff;--ink:#191b1c;--line:#dcdeda;--ease:cubic-bezier(.2,.75,.2,1)}
body{background:radial-gradient(ellipse at 80% 0,#fff 0,transparent 45%),var(--paper)}
.site-header{border-bottom:0;padding-top:24px;padding-bottom:24px}.site-header .brand img{filter:drop-shadow(0 2px 1px #0002)}
.hero-new{position:relative;margin-top:12px;padding:48px 48px 32px;border-radius:24px;color:#fff;background:radial-gradient(ellipse at 92% 10%,#3a2428 0,transparent 48%),linear-gradient(135deg,#252729,#111213 80%);border:1px solid #404142;box-shadow:0 28px 45px -28px #0009,inset 0 1px 0 #ffffff16;isolation:isolate;overflow:hidden}
.hero-new::after{content:'';position:absolute;width:280px;height:280px;right:-220px;top:30%;background:#c72531;transform:rotate(36deg);z-index:-1;box-shadow:0 0 90px #b91d2830}
.hero-new .eyebrow{color:#e0b1b3;font-size:9px;letter-spacing:1.8px;margin-bottom:30px}.hero-identity{gap:25px;min-height:310px}.hero-new h1{font-size:clamp(72px,7.5vw,110px);line-height:.96;letter-spacing:-.07em;margin-bottom:24px;flex:1;position:relative;z-index:2}.hero-new h1>span{display:inline-block;color:#ef3d48;text-shadow:0 3px 0 #65151e,0 12px 25px #0003}
.hero-new .hero-bottom{position:relative;z-index:2;margin-top:18px;border-top:1px solid #ffffff19;padding-top:28px}.hero-bottom>p{font-size:15px;color:#c7c9ca;max-width:480px}.hero-actions{gap:22px}.hero-actions .button{background:#d72d3a;border-color:#ed4450;box-shadow:0 4px 0 #801923,0 12px 20px #0003}.hero-actions .text-link{color:#e3e4e4}.hero-meta{color:#aaaeb0;font-size:8px;margin-top:30px}.hero-meta span{color:#ed4650}
.identity-stamp{position:relative;width:340px;height:300px;flex:0 0 340px;margin:-12px 0 10px;transform:none;perspective:900px;isolation:isolate}.logo-stack{position:absolute;width:250px;height:250px;left:40px;top:4px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,8deg)) rotateY(var(--tilt-y,-14deg)) rotateZ(-8deg);transition:transform 450ms var(--ease)}
.logo-layer{position:absolute;inset:0;border-radius:28px;transform-style:preserve-3d}.logo-layer-back{background:linear-gradient(140deg,#fb4b55,#a11220);transform:translate3d(26px,24px,-38px);border:1px solid #ff6670;box-shadow:12px 24px 32px #0005}.logo-layer-mid{background:linear-gradient(135deg,#55585a,#202224);transform:translate3d(12px,12px,-18px);border:1px solid #737577}.logo-layer-front{background:linear-gradient(135deg,#2d3032,#111214);border:1px solid #67696a;box-shadow:inset 0 1px 1px #ffffff21,0 8px 14px #0004;display:grid;place-items:center;overflow:hidden}.logo-layer-front::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff18,transparent 40%);pointer-events:none}.identity-stamp .logo-layer img{width:196px;height:196px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 5px 1px #0006);transform:translateZ(20px)}.identity-stamp>span{position:absolute;bottom:-7px;left:0;right:0;text-align:center;color:#a3a6a7;letter-spacing:1.6px;font-size:8px;line-height:1.5;font-weight:400}.logo-shadow{position:absolute;width:230px;height:22px;background:#0008;border-radius:50%;filter:blur(14px);bottom:14px;left:70px;transform:rotate(-8deg);z-index:-1}
.experience-film{padding-top:72px}.film-stage{box-shadow:0 24px 40px -25px #0009,0 2px 0 #fff,inset 0 1px 0 #ffffff50;border:1px solid #121314;border-radius:20px}.film-heading h2{letter-spacing:-1.7px;font-size:40px}.experience-picker{position:relative;background:#e4e6e2;border-color:#d2d5ce;box-shadow:inset 0 2px 4px #00000007;isolation:isolate}.experience-picker::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 28px)/3);border:1px solid #46494a;border-radius:8px;background:linear-gradient(145deg,#303335,#191b1c);box-shadow:0 3px 8px #0003;transition:transform 350ms var(--ease);z-index:-1}.experience-picker[data-selection=truck]::before{transform:translateX(calc(100% + 8px))}.experience-picker[data-selection=flight]::before{transform:translateX(calc(200% + 16px))}.experience-picker button[aria-pressed=true]{background:transparent;box-shadow:none}.experience-picker button{transition:color 250ms var(--ease)}
.bridge-story{padding:70px 0;border-top:0}.bridge-path{position:relative;gap:16px;border:0;overflow:visible;margin-top:42px}.bridge-path li{background:#fff;border:1px solid #d7dad4!important;border-radius:16px;box-shadow:0 14px 22px -20px #0009,inset 0 1px 0 #fff;padding:30px;z-index:1}.bridge-path li.bridge-center{background:linear-gradient(145deg,#292c2d,#141617);color:white;border-color:#454849!important;transform:translateY(-10px);box-shadow:0 18px 28px -18px #000b}.bridge-center .step,.bridge-center p{color:#b8bdbc}.bridge-center img{filter:drop-shadow(0 3px 1px #0008)}.bridge-path li:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:50%;width:32px;height:32px;display:grid;place-items:center;background:#d72d3a;color:white;border:3px solid var(--paper);border-radius:50%;font-size:16px;z-index:3}.bridge-path.is-visible li:nth-child(2){animation:bridge-arrive 650ms var(--ease) 130ms both}.bridge-path.is-visible li:nth-child(3){animation:bridge-arrive 650ms var(--ease) 270ms both}@keyframes bridge-arrive{from{opacity:.25;translate:0 14px}to{opacity:1;translate:0 0}}
.companion-story{border-top:1px solid var(--line);padding-top:80px}.companion-device{background:radial-gradient(circle at 75% 25%,#e24b51,transparent 55%),linear-gradient(145deg,#be2833,#831523);box-shadow:0 24px 35px -25px #5d151c99;border:1px solid #d54a51;transform:rotate(-2deg);transition:transform 600ms var(--ease)}.companion-device .device-bar{color:#ffdfdf}.device-bar>span:first-child{background:#fff}.companion-device img{box-shadow:0 30px 45px #36070a88;transform:rotate(2deg)}.companion-device:hover{transform:rotate(0)}.small-features b{font-size:16px}.account-invite{background:radial-gradient(ellipse at 110% 100%,#721d28,transparent 65%),#191b1c;border:1px solid #3a3d3d;box-shadow:0 24px 40px -30px #000b;padding:58px}.button{transition:transform 180ms var(--ease),box-shadow 180ms var(--ease),background 180ms}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0002}.button:active{transform:translateY(1px)}.panel,.account-panel{box-shadow:0 16px 28px -25px #0007}
.reveal-pending{opacity:0;translate:0 24px;transition:opacity 700ms var(--ease),translate 700ms var(--ease)}.reveal-pending.is-visible{opacity:1;translate:0 0}
@media(max-width:1000px){.hero-new{padding:36px 32px 28px}.hero-new h1{font-size:86px}.identity-stamp{flex-basis:270px;width:270px}.logo-stack{left:15px;scale:.9}.identity-stamp>span{left:10px}.hero-bottom>p{max-width:380px}.hero-actions{gap:15px}.bridge-path li{padding:23px}}
@media(max-width:700px){.site-header{padding-bottom:12px}.hero-new{margin:10px -8px 0;padding:28px 24px 25px;border-radius:20px}.hero-new .eyebrow{font-size:7px;line-height:1.6;letter-spacing:1px;margin-bottom:25px;max-width:210px}.hero-identity{display:block;min-height:0}.hero-new h1{font-size:clamp(55px,16vw,80px);margin-bottom:0;line-height:.97}.identity-stamp{display:block;width:100%;height:220px;margin:24px 0 12px;perspective:700px}.logo-stack{left:calc(50% - 125px);top:-25px;scale:.68}.identity-stamp>span{font-size:7px;bottom:-2px;left:0}.logo-shadow{left:calc(50% - 90px);width:180px;bottom:25px}.hero-new .hero-bottom{margin-top:18px;padding-top:21px}.hero-bottom>p{font-size:14px;line-height:1.65}.hero-actions{gap:18px;margin-top:22px;align-items:flex-start}.hero-actions .button{font-size:12px;min-height:46px}.hero-actions .text-link{font-size:11px;margin-top:4px}.hero-meta{font-size:7px;line-height:1.8;letter-spacing:.4px;margin-top:27px}.experience-film{padding-top:48px}.film-heading h2{font-size:32px}.experience-picker::before{left:4px;top:4px;bottom:4px;width:calc((100% - 14px)/3)}.experience-picker[data-selection=truck]::before{transform:translateX(calc(100% + 3px))}.experience-picker[data-selection=flight]::before{transform:translateX(calc(200% + 6px))}.film-stage{border-radius:15px}.bridge-story{padding:40px 0}.bridge-path{gap:16px}.bridge-path li.bridge-center{transform:none}.bridge-path li:not(:last-child)::after{right:30px;top:auto;bottom:-25px;rotate:90deg}.companion-story{padding-top:45px}.companion-device{width:calc(100% - 10px)}.account-invite{padding:32px 25px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none}.logo-stack{transform:rotateX(8deg) rotateY(-14deg) rotateZ(-8deg)!important}.bridge-path.is-visible li{animation:none}.button:hover,.companion-device:hover{transform:none}}
