:root{--ink:#1d1d1f;--graphite:#707070;--slate:#474747;--ash:#333;--fog:#f5f5f7;--snow:#fff;--obsidian:#000;--silver-mist:#e8e8ed;--azure:#0071e3;--cobalt:#06c;--font-display:"SF Pro Display", Inter, system-ui, -apple-system, sans-serif;--font-text:"SF Pro Text", Inter, system-ui, -apple-system, sans-serif;--radius-card:28px;--radius-pill:999px;--radius-sm:10px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-text);letter-spacing:-.1px;color:var(--ink);background:var(--fog);font-size:17px;line-height:1.47}.nav{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7cc;transition:background .3s;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:52px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.36px;color:var(--ink);font-size:24px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{letter-spacing:-.04px;color:var(--slate);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--azure);border-radius:var(--radius-pill);padding:8px 18px;font-weight:400;color:var(--snow)!important;transition:opacity .2s!important}.nav-cta:hover{opacity:.85;color:var(--snow)!important}.hero{min-height:300vh;padding-top:52px;position:relative}.hero-content{text-align:center;z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;height:calc(100vh - 52px);padding-top:48px;display:flex;position:sticky;top:52px}.hero-content>*{pointer-events:auto}.hero-eyebrow{color:var(--graphite);letter-spacing:-.1px;margin-bottom:12px;font-size:17px;font-weight:500}.hero-title{font-family:var(--font-display);letter-spacing:-.019em;color:var(--ink);margin-bottom:16px;font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1.05}.hero-subtitle{letter-spacing:-.2px;color:var(--slate);z-index:4;max-width:520px;margin-bottom:28px;font-size:21px;font-weight:400;line-height:1.38;position:relative}.hero-actions{z-index:4;align-items:center;gap:16px;display:flex;position:relative}.btn-primary{background:var(--azure);color:var(--snow);font-family:var(--font-text);letter-spacing:-.1px;border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:12px 28px;font-size:17px;font-weight:400;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.85}.btn-ghost{color:var(--azure);font-size:17px;font-weight:400;text-decoration:none;transition:color .2s}.btn-ghost:hover{color:var(--cobalt)}.macbook-scene{z-index:1;pointer-events:none;perspective:1800px;justify-content:center;align-items:flex-end;height:calc(100vh - 52px);padding-bottom:80px;display:flex;position:fixed;top:52px;left:0;right:0}.macbook{transform-style:preserve-3d;width:560px;position:relative;transform:rotateX(6deg)}.macbook-lid{transform-origin:bottom;width:100%;transform-style:preserve-3d;transition:none;position:relative;transform:rotateX(0)}.macbook-screen{aspect-ratio:16/10;backface-visibility:hidden;background:#0a0a0a;border:8px solid #1a1a1a;border-bottom-width:3px;border-radius:12px 12px 2px 2px;width:100%;position:relative;overflow:hidden}.screen-content{color:#ffffffe6;background-color:#1c1c2e;background-image:radial-gradient(at 30% 80%,#5856d633 0%,#0000 50%),radial-gradient(at 70% 20%,#34c7591a 0%,#0000 50%),linear-gradient(160deg,#1c1c2e 0%,#2c1c3e 40%,#1c2c3e 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;width:100%;height:100%;padding:0;font-size:11px;display:flex}.screen-menubar{backdrop-filter:blur(20px);letter-spacing:.02em;background:#00000073;justify-content:space-between;align-items:center;padding:3px 8px;font-size:8px;font-weight:500;display:flex}.screen-menubar-left,.screen-menubar-right{align-items:center;gap:8px;display:flex}.screen-apple{font-size:10px}.screen-apple:before{content:""}.screen-lid-icon{opacity:.7;font-size:7px}.screen-wifi,.screen-battery{opacity:.6;font-size:6px}.screen-desktop{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.screen-windows{flex:1;padding:8px;position:relative}.screen-window{backdrop-filter:blur(10px);background:#1e1e28d9;border:1px solid #ffffff14;border-radius:6px;position:absolute;overflow:hidden}.window-back{width:52%;height:72%;top:10px;left:8px}.window-front{width:48%;height:68%;top:22px;right:8px}.window-titlebar{background:#0000004d;align-items:center;gap:6px;padding:4px 6px;display:flex}.window-dots{gap:3px;display:flex}.window-dots span{border-radius:50%;width:5px;height:5px;display:block}.window-title{opacity:.5;font-size:6px;font-weight:500}.window-body{flex-direction:column;gap:4px;padding:6px;display:flex}.window-line{background:#ffffff0f;border-radius:2px;height:3px}.window-messages{gap:4px}.msg{border-radius:4px;max-width:75%;padding:3px 5px;font-size:5px;line-height:1.3}.msg-received{background:#ffffff14;align-self:flex-start}.msg-sent{background:#3478f680;align-self:flex-end}.screen-dock{backdrop-filter:blur(10px);z-index:2;background:#ffffff14;border:1px solid #ffffff0f;border-radius:8px;gap:4px;padding:3px 6px;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.dock-icon{border-radius:3px;width:14px;height:14px}.screen-mode-indicator{opacity:0;z-index:5;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.screen-mode-indicator.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.mode-icon{backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;width:36px;height:36px}.mode-label{letter-spacing:.02em;text-shadow:0 1px 4px #0000004d;font-size:10px;font-weight:600}.screen-blur-overlay{-webkit-backdrop-filter:blur()saturate()brightness();opacity:0;z-index:3;background:#1c1c2e33;transition:opacity .4s;position:absolute;inset:0}.screen-blur-overlay.active{opacity:1}.screen-lock-overlay{opacity:0;color:#fff;z-index:4;background-image:radial-gradient(at 30% 70%,#5856d626 0%,#0000 50%),radial-gradient(at 70% 30%,#34c75914 0%,#0000 50%),linear-gradient(160deg,#1a1a2e 0%,#0d0d1a 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.screen-lock-overlay.active{opacity:1}.lock-screen-content{flex-direction:column;align-items:center;gap:4px;display:flex}.lock-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.lock-name{letter-spacing:.02em;opacity:.9;font-size:8px;font-weight:500}.lock-password{background:#ffffff14;border-radius:4px;margin-top:2px;padding:4px 10px}.lock-password-dots{gap:3px;display:flex}.lock-password-dots span{background:#ffffff40;border-radius:50%;width:4px;height:4px;display:block}.screen-reflection{pointer-events:none;z-index:6;background:linear-gradient(115deg,#ffffff0a 0%,#0000 35% 65%,#ffffff05 100%);position:absolute;inset:0}.macbook-bezel-bottom{backface-visibility:hidden;background:linear-gradient(#1a1a1a,#111);border-radius:0 0 2px 2px;width:100%;height:8px}.macbook-chin{background:linear-gradient(#c0c0c4,#b0b0b4);border-radius:0 0 6px 6px;width:100%;height:6px}.macbook-shadow{filter:blur(8px);background:radial-gradient(#0000001f 0%,#0000 70%);height:30px;transition:opacity .3s;position:absolute;bottom:-30px;left:5%;right:5%}.angle-indicator{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;transition:opacity .5s;display:flex;position:absolute;top:50%;right:max(40px,50vw - 420px);transform:translateY(-50%)}.angle-indicator.visible{opacity:1}.angle-value{font-family:var(--font-display);letter-spacing:-.9px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1.07}.angle-label{color:var(--graphite);letter-spacing:-.04px;font-size:14px;font-weight:400}.mode-cards{opacity:0;pointer-events:none;flex-direction:column;gap:12px;transition:opacity .5s;display:flex;position:absolute;top:50%;left:max(40px,50vw - 500px);transform:translateY(-50%)}.mode-cards.visible{opacity:1}.mode-card{background:var(--snow);opacity:.4;border-radius:16px;align-items:flex-start;gap:12px;width:220px;padding:16px 20px;transition:opacity .4s,transform .4s;display:flex;transform:scale(.97)}.mode-card[data-active=true]{opacity:1;transform:scale(1)}.mode-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.mode-card-content h3{font-family:var(--font-display);letter-spacing:-.1px;margin-bottom:2px;font-size:15px;font-weight:600}.mode-card-content p{letter-spacing:-.26px;color:var(--graphite);font-size:12px;line-height:1.33}.scroll-hint{color:var(--graphite);z-index:10;align-items:center;gap:8px;font-size:14px;transition:opacity .5s;animation:2s ease-in-out infinite scrollHintBounce;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0;pointer-events:none}@keyframes scrollHintBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.section-inner{max-width:var(--max-width);margin:0 auto;padding:120px 24px}.section-eyebrow{color:var(--graphite);letter-spacing:-.1px;text-align:center;margin-bottom:12px;font-size:17px;font-weight:500}.section-title{font-family:var(--font-display);letter-spacing:-.9px;color:var(--ink);text-align:center;margin-bottom:20px;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1.07}.section-subtitle{letter-spacing:-.2px;color:var(--graphite);text-align:center;max-width:600px;margin:0 auto 80px;font-size:20px;font-weight:400;line-height:1.4}.features{background:var(--snow);z-index:5;position:relative}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;display:grid}.feature-card{background:var(--fog);border-radius:var(--radius-card);padding:36px}.feature-card-large{grid-column:span 3;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px;display:grid}.feature-card-icon{background:var(--snow);width:52px;height:52px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{font-family:var(--font-display);letter-spacing:-.36px;margin-bottom:8px;font-size:24px;font-weight:600;line-height:1.29}.feature-card p{letter-spacing:-.04px;color:var(--graphite);font-size:14px;line-height:1.43}.angle-ruler{width:100%}.ruler-track{border-radius:10px;height:48px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.ruler-zone{letter-spacing:-.02px;height:100%;color:var(--snow);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;top:0}.zone-focus{background:#34c759}.zone-privacy{background:#ff9f0a}.zone-secure{background:#ff3b30}.ruler-labels{color:var(--graphite);letter-spacing:-.26px;justify-content:space-between;font-size:12px;display:flex}.how-it-works{background:var(--fog);z-index:5;position:relative}.steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px;display:grid}.step{text-align:center}.step-number{font-family:var(--font-display);letter-spacing:-.9px;color:var(--silver-mist);margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.07}.step-content h3{font-family:var(--font-display);letter-spacing:-.36px;margin-bottom:8px;font-size:24px;font-weight:600;line-height:1.29}.step-content p{letter-spacing:-.04px;color:var(--graphite);max-width:320px;margin:0 auto;font-size:14px;line-height:1.43}.pricing{background:var(--snow);z-index:5;position:relative}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:720px;margin:60px auto 0;display:grid}.pricing-card{background:var(--fog);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;padding:40px;display:flex;position:relative}.pricing-card-featured{background:var(--obsidian);color:var(--snow)}.pricing-badge{letter-spacing:-.26px;color:var(--graphite);border-radius:var(--radius-pill);background:#ffffff1a;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:20px;right:20px}.pricing-tier{letter-spacing:-.1px;margin-bottom:8px;font-size:17px;font-weight:500}.pricing-price{font-family:var(--font-display);letter-spacing:-.9px;margin-bottom:28px;font-size:56px;font-weight:700;line-height:1.07}.pricing-once{letter-spacing:-.5px;font-size:32px;font-weight:600}.pricing-features{flex:1;margin-bottom:32px;list-style:none}.pricing-features li{letter-spacing:-.04px;color:var(--graphite);padding:6px 0 6px 20px;font-size:14px;line-height:1.43;position:relative}.pricing-card-featured .pricing-features li{color:#fff9}.pricing-features li:before{content:"✓";color:#34c759;font-size:13px;font-weight:600;position:absolute;left:0}.pricing-card .btn-primary{text-align:center;width:100%}.pricing-card-featured .btn-primary{background:var(--snow);color:var(--ink)}.privacy-section{background:var(--fog);z-index:5;position:relative}.privacy-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px;display:grid}.privacy-item{background:var(--snow);border-radius:var(--radius-card);padding:36px}.privacy-item h3{font-family:var(--font-display);letter-spacing:-.36px;margin-bottom:8px;font-size:24px;font-weight:600;line-height:1.29}.privacy-item p{letter-spacing:-.04px;color:var(--graphite);font-size:14px;line-height:1.43}.footer{background:var(--fog);z-index:5;border-top:1px solid var(--silver-mist);position:relative}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:48px 24px 32px}.footer-top{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:-.36px;color:var(--ink);font-size:24px;font-weight:700}.footer-brand p{color:var(--graphite);letter-spacing:-.04px;margin-top:4px;font-size:14px}.footer-links{gap:28px;display:flex}.footer-links a{color:var(--slate);letter-spacing:-.04px;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}.footer-bottom{letter-spacing:-.26px;color:var(--graphite);justify-content:space-between;font-size:12px;display:flex}@media (width<=960px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card-large{grid-column:span 2}.mode-cards,.angle-indicator{display:none!important}.macbook{width:420px}}@media (width<=768px){.hero-title{font-size:40px}.hero-subtitle{padding:0 20px;font-size:17px}.macbook{width:320px}.feature-grid{grid-template-columns:1fr}.feature-card-large{grid-column:span 1;grid-template-columns:1fr;padding:36px}.steps{grid-template-columns:1fr;gap:48px}.pricing-grid,.privacy-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;gap:24px}.footer-bottom{flex-direction:column;gap:4px}.nav-links a:not(.nav-cta){display:none}}@media (width<=480px){.hero-content{padding-top:40px}.hero-title{font-size:32px}.hero-actions{flex-direction:column}.macbook{width:260px}}