@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYE58RWq7.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYE98RWq7.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFqaHjyV.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFuaHjyV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Basenji;src:url("./media/Basenji-SemiBold-2FYRKHYZ.otf") format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Ghalau Display;src:url("./media/GalhauDisplay-Regular-ACWPVSI3.ttf") format("truetype");font-weight:400;font-display:swap}:root{--yellow-500:#FADB5C;--yellow-300:#FFF0A8;--yellow-700:#E0C140;--ink-900:#141414;--ink-800:#1B1B1B;--ink-700:#222222;--ink-600:#2A2A2A;--ink-500:#343434;--ink-400:#383838;--grey-600:#767676;--grey-500:#8D8D8D;--grey-200:#C8C8C8;--white:#F2F2F2;--paper:#FFFFFF;--bg-page:var(--ink-800);--bg-sunken:var(--ink-900);--surface-card:var(--ink-600);--surface-raised:var(--ink-700);--border-card:var(--ink-500);--border-rule:var(--ink-400);--text-strong:var(--white);--text-body:var(--grey-200);--text-muted:var(--grey-500);--text-faint:var(--grey-600);--text-on-accent:var(--ink-800);--accent:var(--yellow-500);--accent-hover:var(--yellow-300);--accent-press:var(--yellow-700);--focus-ring:var(--yellow-500)}:root{--font-display:"Basenji","Rubik",system-ui,sans-serif;--font-heading:"Ghalau Display","Barlow Condensed",system-ui,sans-serif;--font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace;--fs-display-xl:160px;--fs-display-l:96px;--fs-h1:72px;--fs-h2:48px;--fs-h3:28px;--fs-body-l:22px;--fs-body:16px;--fs-body-s:14px;--fs-label:12px;--lh-display:.95;--lh-heading:1;--lh-body:1.5;--tracking-label:.3em;--tracking-heading:.01em}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:120px;--radius-xs:4px;--radius-s:6px;--radius-m:10px;--radius-l:14px;--border-w:1px;--shadow-device:0 0 0 3px #3A3A3A,0 30px 80px rgba(0,0,0,.6);--ease:cubic-bezier(.2,.7,.2,1);--dur:.14s}:root{--fs-display-xl:clamp(64px,10vw,160px);--fs-display-l:clamp(48px,7vw,96px);--fs-h1:clamp(40px,5vw,72px);--fs-h2:clamp(30px,3.5vw,48px);--fs-h3:clamp(22px,2vw,28px);--fs-body-l:clamp(18px,1.4vw,22px);--container:1200px;--gutter:clamp(20px,5vw,120px);--section-y:clamp(72px,10vw,140px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent-hover)}p{margin:0;text-wrap:pretty}h1,h2,h3{margin:0;font-weight:400;color:var(--text-strong);text-transform:uppercase;line-height:var(--lh-heading)}::selection{background:var(--accent);color:var(--text-on-accent)}:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-y) 0}.section+.section{border-top:1px solid var(--border-rule)}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-7);align-items:center}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-5)}.display{font-family:var(--font-display);font-weight:600;font-size:var(--fs-display-xl);line-height:var(--lh-display);color:var(--text-strong);text-transform:uppercase}.display .it,.accent{color:var(--accent)}.h1{font-family:var(--font-heading);font-size:var(--fs-h1)}.h2{font-family:var(--font-heading);font-size:var(--fs-h2)}.h3{font-family:var(--font-heading);font-size:var(--fs-h3)}.lead{font-size:var(--fs-body-l);line-height:1.5;max-width:60ch}.lead strong,p strong{color:var(--text-strong)}.eyebrow{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.caption{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.rule{height:1px;background:var(--border-rule);border:0;margin:var(--space-3) 0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-s);border:1px solid transparent;font-family:var(--font-heading);font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-heading);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-on-accent)}.btn-primary:active{background:var(--accent-press);transform:translateY(1px)}.btn-secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-card)}.btn-secondary:hover{background:var(--ink-500);color:var(--text-strong)}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:#fadb5c14;color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-strong)}.btn-ghost:hover{background:var(--surface-card);color:var(--text-strong)}.btn-s{height:36px;padding:0 14px;font-size:16px}.btn-l{height:56px;padding:0 28px;font-size:24px}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn img{width:22px;height:22px}.tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--radius-xs);border:1px solid var(--border-rule);background:var(--ink-800);color:var(--text-strong);font-family:var(--font-heading);font-size:16px;text-transform:uppercase}.tag-active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-m);padding:var(--space-5)}.card-featured{border-color:var(--accent)}.stat-value{font-family:var(--font-heading);font-size:clamp(36px,4vw,56px);line-height:1;color:var(--accent)}.price{font-family:var(--font-heading);font-size:clamp(36px,3.5vw,48px);line-height:1;color:var(--text-strong)}.perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.perks li{position:relative;padding-left:20px;font-size:15px;line-height:1.4}.perks li:before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}.shot{border-radius:var(--radius-l);border:1px solid var(--border-card);overflow:hidden}.phone{border-radius:44px;padding:10px;background:#0b0b0b;box-shadow:var(--shadow-device)}.phone img{border-radius:34px;width:100%}.qr{background:var(--paper);border-radius:var(--radius-m);padding:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.input{height:44px;padding:0 14px;background:var(--bg-sunken);color:var(--text-strong);font:16px var(--font-body);border:1px solid var(--border-card);border-radius:var(--radius-s);outline:none}.input:focus{border-color:var(--focus-ring)}.nav{position:sticky;top:0;z-index:10;background:var(--bg-page);border-bottom:1px solid var(--border-rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:72px}.nav-links{display:flex;gap:var(--space-6)}.nav-links a{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.25em;text-transform:uppercase;color:var(--text-body)}.nav-links a:hover{color:var(--accent)}@media (max-width:640px){.nav-links{display:none}}.footer{border-top:1px solid var(--border-rule);padding:var(--space-6) 0}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}[id]{scroll-margin-top:72px}main .section:not(.hero){border-top:1px solid var(--border-rule)}.icon{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-7)}.section-head .stack{max-width:640px}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand img{border-radius:var(--radius-m)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1;color:var(--text-strong);text-transform:uppercase}.hero{padding-top:clamp(48px,7vw,96px)}.hero-phone{width:100%;max-width:320px;justify-self:center}.hero-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(16px,4vw,32px);padding-top:var(--space-5);margin-top:var(--space-3);border-top:1px solid var(--border-rule)}.hero-stats .stat-value{font-size:clamp(28px,3vw,40px)}.feature-card{display:flex;flex-direction:column;gap:var(--space-4)}.feature-card .icon{width:28px;height:28px;color:var(--accent)}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,26vw,300px);gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-2)}.gallery::-webkit-scrollbar{display:none}.gallery figure{margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--space-3)}.gallery .shot img{width:100%;aspect-ratio:9/19;object-fit:cover}.icon-btn{width:44px;padding:0}.stores{display:flex;flex-wrap:wrap;gap:var(--space-5)}.store{display:flex;flex-direction:column;gap:var(--space-4);width:176px}.store .btn{white-space:nowrap;padding:0 12px}.package{display:flex;flex-direction:column;gap:var(--space-4)}.package .btn{margin-top:auto}.faq{border-top:1px solid var(--border-rule)}.faq details{border-bottom:1px solid var(--border-rule)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:44px;padding:var(--space-5) 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--accent);transition:transform var(--dur) var(--ease)}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{padding-bottom:var(--space-5);max-width:60ch}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-5)}.footer-links a{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.25em;text-transform:uppercase;color:var(--text-body)}.footer-links a:hover{color:var(--accent)}
