@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#151714;--panel:#20231e;--lime:#7cdec0;--text:#f5f6ee;--muted:#a6aca0;--line:#35392f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}.nav{height:108px;max-width:1440px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:-1px}.brand-icon{width:35px;height:35px;background:var(--lime);color:var(--bg);border-radius:9px;display:grid;place-items:center;font-size:27px;transform:rotate(-7deg)}.brand-period{font-size:13px;align-self:flex-start;letter-spacing:0}.nav nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-cta{border:1px solid #565d4e;padding:13px 20px;border-radius:6px}.nav-cta span{display:none}.hero{max-width:1440px;margin:auto;padding:64px 6% 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.mini-square{width:9px;height:9px;background:var(--lime)}h1,h2,h3,p{margin:0}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,5.9vw,85px);line-height:1.04;letter-spacing:-5px;margin:27px 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;line-height:1.7;color:#b9bfb2}.button{display:inline-flex;align-items:center;gap:46px;background:var(--lime);color:#20251a;padding:18px 24px;border-radius:5px;font-weight:700;font-size:15px;margin-top:31px;transition:transform .2s,background .2s}.button:hover{background:#a2efdc;transform:translateY(-2px)}.button span{font-size:22px}.hero-bottom{display:flex;align-items:center;gap:26px;margin-top:65px}.hero-bottom>span{font-family:'Space Grotesk',sans-serif;font-size:34px;display:flex;align-items:center;gap:10px}.hero-bottom small{font:11px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--muted)}.hero-bottom i{height:35px;width:1px;background:var(--line)}.scroll-note{margin-left:auto;font-size:10px;color:var(--muted);line-height:2;letter-spacing:1px;text-align:right}.hero-visual{position:relative;min-height:554px;overflow:hidden;border:1px solid #424b33;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#4a5b2a 0%,#2b3422 48%,#23291e 75%);display:flex;align-items:center;justify-content:center}.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#c2cfad}.visual-top{top:24px}.visual-bottom{bottom:24px}.orbit-label{position:absolute;left:24px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:3px;color:#afbd9b}.phone{height:444px;aspect-ratio:1242/2688;background:#171c14;border:7px solid #11140e;border-radius:34px;box-shadow:0 22px 40px #0006,0 0 0 1px #65724e;transform:rotate(-7deg);position:relative;display:flex;align-items:center;justify-content:center}.phone-top{position:absolute;top:12px;left:15px;right:15px;font-size:9px;display:flex;justify-content:space-between}.phone-bottom{position:absolute;bottom:9px;left:33%;right:33%;height:3px;background:#667253;border-radius:3px}.screen-content{text-align:center;padding:8px}.screen-icon{background:var(--lime);color:#171c14;font-family:'Space Grotesk',sans-serif;font-size:41px;font-weight:700;border-radius:16px;width:67px;height:67px;display:grid;place-items:center;margin:0 auto 24px}.screen-content h2{font-family:'Space Grotesk',sans-serif;font-size:24px;line-height:1.2;letter-spacing:-1px}.placeholder-tag{display:block;margin-top:25px;font-size:7px;letter-spacing:1.2px;color:#9fae8a}.float-tag{position:absolute;right:17px;bottom:96px;background:var(--lime);color:#20251a;padding:18px 21px;transform:rotate(8deg);font-weight:800;font-size:19px;line-height:1.15;box-shadow:4px 4px 0 #0004}.ticker{padding:19px 0;background:var(--lime);color:#20251a;display:flex;gap:44px;overflow:hidden;white-space:nowrap;font-size:15px;letter-spacing:1px;font-weight:800}.ticker b{font-size:22px;line-height:18px}.section{max-width:1440px;margin:auto;padding:100px 6%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:43px}.section-head h2{font-family:'Space Grotesk',sans-serif;font-size:45px;letter-spacing:-2px;line-height:1.1;margin-top:20px}.section-head>p{color:var(--muted);line-height:1.7;font-size:16px}.level-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:27px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.level-grid button{background:#20231e;color:#b3baaa;border:1px solid #373c31;border-radius:6px;min-height:87px;font:500 24px 'Space Grotesk',sans-serif;position:relative;transition:background .15s,color .15s}.level-grid button:hover{background:#30392a;color:white}.level-grid button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#1f2518}.level-grid button span{position:absolute;bottom:9px;right:10px;font-size:12px;opacity:.55}.level-detail{background:var(--lime);color:#222819;border-radius:8px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.detail-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px}.big-number{font:600 98px/.95 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:18px 0}.level-detail h3{font-size:21px;margin-bottom:9px}.level-detail p{font-size:14px;line-height:1.6;color:#4c5d2c}.level-controls{border-top:1px solid #abc842;margin-top:24px;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.level-controls button{width:33px;height:33px;border:1px solid #9bb73a;border-radius:50%;background:transparent;font-size:22px;color:#26301c}.level-controls span{font-size:10px;letter-spacing:1px}.screens{border-top:1px solid var(--line);padding-top:83px}.tabs{display:flex;padding:5px;background:#23271f;border-radius:7px;border:1px solid var(--line)}.tabs button{border:0;background:transparent;color:#aeb5a4;padding:10px 22px;border-radius:4px;font-size:14px}.tabs button[aria-selected=true]{background:var(--lime);color:#21271b}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}figure{margin:0}.gallery-placeholder{aspect-ratio:1242/2688;max-height:none;border:1px dashed #4b5440;background:linear-gradient(145deg,#242a1f,#1c2118);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:23px;text-align:center;transition:aspect-ratio .3s}.gallery.ipad .gallery-placeholder{aspect-ratio:2064/2752}.shot-no{align-self:flex-start;font-size:12px;letter-spacing:1px;color:#8c977f}.plus{font-size:37px;font-weight:400;color:#82916e;display:block;margin-bottom:16px}.gallery p{font-size:15px;color:#bec7b3;margin-bottom:14px}.gallery small{font-size:10px;letter-spacing:1.5px;color:#859276}.dimensions{font-size:11px;letter-spacing:1px;color:#859276}figcaption{font-size:14px;color:#b1b9a7;margin-top:17px}.about{background:var(--lime);color:#222819;max-width:none;padding-top:68px;padding-bottom:62px}.about h2{font:600 clamp(35px,4.8vw,65px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-3px;margin-top:30px}.about h2 span{color:#62782c}.about-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px}.about p{font-size:16px;line-height:1.6;color:#4c5d2c}.button.dark{background:#222819;color:var(--lime);margin:0}.button.dark:hover{background:#384128}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:19px}footer .brand-icon{width:28px;height:28px;font-size:23px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}@media(min-width:1500px){.about{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}}@media(max-width:1000px){h1{letter-spacing:-3px}.hero{gap:24px;padding-top:45px}.hero-visual{min-height:500px}.phone{height:400px}.float-tag{right:12px;font-size:16px;padding:14px}.hero-bottom{gap:15px}.scroll-note{display:none}.hero-bottom>span{font-size:29px;display:block}.hero-bottom small{display:block;font-size:10px;margin-top:5px}.section-head h2{font-size:38px}.level-layout{grid-template-columns:1.4fr 1fr}.level-grid{gap:8px}.level-grid button{min-height:77px}.gallery-placeholder{padding:18px}.gallery p{font-size:14px}}@media(max-width:700px){.nav{height:84px;padding:0 6%}.brand{font-size:21px}.nav nav{gap:18px;font-size:12px}.nav-cta{display:none}.brand-period{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:36px}h1{font-size:clamp(46px,10.5vw,70px);letter-spacing:-3px}.hero-copy>p{font-size:16px}.hero-bottom{margin-top:34px;gap:28px}.hero-bottom>span{display:flex;gap:10px}.hero-visual{min-height:510px}.phone{height:420px}.float-tag{right:24px;font-size:19px}.section{padding:64px 6%}.section-head{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-head h2{font-size:36px}.section-head>p{font-size:15px}.level-layout{grid-template-columns:1fr}.level-grid button{min-height:63px;font-size:21px}.level-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-top,.level-controls{grid-column:1/-1}.big-number{font-size:88px;margin:0}.level-detail>div:nth-child(3){align-self:center}.level-controls{margin-top:0}.gallery{gap:22px;grid-template-columns:1fr}.gallery figure{max-width:310px;width:100%;margin:auto}.gallery-placeholder{max-height:none;aspect-ratio:1242/2688}.gallery.ipad figure{max-width:440px}.about h2{letter-spacing:-1.8px}.about-bottom{align-items:flex-start;flex-direction:column;gap:26px}.about p br{display:none}footer{flex-wrap:wrap}footer>span{display:none}.eyebrow{font-size:10px;letter-spacing:1.5px}.ticker{font-size:12px;padding:16px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.actual-phone{aspect-ratio:auto;width:235px;height:auto;transform:rotate(-6deg);overflow:hidden;border-radius:25px}.actual-phone img{display:block;width:100%;height:auto}.hero-visual{background:radial-gradient(ellipse at 50% 50%,#2c5960 0%,#22343b 48%,#18232a 90%)}.real-shot{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #35454c}.gallery:not(.ipad) .gallery-placeholder{display:none}.gallery.ipad .real-shot{display:none}.gallery{align-items:start;row-gap:35px}.level-detail p{color:#294f45}.level-detail{color:#173b30}.level-controls{border-color:#5baf94}.level-controls button{border-color:#5baf94}.about{color:#163b31}.about h2 span,.about p{color:#386e5c}
/* Responsive finishing: wide desktop, tablet, and phone. */
body{overflow-wrap:break-word}.hero-copy,.hero-visual,.level-layout>*{min-width:0}.nav a,.level-controls button{min-height:44px}.nav .brand{min-height:44px}.nav nav>a{display:inline-flex;align-items:center}.gallery figure{min-width:0}.gallery .real-shot{background:#10171e}.level-controls button{width:44px;height:44px}.level-grid button{min-width:0}.actual-phone{max-width:58%}.hero-visual{min-height:550px}.hero-copy>p{max-width:480px}.section-head h2{max-width:760px}footer{max-width:1440px;margin:0 auto}.nav-cta{white-space:nowrap}.screens .section-head{margin-bottom:36px}
@media(min-width:1100px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.gallery figure{width:100%;max-width:330px;justify-self:center}.hero{min-height:690px}.hero-visual{min-height:558px}.actual-phone{width:250px}.section{padding-top:90px;padding-bottom:90px}}
@media(min-width:701px) and (max-width:1099px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.gallery figure{width:100%;max-width:340px;justify-self:center}.nav nav{gap:20px}.nav-cta{padding:12px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}h1{font-size:clamp(43px,5.8vw,64px);letter-spacing:-2.5px}.hero-visual{min-height:470px}.actual-phone{max-width:65%}.float-tag{font-size:14px;right:9px;bottom:75px;padding:12px}.section{padding-top:70px;padding-bottom:70px}.section-head{gap:25px}.hero-copy>p br{display:none}.button{gap:22px;padding:16px 20px}.hero-bottom{flex-wrap:wrap}.hero-bottom small{font-size:10px}}
@media(max-width:700px){.hero-visual{min-height:525px}.actual-phone{width:235px;max-width:65%}.gallery{grid-template-columns:minmax(0,1fr)}.gallery figure{max-width:350px}.nav nav>a{padding:10px 0}.hero-copy>p br{display:none}.button{min-height:54px}.hero-bottom small{font-size:11px}.section-head h2{font-size:clamp(30px,7.5vw,38px)}.about-bottom .button{width:100%;justify-content:space-between}footer{padding-top:30px;padding-bottom:30px}.gallery figcaption{font-size:15px;margin-top:15px}.level-detail p{font-size:15px}}
@media(max-width:380px){.nav{gap:12px}.nav .brand{font-size:18px;gap:7px}.nav nav{gap:13px}.brand-icon{width:29px;height:29px;font-size:23px}h1{font-size:44px;letter-spacing:-2.5px}.hero-visual{min-height:480px}.actual-phone{width:210px}.float-tag{right:13px;font-size:15px}.level-grid{gap:6px}.level-grid button{font-size:18px}.hero-bottom{gap:19px}.hero-bottom>span{font-size:27px}.level-detail{padding:20px}}