/* iLightningCam — editorial night edition. Self-hosted typography and media. */
:root{--ink:#08090e;--cloud:#11131c;--cloud-2:#191b29;--rule:#ffffff16;--text:#f2f1f6;--mute:#a4a6b5;--amber:#ccb9ff;--amber-dim:#ccb9ff14;--violet:#ccb9ff;--violet-dim:#ccb9ff12;--display:"Instrument Sans",system-ui,sans-serif;--wrap:1376px;--gutter:clamp(24px,5vw,80px)}
body{background:var(--ink);font-size:17px;line-height:1.7}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(36px,4.5vw,65px);line-height:1.06}h3{font-size:clamp(25px,2.3vw,34px);line-height:1.15;letter-spacing:-.035em}.label{font-size:11px;letter-spacing:.21em;color:var(--violet)}.lede{font-size:18px;line-height:1.75}.nav{background:#08090ec9;border-color:#ffffff0f;backdrop-filter:blur(24px)}.nav .wrap{min-height:86px;gap:26px}.brand{font-family:var(--body);font-size:18px;font-weight:600;letter-spacing:-.035em}.brand b{font-size:11px;letter-spacing:.04em;border:1px solid #ccb9ff55;border-radius:5px;padding:3px 5px;vertical-align:middle;margin-left:3px}.brand svg{width:30px;height:30px}.nav-links{font-size:13px;gap:25px}.lang{border-color:#ffffff19;font-size:10px}.lang button{padding:7px 9px}.lang button[aria-pressed=true]{background:#ffffff13;color:white}.nav .btn{font-size:12px;padding:12px 18px}.btn{border-radius:8px;padding:17px 24px;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}.btn-store{background:#f2eefc;box-shadow:none;color:#16121f}.btn-store:hover{background:white;box-shadow:0 6px 26px #d8c5ff26}.btn-ghost{border:1px solid #ffffff30;background:#08090e50}.btn-ghost:hover{background:#ffffff0c}.btn-store small{font-size:10px}.btn-store span>span{font-size:18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:850px;padding:90px max(24px,calc((100vw - 1216px)/2)) 105px;gap:40px;text-align:left;background:#08090e}.hero-bg{background-position:65% center;opacity:.76;transform:none;filter:saturate(.75)}.hero:before{background:linear-gradient(90deg,#08090efa 0%,#08090edc 23%,#08090e35 78%),linear-gradient(0deg,#08090e 0%,transparent 40%,#08090e18 90%)}.hero-head{max-width:none;width:100%;padding:0;display:block;margin:0;z-index:2}.kicker{font:400 10px/1.4 var(--mono);letter-spacing:.24em;color:#d5c6f5;margin:0 0 30px}.hero h1{font-size:clamp(62px,6.7vw,102px);max-width:10ch;line-height:.97;letter-spacing:-.065em;font-weight:500;background:none;color:#fff;filter:none}.hero h1 em{background:none;color:#d8c5ff;display:block;font-weight:400}.hero .lede{max-width:38ch;margin:30px 0 0;text-align:left;font-size:16px;color:#b8b6c4;line-height:1.8}.hero .cta{justify-content:flex-start;gap:12px;margin-top:30px}.hero .stage-wrap{width:100%;padding:0;display:block;margin:80px 0 0;position:relative;z-index:1;min-width:0;transform:rotate(-6deg)}.hero .stage{width:125%;max-width:none;margin-left:-8%}.stage:before{background:radial-gradient(ellipse,#b491ff26,transparent 65%)}.stage:after{display:none}.phone{padding:8px;border-radius:34px;background:linear-gradient(145deg,#656571,#15161c 25%,#08090d 80%,#45434e);box-shadow:0 40px 80px #000a,0 0 0 1px #ffffff28}.phone-screen{border-radius:27px}.glare{display:none}.hero .hero-note{font:400 10px/1.7 var(--mono);color:#9c99aa;text-align:left;margin:25px 0 0;max-width:46ch}.hero .horizon{display:none}.hero>.wrap:last-child{position:absolute;right:50px;bottom:25px;max-width:520px;padding:0}.hero .photo-credit{text-align:right;font-family:var(--body);font-size:10px;padding:0;color:#bbb4c6;opacity:.7}.process-band{position:relative;border-block:1px solid var(--rule);background:#0c0d14;padding:0}.process-band .phases{max-width:none;grid-template-columns:repeat(4,1fr);gap:0}.phases .ph{padding:34px 28px;border:none;border-right:1px solid var(--rule);border-radius:0;background:none;gap:12px}.phases li:last-child .ph{border-right:0}.phases .pn{font-size:10px;color:#b4a2d7}.phases .ph b{font:500 22px/1.2 var(--body);letter-spacing:-.025em}.phases .ph span:last-child{font-size:13px;line-height:1.65;color:#8e909f}.phases li:first-child .ph{padding-left:0}section{padding-block:120px;scroll-margin-top:110px}.sec-head{gap:20px;max-width:810px;margin-bottom:55px}.showcase{background:#08090e;padding-block:100px 110px}.showcase .sec-head h2{font-size:clamp(36px,4vw,58px)}.showcase-head{margin-bottom:35px}.rail{gap:22px;padding-bottom:32px}.rail .slide{flex-basis:clamp(320px,40vw,540px);border-radius:16px;align-content:space-between;min-height:340px;padding:30px;box-shadow:0 0 0 1px #ffffff14;gap:18px;transition:transform .3s,border-color .3s}.slide-bg{opacity:.35;filter:saturate(.55)}.rail .slide:after{background:linear-gradient(#1113203b,#090a1280)}.slide-eb{font-size:9px;letter-spacing:.15em;justify-self:start;color:#bbb5ce}.slide h3{font:500 clamp(23px,2.2vw,30px)/1.12 var(--body);text-align:left;justify-self:start;max-width:23ch;text-shadow:none;letter-spacing:-.035em}.mini-phone{border-radius:22px;padding:5px;box-shadow:0 15px 30px #0006;background:linear-gradient(145deg,#656571,#121319 20%,#34313c)}.mini-phone img{border-radius:17px}.rail .slide:hover,.rail .slide.is-studio:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #c3b4e95c,0 20px 40px #0005}.rail-btn{width:43px;height:43px;background:transparent;font-size:24px}.split{gap:70px}.prose{gap:22px}.prose p,.step p{font-size:16px;line-height:1.85;color:#a9a8b6}.step{padding-top:22px;gap:10px}.step:before{font-size:10px;border-color:#75678d;color:#bba6e5;background:#08090e}.steps-col{gap:30px}.step h3{font-size:25px}.device{padding:7px;border-radius:23px;background:linear-gradient(145deg,#474652,#0a0b10 25%,#282630);box-shadow:0 25px 60px #0007}.device>*{border-radius:17px}.viewfinder:before,.viewfinder:after{display:none}.modes{gap:8px;grid-template-columns:1fr 1fr}.mode{border-radius:9px;padding:15px 18px;background:#11131b}.mode b{font-size:14px}.mode span{font-size:12px}.mode.on{border-color:#ad8be977;background:#aa80ee0b}.specs{border:0;border-block:1px solid var(--rule);gap:0;margin-top:75px}.spec{border:0;border-right:1px solid var(--rule);padding:30px 24px}.spec:first-child{padding-left:0}.spec:last-child{border-right:0}.spec .k{font-size:9px}.spec .v{font:500 34px/1.2 var(--body);letter-spacing:-.04em}.spec p{font-size:13px}.sees{background:#0f1119;border-block:1px solid var(--rule)}.photo-row{gap:30px;grid-template-columns:1.45fr 1fr;align-items:start}.photo-row img{border-radius:9px;aspect-ratio:4/3}.photo-row figure:last-child{padding-top:80px}.photo-row figcaption{font-size:12px;max-width:55ch;margin-top:5px}.quote{font:400 clamp(24px,3.2vw,43px)/1.3 var(--body);letter-spacing:-.04em;max-width:34ch;margin:65px 0 0}.quote cite{font-size:10px;letter-spacing:.08em}.studio{background:radial-gradient(ellipse at 75% 0,#67539125,transparent 28%),#08090e;padding-top:130px}.studio>.wrap>.sec-head{max-width:980px;margin-bottom:70px}.studio>.wrap>.sec-head h2{font-size:clamp(45px,6vw,83px);max-width:19ch}.iap{background:#b795ed0a;border:1px solid #b795ed35;border-radius:5px;padding:9px 13px;font-size:10px;letter-spacing:.03em}.studio-block{padding-block:80px}.studio-block h3{font-size:clamp(28px,3vw,42px)}.studio .device{box-shadow:0 25px 70px #0008,0 0 70px #b393e50a}.ticks{gap:12px}.ticks li{font-size:14px;color:#aaa7b8}.note{font-size:13px;line-height:1.7}.ba{border-radius:12px;box-shadow:0 25px 60px #0005}.ba .tag{font-size:9px;backdrop-filter:blur(10px)}.ba .bar:after{width:46px;height:46px;margin:-23px;border:1px solid #ffffff55;background:#e5d9ff}.speed span{border-radius:5px;font-size:11px}.privacy{background:linear-gradient(110deg,#1a1725,#10101a);border-block:1px solid #d1baff1a;padding-block:75px}.privacy h2{font-size:clamp(35px,4vw,54px)}.privacy .lede{font-size:16px}.safety{background:#0b0d13;border:0}.safety h2{font-size:clamp(34px,4vw,53px)}.safety .rules{gap:10px 24px}.rules li{font-size:13px;padding:14px 0;color:#9494a4}.safety figure img{filter:saturate(.65)}.faq-list{max-width:none}.faq-list details{padding-inline:0}.faq-list summary{font-weight:500;font-size:18px;padding-block:25px}.faq-list details>div{font-size:15px;max-width:76ch}.faq-list summary:after{top:25px;color:#af9acb}.download{padding:115px 0;position:relative;isolation:isolate;overflow:hidden;text-align:center}.download:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#08090e90,#08090ebd),url(img/grado.webp) center 45%/cover}.download .wrap{justify-items:center;gap:25px}.download h2{font-size:clamp(48px,6vw,84px);max-width:17ch;font-weight:500;letter-spacing:-.06em}.download .cta{justify-content:center}.download .hero-note{font-size:11px}footer{background:#08090e;padding-block:45px;font-size:12px}.foot-links{gap:10px 30px}.legal-small{font-size:11px;color:#717181}.legal main{padding-block:90px}.legal h1{font-size:clamp(44px,6vw,70px);font-weight:500}.legal h2{font-size:25px}.legal p{font-size:16px}.legal .nav .wrap{min-height:76px}.legal main .wrap{max-width:900px}.legal [data-lang-block]>*{margin-bottom:20px}.legal [data-lang-block]>h2{margin-top:36px}::selection{background:#c5a8ff;color:#130e20}
@media(min-width:1600px){.hero{gap:75px}.hero h1{font-size:110px}.hero .stage{width:135%;margin-left:-10%}}
@media(max-width:1100px){.nav-links{gap:15px}.nav .wrap{gap:16px}.hero{padding-inline:5vw;gap:20px;min-height:750px}.hero h1{font-size:72px}.hero .stage{width:125%;margin-left:-10%}.split{gap:35px}.hero .lede{font-size:15px}.hero .btn{padding:15px 18px}.hero .hero-note{font-size:9px}.specs{grid-template-columns:repeat(2,1fr)}.spec:nth-child(2){border-right:0}.spec:nth-child(3){padding-left:0;border-top:1px solid var(--rule)}.spec:nth-child(4){border-top:1px solid var(--rule)}}
@media(max-width:860px){.nav-links{display:none}.nav .wrap{min-height:70px}.hero{display:block;padding:65px var(--gutter) 70px;min-height:0}.hero-head{max-width:660px}.hero h1{font-size:clamp(59px,9.5vw,82px);max-width:12ch}.hero .lede{max-width:45ch}.hero-bg{background-position:68% top}.hero:before{background:linear-gradient(90deg,#08090ee0,#08090e35),linear-gradient(0deg,#08090e,transparent)}.hero .stage-wrap{max-width:660px;margin:75px auto 65px;transform:rotate(-3deg)}.hero .stage{width:100%;margin:0}.hero>.wrap:last-child{bottom:20px;right:var(--gutter);left:var(--gutter);max-width:none}.hero .photo-credit{text-align:left}.process-band .phases{grid-template-columns:repeat(2,1fr)}.phases .ph{padding:25px}.phases li:nth-child(3) .ph{padding-left:0}.phases li:nth-child(even) .ph{border-right:0}.phases li:nth-child(n+3) .ph{border-top:1px solid var(--rule)}section{padding-block:80px}.studio{padding-top:85px}.studio-block{padding-block:50px}.photo-row{gap:22px}.photo-row figure:last-child{padding-top:40px}.privacy .wrap{gap:24px}.showcase{padding-block:70px}}
@media(max-width:520px){.brand{font-size:16px}.brand svg{width:26px;height:26px}.nav .wrap{gap:12px}.lang button{padding:7px}.hero h1{font-size:61px}.hero .lede{font-size:15px}.hero .cta{gap:10px}.hero .btn{padding:14px 17px;font-size:12px}.hero .stage-wrap{margin-top:55px;margin-bottom:45px}.phone{border-radius:22px;padding:5px}.phone-screen{border-radius:17px}.phases .ph{padding:22px 15px;gap:10px}.phases .ph b{font-size:20px}.phases .ph span:last-child{font-size:12px}.rail .slide{flex-basis:calc(100vw - 64px);min-height:290px;padding:25px 22px}.slide h3{font-size:25px}.spec{padding:23px 15px}.spec .v{font-size:29px}.spec p{font-size:12px}.photo-row{grid-template-columns:1fr}.photo-row figure:last-child{padding-top:15px}.quote{font-size:28px}.studio>.wrap>.sec-head h2{font-size:46px}.iap{font-size:9px}.rules{grid-template-columns:1fr}.faq-list summary{font-size:16px}.download{padding-block:85px}.download h2{font-size:49px}.hero-note{font-size:10px}.legal h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.rail .slide{transition:none}.hero .stage-wrap{transform:none}}
