/* PicsRoom / luminous product direction */
:root{--bg:#05060a;--panel:#0c101a;--text:#f5f6ff;--muted:#9b9eb4;--accent:#9db8ff;--line:#23283b}body{background:radial-gradient(ellipse at 85% 8%,#16224766,transparent 30%),#05060a}.header{background:#06080db3;backdrop-filter:blur(24px);height:88px;border-color:#ffffff12;position:relative;z-index:5}.brand{font-weight:600}.brand img{box-shadow:0 0 22px #91b7ff25}.small-button{background:#ffffff0b;border-color:#ffffff30}.hero{position:relative;overflow:hidden;padding-top:34px;padding-bottom:0}.hero:before{content:'';position:absolute;width:650px;height:650px;left:50%;top:40%;transform:translate(-50%,-50%);background:radial-gradient(circle,#3e61ff24,transparent 65%);pointer-events:none}.hero-top{position:relative;z-index:1}.hero-copy{display:block;text-align:center;position:relative;z-index:1;padding:66px 0 22px}h1{font-size:clamp(65px,8.7vw,130px);line-height:.99;font-weight:550;letter-spacing:-7px}h1 em{font-family:inherit;font-style:normal;font-weight:550;background:linear-gradient(110deg,#f6fbff 10%,#97bcff 40%,#a69bff 70%,#faafed);-webkit-background-clip:text;background-clip:text;color:transparent}h1 br{display:none}h1 em{display:block}.hero-aside{max-width:620px;margin:26px auto 0;padding:0}.hero-aside p{font-size:19px;line-height:1.6;color:#9fa5bc;margin-bottom:24px}.hero-aside p br{display:none}.button{border-radius:100px;background:#f2f5ff;color:#101626;box-shadow:0 0 0 1px #ffffff40,0 8px 35px #7a95ff25;padding:17px 26px}.button:hover{background:#cbd9ff;color:#080d20;transform:translateY(-2px)}.button,.small-button{transition:transform .25s,background .25s}.caption{color:#79839f;margin-top:18px}.edition{color:#7e8caa}.eyebrow{color:#9cacd6}.dot{box-shadow:0 0 15px #9db8ff}.campaign{display:none}.hero-bottom{position:relative;z-index:1;border-top:1px solid #ffffff16;padding:23px 0;margin:0;color:#707b98}.showcase{height:690px;position:relative;max-width:1320px;margin:0 auto;perspective:1200px;isolation:isolate}.showcase:before{content:'';position:absolute;left:12%;right:12%;bottom:65px;height:160px;background:#587aff45;filter:blur(85px);border-radius:50%;z-index:-1}.halo{position:absolute;left:50%;top:48%;width:850px;height:370px;transform:translate(-50%,-50%) rotate(-17deg);border:1px solid #758cff55;border-radius:50%;box-shadow:0 0 35px #6b8fff12,inset 0 0 35px #6b8fff10}.halo:after{content:'';position:absolute;inset:35px -65px;border:1px solid #9374ff25;border-radius:50%}.device-main{position:absolute;left:50%;top:32px;width:268px;padding:7px;background:linear-gradient(120deg,#6e7791,#0d101a 25%,#9296b0 60%,#131722);border-radius:43px;transform:translateX(-50%) rotateY(-10deg) rotateZ(8deg);box-shadow:24px 45px 90px #000c,-3px 0 15px #a3bcff25;z-index:3}.device-main img{border-radius:36px}.device-side{position:absolute;width:210px;border:5px solid #252d40;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px #000a;top:115px}.device-left{left:calc(50% - 370px);transform:rotateY(20deg) rotateZ(-13deg);opacity:.75}.device-right{right:calc(50% - 370px);transform:rotateY(-20deg) rotateZ(15deg);opacity:.75}.glass-tag{position:absolute;z-index:4;background:linear-gradient(130deg,#29344aab,#0e1324c9);border:1px solid #cadbff30;backdrop-filter:blur(20px);border-radius:18px;padding:19px 24px;box-shadow:0 16px 45px #0005;font-size:12px;letter-spacing:.4px}.glass-tag strong{display:block;font-weight:500;font-size:22px;margin-top:6px;letter-spacing:-.5px}.tag-one{left:10%;top:215px}.tag-two{right:8%;top:360px}.glass-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7c9ff;box-shadow:0 0 15px #a7c7ff;margin-right:6px}.showcase-caption{position:absolute;bottom:15px;width:100%;text-align:center;color:#62708f;font-size:10px;letter-spacing:1.5px}.intro{padding-top:110px;padding-bottom:115px;text-align:center;position:relative}.intro h2{font-weight:500;font-size:clamp(40px,5.2vw,76px)}em{font-family:inherit;font-style:normal;color:#9caff0}.intro-bottom{justify-content:center}.asterisk{display:none}.intro-bottom p{max-width:660px;font-size:18px;color:#858da8}.tools{background:linear-gradient(150deg,#101525,#070a12);border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.section-heading h2{font-weight:500}.tool-list button{border-color:#ffffff16}.tool-list button[aria-selected=true] strong{color:#c5d5ff}.feature-note{border-color:#ffffff16}.feature-note p{color:#9ca8c3}.phone-stage{background:radial-gradient(ellipse at 50% 50%,#283b68,#101624 55%,#080c15);border:1px solid #ffffff18;border-radius:28px}.phone{border-color:#252d3e;box-shadow:0 40px 80px #000b,0 0 40px #7897ff22}.orbit{border-color:#7896e7}.stage-label,.stage-bottom{color:#8b9dc8}.raw-section{background:radial-gradient(ellipse at 15% 50%,#28345a33,transparent 60%)}.raw-mark{font-weight:650;letter-spacing:-9px;-webkit-text-stroke:1px #8ea8ed80;text-shadow:0 0 100px #657eff25}.raw-mark span{color:#b0c4ff}.principles{gap:22px;border:0;padding-top:0}.principles article{border:1px solid #ffffff15;border-radius:24px;padding:34px;background:linear-gradient(130deg,#111725,#080b12)}.principles article>span{color:#8fa4d9}.principles h3{font-size:25px}.principles p{color:#8b93ac}.questions details{border-color:#ffffff16}.faq{padding-top:100px}.closing{position:relative;background:radial-gradient(ellipse at 50% 120%,#3d4c9a 0%,#192449 30%,#080c18 65%);border-top:1px solid #ffffff17;color:#f1f4ff;padding-top:95px}.closing .eyebrow{color:#9eaed1}.closing h2{font-weight:500}.closing em{color:#a2bbff}.closing .button{background:#eff3ff;color:#11182a}.closing-word{color:transparent;-webkit-text-stroke:1px #a1b6ff33;font-weight:500;margin-top:95px}footer{background:#05070c}.hero-copy{animation:arrive .85s ease-out both}.showcase{animation:arrive 1.1s ease-out both}.device-main{animation:float-device 8s ease-in-out infinite}.tag-one{animation:float-tag 7s ease-in-out infinite}.tag-two{animation:float-tag 8s ease-in-out infinite reverse}@keyframes arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes float-device{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes float-tag{0%,100%{translate:0 0}50%{translate:0 10px}}@media(max-width:760px){.header{height:76px}.hero-copy{padding-top:48px}h1{font-size:clamp(49px,12vw,78px);letter-spacing:-3px;line-height:1.05}.hero-aside{margin-top:22px}.hero-aside p{font-size:16px;max-width:310px;margin:0 auto 25px}.hero-aside .caption{display:block;font-size:10px}.showcase{height:530px;margin-left:-6.8%;margin-right:-6.8%;overflow:hidden}.device-main{width:198px;border-radius:33px;top:45px;padding:5px}.device-main img{border-radius:28px}.device-side{width:155px;border-radius:26px;top:102px}.device-left{left:calc(50% - 237px)}.device-right{right:calc(50% - 237px)}.halo{width:500px;height:250px;top:50%}.glass-tag{padding:12px 15px;border-radius:12px;font-size:9px}.glass-tag strong{font-size:16px}.tag-one{left:4%;top:175px}.tag-two{right:4%;top:350px}.showcase-caption{font-size:8px;bottom:10px}.hero-bottom{font-size:9px}.intro{padding-top:70px;padding-bottom:65px}.intro-bottom p{font-size:16px}.tools{padding-top:55px}.phone-stage{min-height:560px}.principles article+article{padding-top:34px}.principles{padding-top:20px}.raw-section{padding-top:65px}.closing{padding-top:60px}.closing h2{font-size:44px}.closing-word{margin-top:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-copy{padding-top:38px}h1{font-size:clamp(65px,7.8vw,112px)}.hero-aside{margin-top:20px}.hero-aside p{font-size:17px}.showcase{margin-top:4px}.hero-copy,.showcase{animation:none}@media(max-width:760px){.hero-copy{padding-top:36px}h1{font-size:clamp(45px,11.4vw,70px)}.hero-aside p{font-size:15px}}
.showcase img{width:100%;height:auto}
.phone{position:relative}.sample-photo{position:absolute;left:2%;right:2%;top:20.9%;height:62.1%;background-size:cover;background-position:center;pointer-events:none}.sample-controls{position:absolute;left:2%;right:2%;top:63.65%;height:19.4%;background:#080e19d9;backdrop-filter:blur(12px);padding:6% 4%;color:#eee;font-size:clamp(6px,.8vw,10px);pointer-events:none}.sample-controls div{display:flex;justify-content:space-between}.sample-controls span{color:#bfc8d9}.sample-controls i{display:block;position:relative;height:2px;background:#929caa;margin:6% 0 9%}.sample-controls i:after{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#111926;border:1.5px solid #ddd;transform:translate(-50%,-50%)}.device-side .sample-controls{font-size:7px}.device-main .sample-controls{font-size:9px}.device-main,.device-side{overflow:hidden}@media(max-width:760px){.sample-controls,.device-main .sample-controls{font-size:7px}.device-side .sample-controls{font-size:5px}.sample-controls i:after{width:7px;height:7px}}
.live-demo{padding-top:90px;padding-bottom:90px;background:radial-gradient(ellipse at 20% 55%,#1d30522e,transparent 65%);border-top:1px solid #ffffff12}.demo-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:30px;align-items:stretch}.comparison{position:relative;aspect-ratio:1.2;overflow:hidden;border-radius:24px;background:#101724;border:1px solid #ffffff20;isolation:isolate}.demo-original,.demo-after,.demo-after img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 45%;max-width:none}.demo-after{clip-path:inset(0 0 0 var(--split));pointer-events:none}.warmth-layer{position:absolute;inset:0;mix-blend-mode:soft-light;pointer-events:none}.image-label{position:absolute;top:20px;padding:8px 12px;border-radius:20px;font-size:11px;letter-spacing:.5px;background:#03091299;backdrop-filter:blur(10px);z-index:2;pointer-events:none}.label-before{left:20px}.label-after{right:20px}.split-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px #0004;pointer-events:none;z-index:3}.split-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:49px;height:49px;border-radius:50%;background:#f7f9ff;color:#17253c;display:flex;align-items:center;justify-content:center;font-size:27px;letter-spacing:3px;box-shadow:0 4px 30px #0005}.split-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4;touch-action:pan-y}.comparison:focus-within{outline:3px solid #9db8ff;outline-offset:4px}.drag-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:#03091299;padding:8px 14px;border-radius:20px;font-size:10px;pointer-events:none}.demo-console{background:linear-gradient(145deg,#141c2e,#090d17);border:1px solid #ffffff1c;border-radius:24px;padding:30px}.console-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#9baace}.demo-led{width:6px;height:6px;border-radius:50%;background:#acccff;box-shadow:0 0 13px #7baaff}.console-top button{margin-left:auto;border:0;background:none;color:#b9c7e6;font-size:11px;letter-spacing:0;cursor:pointer;padding:10px 0 10px 10px}.demo-console h3{font-size:25px;margin:24px 0}.demo-presets{display:flex;gap:7px;flex-wrap:wrap}.demo-presets button{background:#ffffff05;border:1px solid #ffffff20;color:#a6b1c8;padding:9px 12px;border-radius:20px;font-size:11px;cursor:pointer}.demo-presets button[aria-pressed=true]{background:#a8bfff22;border-color:#a8bfff;color:#e8efff}.demo-adjustments{margin-top:28px}.demo-adjustments label{display:flex;justify-content:space-between;font-size:12px;color:#c7d2e7;margin-top:21px}.demo-adjustments output{font-variant-numeric:tabular-nums;color:#a4bcf6}.demo-adjustments input{display:block;width:100%;height:28px;margin:6px 0 0;cursor:pointer;accent-color:#c6d6ff;background:transparent;-webkit-appearance:none;appearance:none}.demo-adjustments input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#a9bfff var(--fill),#30394e var(--fill))}.demo-adjustments input::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;margin-top:-7px;background:#e0e9ff;border:3px solid #829acc;border-radius:50%;box-shadow:0 0 12px #9fbdff30}.demo-adjustments input::-moz-range-track{height:3px;background:#30394e}.demo-adjustments input::-moz-range-progress{background:#a9bfff;height:3px}.demo-adjustments input::-moz-range-thumb{width:13px;height:13px;background:#e0e9ff;border:2px solid #829acc;border-radius:50%}.demo-adjustments input:focus-visible{outline:2px solid #9db8ff;outline-offset:5px}.demo-disclaimer{font-size:10px;color:#8894ac;line-height:1.6;margin:25px 0 20px}.demo-app{font-size:12px;color:#c8d7ff;display:flex;justify-content:space-between;border-top:1px solid #ffffff18;padding-top:17px}@media(max-width:900px){.demo-layout{grid-template-columns:1fr}.comparison{aspect-ratio:1.1}.demo-console{padding:25px}.demo-adjustments{margin-top:20px}}@media(max-width:760px){.live-demo{padding-top:55px;padding-bottom:55px}.image-label{top:12px;font-size:10px}.label-before{left:12px}.label-after{right:12px}.split-line span{width:43px;height:43px}.comparison{border-radius:18px}.demo-console{border-radius:18px}.demo-console h3{font-size:23px}}
