@font-face{font-family:"Noto Sans";src:url("assets/fonts/NotoSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url("assets/fonts/NotoSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Noto Serif";src:url("assets/fonts/NotoSerif-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f7f4ef;--ink:#17181a;--muted:#66615b;--red:#ff2a2f;--line:#d9d4cc;--sans:"Noto Sans",Arial,sans-serif;--serif:"Noto Serif",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{ -webkit-tap-highlight-color:transparent }
*:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:50;background:#fff;padding:.7rem 1rem}
.skip-link:focus{top:1rem}
.site-header{height:92px;max-width:1480px;margin:auto;padding:0 clamp(24px,5.5vw,92px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;letter-spacing:.34em;white-space:nowrap}
.brand img{width:46px;height:46px}
.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,54px);font-size:.88rem}
.site-header nav>a:not(.nav-download){transition:opacity .2s}
.site-header nav>a:not(.nav-download):hover{opacity:.55}
.nav-download{border:1px solid var(--ink);border-radius:100px;padding:12px 25px;transition:background .2s,color .2s}
.nav-download:hover{background:var(--ink);color:#fff}
.hero{max-width:1480px;margin:auto;min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;padding:0 clamp(24px,5.5vw,92px);overflow:hidden}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 0 100px}
.eyebrow,.section-number{font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:15px;color:var(--muted);margin:0 0 30px}
.eyebrow-rule{width:34px;height:1px;background:var(--red)}
h1,h2,p{margin-top:0}
h1{font:400 clamp(3.8rem,6.4vw,7.1rem)/1.06 var(--serif);letter-spacing:-.075em;margin-bottom:30px}
h1 em{font-style:normal;white-space:nowrap}
.hero-lead{max-width:485px;font-size:clamp(1.04rem,1.4vw,1.18rem);line-height:1.75;color:#484540;margin-bottom:35px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 29px;border-radius:100px;font-weight:700;font-size:.94rem;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-dark{color:#fff;background:var(--ink)}
.button-dark:hover{background:#353638}
.text-link{font-size:.9rem;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link:hover{color:var(--red)}
.hero-meta{margin:24px 0 0;color:#77716a;font-size:.76rem;letter-spacing:.03em}
.hero-meta span{padding:0 7px}
.hero-visual{position:relative;min-height:720px;display:flex;align-items:center;justify-content:center}
.hero-orbit{position:absolute;width:min(710px,56vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 72% 27%,#f9f6f1 0,#e6e1d9 53%,#d6d0c6 77%,#eee9e1 100%);left:-3%;top:13%;box-shadow:inset 0 0 1px #fff}
.device-mockup{position:relative;z-index:1;aspect-ratio:2/3;flex:none}
.device-shell{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.device-screen{position:absolute;left:21%;top:7%;width:58%;height:85.8%;overflow:hidden;border-radius:clamp(18px,2vw,34px);background:#121314}
.device-screen img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.085);transform-origin:center center}
.device-camera{position:absolute;z-index:3;left:50%;top:9.4%;transform:translateX(-50%);width:11px;height:11px;background:#08090a;border:2px solid #292b2c;border-radius:50%;box-shadow:0 0 0 2px #0e0f10}
.device-hero{width:min(530px,100%);transform:rotate(2deg) translate(12px,5px)}
.visual-caption{position:absolute;z-index:2;left:1%;bottom:53px;margin:0;display:flex;justify-content:space-between;width:95%;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.intro-band{background:#111214;color:#f7f4ef;min-height:410px;padding:65px clamp(24px,5.5vw,92px) 75px;display:grid;grid-template-columns:1fr 2fr;column-gap:50px;align-items:start}
.intro-band .section-number{color:#beb9b3}
.intro-band h2{font:400 clamp(2.7rem,4vw,5rem)/1.2 var(--serif);letter-spacing:-.055em;margin:0 0 55px}
.intro-band h2 span{color:#aba7a0}
.intro-facts{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #494b4d;padding-top:30px}
.intro-facts div{display:flex;flex-direction:column;gap:8px}
.intro-facts strong{font-size:1.45rem;letter-spacing:.01em}
.intro-facts span{font-size:.83rem;color:#aaa8a5}
.intro-facts .red-dot{font-size:inherit;color:var(--red)}
.section-pad{padding:115px clamp(24px,5.5vw,92px)}
.capabilities{max-width:1480px;margin:auto}
.section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:50px;align-items:start;margin-bottom:55px}
.section-heading .section-number{color:var(--muted);margin:10px 0}
.section-heading h2,.screen-heading h2,.download-copy h2{font:400 clamp(2.7rem,4.5vw,5rem)/1.17 var(--serif);letter-spacing:-.055em;margin:0}
.section-heading>p:last-child{grid-column:2;max-width:590px;font-size:1.07rem;line-height:1.7;color:var(--muted);margin:22px 0 0}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.capability-card{display:flex;flex-direction:column;min-height:325px;background:#ebe7e1;padding:30px;border-radius:6px;transition:transform .2s,background .2s}
.capability-card:hover{transform:translateY(-4px);background:#e4ded6}
.card-index{display:block;font-size:.68rem;font-weight:700;letter-spacing:.18em;color:#69635c;margin-bottom:auto}
.capability-card h3{font:400 clamp(1.65rem,2.1vw,2.3rem)/1.25 var(--serif);letter-spacing:-.04em;margin:22px 0 12px}
.capability-card p{font-size:.93rem;line-height:1.7;color:#55514c;margin:0;max-width:430px}
.card-featured{grid-column:span 2;background:#dcd6cc;min-height:325px;display:flex;flex-direction:column}
.card-featured:hover{background:#d2cabf}
.card-featured h3{font-size:clamp(2.2rem,3vw,3.45rem)}
.card-featured p{max-width:560px}
.format-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.format-line span{border:1px solid #78716a;border-radius:30px;padding:8px 13px;font-size:.69rem;letter-spacing:.09em;font-weight:700}
.card-palette{grid-column:span 2;background:#1b1c1d;color:#f9f5ee}
.card-palette:hover{background:#292a2b}
.card-palette .card-index,.card-palette p{color:#b7b5b2}
.palette-dots{display:flex;gap:9px;margin-top:26px}
.palette-dots i{width:27px;height:27px;border:1px solid #8c8a86;border-radius:50%;background:#fff}
.palette-dots i:nth-child(2){background:#f4eee2}.palette-dots i:nth-child(3){background:#d5bb8e}.palette-dots i:nth-child(4){background:#17191b}
.screen-section{background:#e8e2d9;overflow:hidden}
.screen-heading{max-width:1296px;margin:0 auto 66px;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end}
.screen-heading .section-number{color:#68635c;margin-bottom:23px}
.screen-heading>p{line-height:1.75;color:#5a554e;font-size:1rem;max-width:340px;margin:0 0 6px}
.screen-gallery{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px);align-items:start}
.screen-frame{margin:0;display:flex;flex-direction:column;align-items:center;gap:30px}
.frame-settings{padding-top:90px}
.gallery-device{width:min(100%,550px)}
.screen-frame figcaption{width:min(100%,360px);display:flex;flex-direction:column;gap:7px}
.screen-frame figcaption span{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#67615a}
.screen-frame figcaption strong{font:400 1.45rem/1.35 var(--serif)}
.screen-note{text-align:center;font-size:.76rem;color:#777068;margin:55px 0 0}
.download-section{background:#111214;color:#f7f4ef;display:grid;grid-template-columns:.7fr 1.6fr 1fr;align-items:center;gap:40px;padding:110px clamp(24px,5.5vw,92px);min-height:440px}
.download-mark{width:150px;height:150px;border:1px solid #77797b;border-radius:28px;display:grid;place-items:center;background:#eae5dc}
.download-copy .section-number{color:#bcb6ae;margin-bottom:24px}
.download-copy h2{margin-bottom:22px}
.download-copy>p:last-child{max-width:510px;line-height:1.75;color:#b9b8b6;margin:0}
.download-action{display:flex;align-items:flex-start;flex-direction:column;gap:13px;justify-self:end}
.button-light{background:#f7f4ef;color:#17181a;white-space:nowrap}
.button-light:hover{background:#dfd8ce}
.download-action small{font-size:.72rem;line-height:1.5;color:#a9a7a4;max-width:280px}
.site-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px clamp(24px,5.5vw,92px);max-width:1480px;margin:auto}
.footer-brand{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:700;letter-spacing:.29em}
.site-footer p{font:400 1rem var(--serif);color:#66625c;margin:0}
.footer-links{display:flex;align-items:center;gap:24px;font-size:.76rem;color:#6a655e}
.footer-links a:hover{color:var(--red)}
@media(max-width:900px){.site-header{height:74px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:68px 0 20px}.hero-visual{min-height:680px}.hero-orbit{width:570px;max-width:100vw;left:50%;transform:translateX(-50%);top:5%}.device-hero{width:440px}.visual-caption{bottom:15px}.intro-band{grid-template-columns:1fr;gap:35px}.intro-facts{grid-column:1}.intro-band h2{margin-bottom:20px}}
@media(max-width:600px){.site-header{padding:0 20px}.brand{font-size:.85rem;letter-spacing:.24em}.brand img{width:38px;height:38px}.site-header nav{gap:14px}.site-header nav>a:not(.nav-download){display:none}.nav-download{padding:10px 17px}.hero{padding:0 24px}.hero-copy{padding:58px 0 6px}.eyebrow{margin-bottom:24px}h1{font-size:clamp(3.4rem,15vw,5.2rem)}h1 em{white-space:normal}.hero-lead{font-size:1rem;line-height:1.65}.hero-actions{gap:18px}.button{min-height:55px}.hero-meta{font-size:.7rem}.hero-visual{min-height:540px}.hero-orbit{width:460px;top:8%}.device-hero{width:350px;transform:rotate(2deg) translate(0,8px)}.visual-caption{font-size:.55rem;bottom:20px}.intro-band{padding:55px 24px 70px}.intro-facts{gap:16px}.intro-facts strong{font-size:1.1rem}.intro-facts span{font-size:.72rem}}
@media(max-width:900px){.section-pad{padding:80px 28px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p:last-child{grid-column:1;margin:0}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-heading{grid-template-columns:1fr;gap:25px}.frame-settings{padding-top:55px}.download-section{grid-template-columns:1fr 1fr;gap:30px}.download-mark{display:none}.download-action{justify-self:start}.site-footer{flex-wrap:wrap}}
@media(max-width:600px){.section-pad{padding:70px 24px}.section-heading{margin-bottom:34px}.section-heading h2,.screen-heading h2,.download-copy h2{font-size:2.5rem}.capability-grid{grid-template-columns:1fr}.card-featured,.card-palette{grid-column:span 1}.capability-card,.card-featured{min-height:270px;padding:25px}.screen-gallery{grid-template-columns:1fr;gap:55px}.frame-settings{padding-top:0}.gallery-device{width:min(100%,440px)}.screen-heading{margin-bottom:40px}.screen-note{margin-top:36px}.download-section{grid-template-columns:1fr;padding:75px 24px}.download-copy h2{font-size:2.65rem}.download-action{gap:11px}.site-footer{padding:32px 24px;gap:18px}.site-footer p{width:100%;order:3}.footer-links{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-download,.site-header nav>a{transition:none}}