:root{color-scheme:dark;--bg:#0b0d0c;--surface:#111412;--surface-alt:#171b18;--ink:#f1f3ef;--muted:#a0a79f;--line:#2a302b;--accent:#b6f65f;--accent-ink:#111a06;--header:#0b0d0ced;--glow:#8dd24c0d;--visual:#151a16;--frost:#11181170}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6f3;--surface:#fff;--surface-alt:#e9ede7;--ink:#141b16;--muted:#5c655e;--line:#cfd7ce;--accent:#426b17;--accent-ink:#fff;--header:#f5f6f3ed;--glow:#76ac3912;--visual:#e7ece4;--frost:#e7ece470}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.055em}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 96px));margin:auto}.accent{color:var(--accent)}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--accent);color:var(--accent-ink);padding:12px 20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-wrap{width:min(1320px,calc(100% - 80px));height:83px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.12rem;letter-spacing:-.045em;font-weight:600;white-space:nowrap}.brand svg{width:29px;height:29px;color:var(--accent)}.brand-dot{color:var(--accent)}nav{display:flex;gap:37px;margin-left:auto;margin-right:40px;font-size:.875rem;color:var(--muted)}nav a{min-height:32px;display:flex;align-items:center;transition:color .2s}nav a:hover{color:var(--ink)}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--ink);background:var(--surface-alt)}.theme-toggle svg{width:18px;height:18px}.moon{display:none}[data-theme=light] .moon{display:block}[data-theme=light] .sun{display:none}.eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.13em;line-height:1.5;color:var(--muted)}.hero{position:relative;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 25%,var(--glow),transparent 60%)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.18;mask-image:linear-gradient(105deg,transparent 30%,#000 100%)}.hero-inner{padding-top:75px;padding-bottom:25px}.hero-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.hero-topline .eyebrow{display:flex;align-items:center;gap:13px}.accent-line{width:25px;height:2px;background:var(--accent)}.hero-index,.hero-foot,.product-category,.project-number,.product-note,.person-index,.visual-label,.shield-seal>span{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.75rem;letter-spacing:.07em;color:var(--muted)}.hero h1{font-size:clamp(3.3rem,6.8vw,6.25rem);line-height:1.06;letter-spacing:-.065em;font-weight:500;max-width:1100px}.hero h1 span{color:var(--muted)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:39px 0 73px}.hero-bottom p{color:var(--muted);font-size:1.1rem;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--accent);color:var(--accent-ink);font-size:.875rem;font-weight:600;padding:13px 23px;border:1px solid transparent;border-radius:5px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 0 24px var(--glow)}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;font-size:.75rem;line-height:1.6}.products-section{padding-block:96px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(2.1rem,3.4vw,3.1rem)}.section-heading>p{color:var(--muted);font-size:.875rem;padding-bottom:3px}.product-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0}.featured{display:grid;grid-template-columns:.8fr 1.5fr;min-height:414px;margin-bottom:24px}.product-info{padding:29px 30px 26px;display:flex;flex-direction:column}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.product-category{font-size:.75rem}.status{display:inline-block;font-size:.75rem;line-height:1.5;border:1px solid var(--line);color:var(--muted);padding:4px 9px;border-radius:4px;white-space:nowrap}.status.testing{border-color:#749b4555;color:var(--accent);background:var(--glow)}.project-number{display:block;margin-bottom:13px;font-size:.75rem;opacity:.75}.product-title{margin-top:31px}.product-title h3{font-size:1.85rem;letter-spacing:-.04em;line-height:1.15}.product-title p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin-top:12px;max-width:320px}.featured .product-title{margin-top:63px}.featured .product-title h3{font-size:2.1rem;max-width:250px}.product-note{margin-top:auto;padding-top:35px;font-size:.75rem}.product-visual{position:relative;isolation:isolate;overflow:hidden;background:var(--visual);display:flex;align-items:center;justify-content:center}.pofuduk-visual{background:radial-gradient(ellipse at 60% 20%,#7b866e20,transparent 70%),var(--visual);padding:35px}.tablet-frame{width:100%;position:relative;border-radius:20px;padding:13px 16px;background:#151716;border:1px solid #5a605b;box-shadow:0 25px 55px #0006,inset 0 0 0 3px #242825;transform:perspective(1400px) rotateY(-5deg) rotateX(3deg)}.tablet-frame img{width:100%;height:auto;border-radius:7px;background:#f4eee1;aspect-ratio:2/1;object-fit:contain}.tablet-camera{position:absolute;left:5px;top:50%;width:4px;height:4px;border-radius:50%;background:#39423c}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-grid .product-visual{height:480px;border-top:1px solid var(--line);margin-top:5px}.jubbo-visual{background:radial-gradient(ellipse at 50% 60%,#7b90601a,transparent 65%),var(--visual)}.phone-frame{position:relative;width:194px;border-radius:30px;padding:7px;background:#141615;border:1px solid #68726a;box-shadow:0 20px 45px #0005,inset 0 0 0 2px #303731;transform:rotate(-5deg);transition:transform .5s}.phone-frame img{border-radius:23px;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;background:#f8f5ee}.product-card:hover .phone-frame{transform:rotate(-2deg) translateY(-4px)}.visual-label{position:absolute;bottom:20px;left:24px;font-size:.75rem}.security-visual{padding:40px 24px;background:radial-gradient(ellipse at 50% 45%,var(--glow),transparent 70%),var(--visual)}.browser-frame{width:100%;border:1px solid #606a5d66;border-radius:8px;background:#131813;overflow:hidden;box-shadow:0 20px 40px #0003;transform:perspective(1000px) rotateY(5deg) rotateX(3deg)}.window-bar{height:26px;display:flex;align-items:center;gap:5px;padding-inline:11px;border-bottom:1px solid #ffffff12}.window-bar i{width:5px;height:5px;background:#667261;border-radius:50%}.protected-preview{position:relative;overflow:hidden}.protected-preview img{width:100%;height:auto;aspect-ratio:1100/815;object-fit:cover;opacity:1}.frost-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#a6e7be0a,transparent 65%);pointer-events:none}.shield-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:18px;white-space:nowrap}.shield-symbol{width:54px;height:63px;color:var(--accent);filter:drop-shadow(0 0 20px var(--glow))}.shield-seal>span{font-size:.75rem;color:var(--ink)}.team-section{border-top:1px solid var(--line);padding-block:93px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.team-intro .eyebrow{margin-bottom:23px}.team-intro>p:last-child{margin-top:24px;color:var(--muted);font-size:.9375rem;line-height:1.8}.team-people{display:grid;grid-template-columns:1fr 1fr;gap:28px}.person{padding:20px 0;border-top:1px solid var(--line)}.person-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:37px}.person-initial{font-size:3rem;line-height:1;font-weight:400;letter-spacing:-.05em;color:var(--muted)}.person-index{font-size:.75rem}.person h3{font-size:1.5rem;letter-spacing:-.03em}.person p{font-size:.8125rem;color:var(--muted);margin-top:8px}.contact-section{border-top:1px solid var(--line);background:linear-gradient(120deg,var(--bg),var(--surface));padding-block:85px 96px}.contact-inner .eyebrow{margin-bottom:28px}.contact-inner h2{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.1;max-width:900px}.contact-email{display:inline-block;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:5px;margin-top:32px;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-email:hover{opacity:.8}.site-footer{border-top:1px solid var(--line)}.footer-inner{padding-block:29px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:.9375rem}.site-footer .brand svg{width:23px;height:23px}.site-footer p,.footer-inner>a:last-child{font-size:.75rem;color:var(--muted)}.footer-inner>a:last-child:hover{color:var(--accent)}.privacy-page{max-width:850px;padding-block:50px 100px}.back-link{display:inline-block;font-size:.875rem;color:var(--muted);margin-bottom:65px;text-decoration:underline;text-underline-offset:5px}.privacy-page .eyebrow{margin-bottom:24px}.privacy-page h1{font-size:clamp(3rem,6vw,5rem)}.privacy-lead{font-size:1.125rem;color:var(--muted);margin-top:25px}.updated{font-size:.75rem;color:var(--muted);margin-top:14px}.privacy-content{border-top:1px solid var(--line);margin-top:50px;padding-top:8px}.privacy-content section{margin-top:35px}.privacy-content h2{font-size:1.4rem;letter-spacing:-.03em;margin-bottom:14px}.privacy-content p{color:var(--muted);line-height:1.85}.privacy-content a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){.reveal.ready{opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.reveal.ready.visible{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.featured{grid-template-columns:.85fr 1.2fr;min-height:370px}.featured .product-title{margin-top:40px}.product-info{padding:25px}.pofuduk-visual{padding:25px}.product-meta{gap:9px}.product-grid .product-visual{height:450px}.hero-foot{font-size:.75rem}.team-section{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.nav-wrap{width:calc(100% - 40px);height:72px;gap:15px}.brand{font-size:1rem;gap:8px}.brand svg{width:25px}nav{gap:20px;margin-right:0;font-size:.8125rem}.theme-toggle{width:34px;height:34px;flex-shrink:0}.hero-inner{padding-top:48px;padding-bottom:20px}.hero-topline{margin-bottom:32px}.hero-index{display:none}.hero-topline .eyebrow{font-size:.75rem;letter-spacing:.1em;gap:10px}.hero h1{font-size:clamp(2.65rem,7.3vw,4.5rem);line-height:1.12;letter-spacing:-.06em}.hero-bottom{display:block;margin:28px 0 43px}.hero-bottom p{font-size:1rem;max-width:370px}.hero-bottom .button{margin-top:26px}.hero-foot{display:block;font-size:.75rem}.hero-foot span{display:block}.hero-foot span+span{margin-top:8px}.products-section{padding-block:58px 60px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{margin-top:17px;font-size:.875rem}.featured{grid-template-columns:1fr;min-height:0;margin-bottom:20px}.featured .product-title{margin-top:25px}.featured .product-title h3{max-width:none;font-size:1.9rem}.product-note{display:none}.product-info{padding:23px}.product-title{margin-top:25px}.product-title h3{font-size:1.8rem}.product-title p{max-width:none}.pofuduk-visual{padding:30px 22px;min-height:240px;border-top:1px solid var(--line)}.tablet-frame{padding:9px 11px;border-radius:14px;transform:none}.tablet-frame img{border-radius:4px}.tablet-camera{left:4px;width:3px;height:3px}.product-grid{grid-template-columns:1fr;gap:20px}.product-grid .product-visual{height:440px;margin-top:0}.phone-frame{width:176px}.security-visual{padding:30px}.browser-frame{max-width:490px}.team-section{padding-block:58px;grid-template-columns:1fr;gap:40px}.team-people{gap:28px}.person-top{margin-bottom:27px}.person-initial{font-size:2.8rem}.person p{font-size:.8125rem}.contact-section{padding-block:55px 65px}.contact-inner h2{font-size:clamp(2.5rem,8vw,3.8rem)}.footer-inner{flex-wrap:wrap;gap:22px}.footer-inner .brand{flex-basis:65%}.footer-inner p{order:3;flex-basis:100%}.privacy-page{padding-top:30px;padding-bottom:65px}.back-link{margin-bottom:40px}.privacy-page h1{font-size:3.1rem}.privacy-content{margin-top:35px}}
@media(max-width:440px){.nav-wrap{position:relative;padding-top:13px;height:auto;min-height:101px;flex-wrap:wrap;row-gap:7px}.nav-wrap nav{order:3;flex-basis:100%;justify-content:center;padding-bottom:10px;gap:33px}.theme-toggle{margin-left:auto}.hero h1{font-size:clamp(2.2rem,8.4vw,3rem)}.hero h1 span{display:block}.hero-topline .eyebrow{font-size:.75rem}.hero-topline{margin-bottom:30px}.hero-inner{padding-top:36px}.desktop-break{display:none}.section-heading h2{font-size:2.1rem}.product-category{font-size:.75rem}.product-info{padding:21px}.product-meta{gap:8px}.status{font-size:.75rem}.pofuduk-visual{min-height:205px;padding:24px 16px}.product-grid .product-visual{height:420px}.phone-frame{width:167px}.security-visual{padding:22px 20px}.shield-symbol{width:48px;height:56px}.team-people{gap:20px}.person p{font-size:.75rem}.privacy-page h1{font-size:2.7rem}.privacy-content p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.tablet-frame,.phone-frame,.browser-frame,.product-card:hover .phone-frame{transform:none}}
@media(max-width:440px){html{scroll-padding-top:125px}}

/* Preview privacy is baked into the WebP pixels; CSS never reveals a source. */
.security-visual .browser-frame{border-color:#8cc8a46b;box-shadow:0 25px 55px #0005,0 0 45px #89dba51a}.protected-preview img{filter:none}.shield-symbol{filter:drop-shadow(0 2px 6px #08130dc0)}