@font-face{font-family:Manrope;src:url(assets/manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:#161618;font-family:Manrope,Arial,sans-serif;--metal:#c07446;--edge:#79452a;--glow:#fd9161}body[data-finish=titan]{--metal:#c7c2b8;--edge:#6b6a66;--glow:#ddd9d1}body[data-finish=midnight]{--metal:#44474e;--edge:#111316;--glow:#747984}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #176bc5;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}[hidden]{display:none!important}.concept{background:#ff5700;color:#271300;text-align:center;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.02em}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));gap:25px;background:#202023;color:white}header nav{display:flex;gap:32px;margin-left:auto;margin-right:24px;font-size:13px;font-weight:650}header nav a:hover{color:#ff8a50}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;line-height:1}.brand span{color:#ff650e;margin-left:2px}.nav-cta{padding:13px 18px;background:#ff5700;color:#211000;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta span{margin-left:15px}.eyebrow{font-size:11px!important;letter-spacing:.16em;line-height:1.6;font-weight:800;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6.4vw,84px);line-height:1.06;letter-spacing:-.07em;font-weight:800;margin-bottom:13px}h2{font-size:clamp(35px,4.5vw,58px);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px;font-weight:800}h3{font-size:clamp(29px,3vw,41px);line-height:1.13;letter-spacing:-.047em;font-weight:800;margin-bottom:20px}.hero{text-align:center;padding:64px 22px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#f0ece7 0%,#fafafa 46%,white 75%)}.hero .eyebrow{color:#af3a00}.hero-line{font-size:clamp(24px,3.3vw,42px);font-weight:800;letter-spacing:-.045em;margin-bottom:11px}.hero-copy{font-size:15px;color:#606063;line-height:1.7;margin-bottom:0}.device-stage{--spread:212px;--angle:0deg;position:relative;width:760px;max-width:none;height:480px;margin:25px auto 0;perspective:1600px;transform:rotate(-4deg);isolation:isolate}.phone{position:absolute;width:208px;height:421px;padding:6px;border-radius:30px;background:linear-gradient(110deg,var(--glow),var(--metal) 30%,var(--edge) 65%,var(--metal));border:1px solid var(--edge);box-shadow:0 10px 5px #0002,0 25px 35px #17100b33,inset 2px 0 2px #fff9;top:25px;left:50%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.8,.2,1),background .3s}.p-left{transform:translateX(calc(-50% - var(--spread))) rotateY(var(--angle));z-index:1}.p-middle{transform:translateX(-50%);z-index:2}.p-right{transform:translateX(calc(-50% + var(--spread))) rotateY(calc(-1 * var(--angle)));z-index:3}.screen{height:100%;position:relative;overflow:hidden;background-image:url(assets/wallpaper.svg);background-size:300% 100%;border:3px solid #101115;border-radius:24px;color:white}.p-left .screen{background-position:left center}.p-middle .screen{background-position:center center}.p-right .screen{background-position:right center}.screen:after{content:'';position:absolute;inset:0;border-radius:19px;pointer-events:none;background:linear-gradient(115deg,#fff2,transparent 48%,#0002);box-shadow:inset 1px 1px 2px #fff6}.hinge{position:absolute;right:-8px;top:39px;width:10px;height:330px;background:linear-gradient(90deg,var(--edge),var(--glow),var(--edge));border-radius:4px;z-index:-1}.screen-top{position:absolute;top:13px;left:15px;right:15px;display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-weight:700;font-size:9px}.screen-top span{letter-spacing:2px}.island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:61px;height:17px;background:#0a0b0f;border-radius:20px}.lock-time{position:absolute;top:62px;left:0;width:100%;font-size:50px;letter-spacing:-3px;font-weight:650}.lock-date{position:absolute;top:52px;left:0;width:100%;font-size:9px;font-weight:650}.screen-footer{position:absolute;bottom:17px;left:0;width:100%;font-size:8px;font-weight:650}.screen-caption{position:absolute;top:50px;left:18px;text-align:left;font-size:31px;line-height:1.1;letter-spacing:-1.5px;font-weight:750}.screen-caption.right{top:auto;bottom:97px}.mini-apps{position:absolute;bottom:30px;left:16px;right:16px;display:flex;justify-content:space-between}.mini-apps i{width:30px;height:30px;display:block;border:1px solid #ffffff78;border-radius:8px;background:linear-gradient(135deg,#f8e8c7b8,#fc6530);box-shadow:0 3px 8px #0003}.mini-apps i:nth-child(2){background:linear-gradient(135deg,#fffb,#046cff)}.mini-apps i:nth-child(3){background:linear-gradient(135deg,#fff9,#3ba72f)}.device-shadow{position:absolute;bottom:25px;left:7%;width:86%;height:20px;border-radius:50%;background:#36282036;filter:blur(13px);transform:rotate(4deg)}.fold-controls{display:flex;justify-content:center;align-items:center;gap:17px;position:relative;margin:8px auto 0;min-height:45px;font-size:11px;font-weight:700;flex-wrap:wrap}.fold-controls button{background:#ececed;padding:12px 18px;border-radius:30px;min-width:162px;min-height:44px}.fold-controls button span{margin-left:12px}.fold-controls label{color:#666;margin-left:6px}.fold-controls input{accent-color:#e85100;width:100px;cursor:pointer;min-height:36px}.fold-controls output{min-width:89px;text-align:left;font-size:11px}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:65px;margin:35px auto 0;padding:30px 0 42px;border-bottom:1px solid #e4e4e7;max-width:1120px;text-align:left}.hero-bottom p{font-size:12px;line-height:1.7;margin:0;color:#5c5c60}.hero-bottom strong{color:#232327;font-size:13px}.hero-bottom .concept-price strong{font-size:21px;letter-spacing:-1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:49px;padding:15px 23px;border-radius:8px;font-weight:800;font-size:13px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.orange{background:#ff5700;color:#231100}.orange:hover,.nav-cta:hover{background:#ff7936}.white{background:white;color:#161618}.features{max-width:1160px;margin:0 auto;padding:72px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:0 16px 26px}.section-intro .eyebrow{grid-column:1/-1;color:#994009}.section-intro h2{margin:0}.section-intro>p:last-child{text-align:right;font-size:14px;line-height:1.7;color:#666;margin:0}.card{border-radius:23px;background:#f4f4f6;overflow:hidden;position:relative;scroll-margin-top:24px}.card-heading{padding:40px 34px 0;text-align:center}.card-heading>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#666;margin-bottom:0}.camera{min-height:635px}.camera-demo{height:220px;width:320px;max-width:92%;margin:42px auto 0;background:linear-gradient(120deg,#f1e4d9,#b5b2b1 40%,#e9dfd7 80%);border:2px solid #b0aaa6;border-radius:50px;position:relative;box-shadow:inset 2px 3px 3px #fff,4px 12px 23px #0002;transform:rotate(-9deg);transition:transform .5s}.camera-demo[data-view=wide]{transform:rotate(-9deg) scale(.87)}.camera-demo[data-view=close]{transform:rotate(-9deg) scale(1.12)}.lens{position:absolute;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 47% 49%,#0c1826 0 16%,#142c44 17% 26%,#090c13 27% 42%,#20405d 43% 47%,#080d12 49% 60%,#54545b 62% 66%,#c4b9b0 68% 74%,#5b5654 76% 80%,#d1c9c2 82%);border:3px solid #c1bcb9;box-shadow:3px 6px 6px #0005}.lens:after{content:'';position:absolute;width:12px;height:6px;top:17px;left:22px;background:#6f78a6;border-radius:50%;transform:rotate(-30deg);filter:blur(1px)}.lens-one{left:25px;top:30px}.lens-two{left:122px;top:73px}.lens-three{right:25px;top:30px}.flash{position:absolute;bottom:24px;left:54px;width:19px;height:19px;border-radius:50%;background:#fffbdc;box-shadow:0 0 7px #fff}.camera-label{position:absolute;bottom:15px;right:20px;font-size:7px;letter-spacing:1px;font-weight:800;color:#57514d}.camera-options{position:relative;display:flex;justify-content:center;gap:7px;margin:25px 0 0}.camera-options button{width:45px;height:37px;background:#e4e4e7;border-radius:22px;font-size:12px;font-weight:750}.camera-options button[aria-pressed=true]{background:#252529;color:white}.caption{position:relative;text-align:center;font-size:11px;line-height:1.7;color:#5a5a60;padding:0 30px;margin:12px 0 30px;min-height:36px}.chip-art{height:255px;position:relative;margin:0 auto;width:300px;max-width:100%}.processor{width:146px;height:146px;position:absolute;left:50%;top:55px;border:1px solid #a6a8b1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:49px;font-weight:800;letter-spacing:-4px;color:#292c33;background:linear-gradient(140deg,#e4e4e4,#fff 30%,#acafbb 70%,#e1d4c3);box-shadow:inset 0 0 0 4px #dddddd90,inset 0 0 18px #ffffff,0 10px 20px #0001}.processor span{font-size:13px;letter-spacing:3px;margin-top:-6px}.chip-back{transform:translateX(-75%) rotate(-18deg)}.chip-mid{transform:translateX(-25%) rotate(17deg)}.chip-front{transform:translateX(-50%) translateY(14px);box-shadow:inset 0 0 0 4px #ddd8,inset 0 0 18px #fff,0 14px 30px #f4732638}.spec-pair{display:flex;gap:38px;justify-content:center}.spec-pair p{display:flex;flex-direction:column;margin:0}.spec-pair strong{font-size:36px;letter-spacing:-2px}.spec-pair span{font-size:11px;color:#666}.footnote{font-size:9px;text-align:center;color:#65656b;margin:22px 20px 30px;line-height:1.7}.battery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#202224;color:white}.battery-copy{padding:48px 42px}.battery-copy>.eyebrow{color:#ff965d}.battery-copy>p:not(.eyebrow){font-size:13px;max-width:300px;color:#c0c1c3;line-height:1.8}.battery-copy h3{font-size:clamp(30px,3.3vw,43px)}.battery-stats{display:flex;align-items:center;gap:18px;margin-top:31px}.battery-stats strong{font-size:68px;font-weight:800;letter-spacing:-5px;line-height:1}.battery-stats>span{font-size:11px;line-height:1.8;color:#c0c1c3}.battery-art{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 30px 24px 0;perspective:600px}.battery-cell{height:267px;width:104px;max-width:31%;border:1px solid #ffffff50;border-radius:17px;padding:19px 12px;background:linear-gradient(135deg,#d0ed6a,#95b339 55%,#789521);color:#14220a;position:relative;box-shadow:inset 1px 1px 1px #ffffffe0,0 30px 45px #0007;transform:rotateY(-12deg) rotate(-5deg)}.battery-cell:before{content:'';position:absolute;width:38px;height:9px;background:#848c73;top:-9px;left:50%;transform:translateX(-50%);border-radius:4px 4px 0 0}.battery-cell:nth-child(2){transform:translateY(-25px) rotate(-5deg)}.battery-cell:nth-child(3){transform:rotateY(12deg) rotate(-5deg)}.battery-cell>span{font-size:11px;font-weight:800}.battery-cell b{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:38px;letter-spacing:-2px;height:177px}.battery-cell b span{font-size:22px}.battery-cell small{font-size:6px;letter-spacing:.05em;white-space:nowrap;display:block;text-align:center;font-weight:800}.screens{grid-column:1/-1;padding:47px 42px;display:grid;grid-template-columns:.9fr 1.3fr;gap:35px;align-items:center;min-height:400px}.screens>div>p:not(.eyebrow){font-size:13px;color:#666}.screens h3{font-size:35px}.app-cards{display:flex;gap:8px;align-items:center;transform:rotate(-6deg)}.app-card{min-height:235px;flex:1;min-width:0;border-radius:14px;background:white;box-shadow:0 10px 30px #0001;padding:17px 12px;display:flex;flex-direction:column}.app-card>span{font-size:6px;letter-spacing:1px;font-weight:800}.app-card>b{font-size:20px;line-height:1.2;letter-spacing:-1px;margin-top:25px}.app-card small{font-size:6px;line-height:1.8;margin-top:auto}.film{color:white;background:linear-gradient(150deg,#f4a259,#561f26 50%,#171a28)}.play{width:34px;height:34px;border:1px solid #fff7;border-radius:50%;font-size:11px;display:grid;place-items:center;margin:22px auto}.message{transform:translateY(-20px)}.message p{font-size:9px;padding:10px 7px;background:#e8e8eb;border-radius:9px;margin:25px 0 0}.message p+p{background:#dcecb1;margin-top:10px;align-self:end}.weather{background:linear-gradient(140deg,#6fb9d3,#b9e0f1);color:#103846}.weather>b{font-size:54px;font-weight:500}.weather p{font-size:9px}.finish-section{text-align:center;padding:100px 20px 90px}.finish-section>p:not(.eyebrow){font-size:14px;color:#626268;line-height:1.7}.finish-options{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0 19px}.finish-options button{min-width:150px;display:flex;align-items:center;gap:10px;justify-content:center;background:white;border:1px solid #d7d7db;border-radius:30px;min-height:52px;padding:12px 17px;font-size:12px;font-weight:700}.finish-options button[aria-pressed=true]{border-color:#26262b;box-shadow:inset 0 0 0 1px #26262b}.swatch{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #0002}.titan{background:#bfb9af}.sunset{background:#c77647}.midnight{background:#373b43}.finish-section .finish-description{font-size:12px!important;min-height:25px;margin-bottom:28px}.closing{background:#ff5700;position:relative;text-align:center;padding:68px 20px 42px;overflow:hidden}.closing h2{font-size:clamp(40px,6.4vw,78px);letter-spacing:-.065em;margin:20px 0 32px}.serial{display:block;font-size:8px;letter-spacing:2px;font-weight:750;margin-top:50px}footer{max-width:1160px;margin:auto;padding:38px 20px;display:flex;align-items:start;gap:38px}footer>p{font-size:10px;color:#63636a;line-height:1.8;max-width:640px;margin:0}footer>a:last-child{white-space:nowrap;font-size:11px;margin-left:auto;margin-top:5px}dialog{border:1px solid #dddde1;box-shadow:0 30px 100px #0004;width:480px;max-width:calc(100% - 26px);max-height:calc(100dvh - 32px);padding:38px;border-radius:22px;color:#17171b}dialog::backdrop{background:#16161a99;backdrop-filter:blur(7px)}dialog h2{font-size:38px;letter-spacing:-2px;margin-bottom:10px}dialog>p:not(.eyebrow){font-size:13px;color:#666}dialog .eyebrow{font-size:9px!important;padding-right:18px}dialog .close{position:absolute;right:17px;top:14px;width:38px;height:38px;background:#eeeef0;border-radius:50%;font-size:25px}fieldset{padding:0;margin:25px 0;border:0;min-width:0}legend{font-size:12px;font-weight:800;margin-bottom:12px}.dialog-finishes,.storage-options{display:flex;gap:6px}.dialog-finishes button,.storage-options button{flex:1;min-height:44px;min-width:0;background:#f0f0f2;border:1px solid #dddddf;font-size:10px;padding:8px 5px;border-radius:7px;font-weight:700}.dialog-finishes button[aria-pressed=true],.storage-options button[aria-pressed=true]{background:#29292e;color:white;border-color:#29292e}.config-summary{display:flex;flex-direction:column;padding:20px 0;border-top:1px solid #dedee2;gap:7px}.config-summary strong{font-size:13px}.config-summary span{font-size:10px;color:#6b6b70}.config-summary b{font-size:31px;letter-spacing:-1.5px}dialog>.button{width:100%;font-size:12px;gap:5px}#config-result{background:#f3f4ed;border-radius:10px;padding:19px}#config-result h3{font-size:22px;letter-spacing:-1px;margin:0 0 10px}#config-result p{font-size:12px;line-height:1.8;margin:0;color:#454741}
@media(min-width:1440px){.hero{padding-top:80px}.device-stage{margin-top:40px}}@media(max-width:800px){header nav{gap:20px;margin-right:0}.device-stage{margin-left:50%;transform:translateX(-50%) rotate(-4deg) scale(.82);margin-top:-10px;margin-bottom:-68px}.hero-bottom{gap:30px}.features{gap:14px;padding-left:14px;padding-right:14px}.card-heading{padding:30px 20px 0}.card-heading h3{font-size:29px}.camera-demo{width:270px;transform:rotate(-9deg) scale(.9);margin-top:24px}.camera-demo[data-view=wide]{transform:rotate(-9deg) scale(.78)}.camera-demo[data-view=close]{transform:rotate(-9deg) scale(.99)}.lens{width:66px;height:66px}.lens-two{left:100px;top:80px}.lens-three{right:17px}.camera{min-height:610px}.battery-copy{padding:35px 25px}.battery-art{gap:8px;padding-right:20px}.battery-cell{width:83px;padding:16px 8px;height:230px}.battery-cell b{font-size:30px;height:153px}.battery-cell small{font-size:5px}.screens{padding:35px 25px;gap:20px}.screens h3{font-size:30px}.app-card{padding:15px 9px;min-height:210px}.app-card>b{font-size:17px}.weather>b{font-size:40px}footer{gap:24px}}
@media(max-width:600px){html{scroll-padding-top:20px}header{height:68px;padding:0 18px}header nav{display:none}.brand{font-size:30px}.nav-cta{font-size:11px;min-height:43px;padding:12px 15px}.concept{font-size:9px}.hero{padding:40px 16px 0}.hero>.eyebrow{font-size:9px!important}h1{font-size:clamp(36px,9.6vw,58px)}.hero-line{font-size:27px}.hero-copy{font-size:12px;max-width:260px;margin:auto}.device-stage{transform:translateX(-50%) rotate(-4deg) scale(.55);margin-top:-80px;margin-bottom:-115px}.fold-controls{gap:10px;max-width:350px;font-size:10px;margin-top:8px}.fold-controls button{font-size:11px;min-width:149px}.fold-controls label{display:none}.fold-controls input{width:85px}.fold-controls output{flex-basis:100%;text-align:center;font-size:10px}.hero-bottom{flex-wrap:wrap;gap:20px 23px;margin-top:20px;padding-bottom:32px;justify-content:space-between;max-width:390px}.hero-bottom>p:first-child{flex-basis:100%;text-align:center;font-size:11px}.hero-bottom strong{font-size:12px}.hero-bottom .button{min-width:170px;flex:1}.hero-bottom .concept-price{font-size:9px;text-align:right}.hero-bottom .concept-price strong{font-size:20px}.features{grid-template-columns:1fr;padding-top:45px;gap:14px}.section-intro{display:block;padding:0 9px 15px}.section-intro h2{font-size:37px}.section-intro>p:last-child{text-align:left;font-size:12px;line-height:1.8;margin-top:20px}.card{border-radius:20px}.card-heading{padding:34px 23px 0}.card-heading h3{font-size:34px}.card-heading>p:not(.eyebrow){font-size:12px}.camera{min-height:610px}.camera-demo{transform:rotate(-9deg);width:300px;margin-top:40px}.camera-demo[data-view=wide]{transform:rotate(-9deg) scale(.87)}.camera-demo[data-view=close]{transform:rotate(-9deg) scale(1.04)}.lens{width:70px;height:70px}.lens-two{left:111px;top:79px}.lens-three{right:22px}.chip-art{height:245px}.chip{min-height:585px}.spec-pair{gap:50px}.footnote{font-size:9px}.battery{grid-template-columns:1fr}.battery-copy{padding:35px 29px 0}.battery-copy h3{font-size:33px}.battery-stats{margin-top:23px}.battery-art{padding:52px 22px 26px;min-height:325px;gap:15px}.battery-cell{width:88px;height:230px}.screens{grid-template-columns:1fr;padding:34px 29px 35px;gap:40px}.screens h3{font-size:34px}.app-cards{gap:7px}.app-card{min-height:220px;padding:15px 9px}.app-card>span{letter-spacing:.5px;font-size:6px}.app-card>b{font-size:17px}.weather>b{font-size:43px}.message p{font-size:8px}.finish-section{padding:65px 19px}.finish-section h2{font-size:38px}.finish-options{gap:7px;margin-top:25px}.finish-options button{min-width:0;padding:11px;font-size:10px;gap:7px}.swatch{width:16px;height:16px;flex-shrink:0}.finish-section>p:not(.eyebrow){font-size:12px}.closing{padding:50px 20px 30px}.closing h2{font-size:41px}.serial{font-size:6px;letter-spacing:1.3px}footer{flex-wrap:wrap;padding:30px 24px;gap:22px}footer>p{order:3;max-width:none}footer>a:last-child{font-size:10px}dialog{padding:30px 23px}dialog h2{font-size:34px}}
@media(max-width:360px){.device-stage{transform:translateX(-50%) rotate(-4deg) scale(.46);margin-top:-101px;margin-bottom:-136px}.camera-demo{transform:rotate(-9deg) scale(.87)}.camera-demo[data-view=close]{transform:rotate(-9deg) scale(.94)}.camera-demo[data-view=wide]{transform:rotate(-9deg) scale(.78)}.hero-line{font-size:24px}.card-heading h3{font-size:31px}.finish-options button{font-size:9px;padding:10px 8px}.swatch{width:14px;height:14px}.screens{padding-left:22px;padding-right:22px}.battery-copy{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}