@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";:root{--sand:#f0ead6;--sand-light:#f7f4ea;--burgundy:#6b1020;--charcoal:#1a1a1a;--charcoal-80:#1a1a1acc;--charcoal-70:#1a1a1ab3;--charcoal-60:#1a1a1a99;--charcoal-50:#1a1a1a80;--charcoal-40:#1a1a1a66;--amber:#e8a800;--amber-10:#e8a8001a;--amber-20:#e8a80033;--signal:#c0392b;--signal-10:#c0392b1a;--signal-20:#c0392b33;--success:#22c55e;--success-10:#22c55e1a;--success-20:#22c55e33;--border-light:#d4c9b0;--border-dark:#3a3a3a;--sand-70:#f0ead6b3;--sand-60:#f0ead699;--sand-50:#f0ead680;--sand-40:#f0ead666;--max-width:1200px;--nav-height:64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--sand);color:var(--charcoal);font-family:Inter,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:50;backdrop-filter:blur(8px);height:var(--nav-height);background:#f0ead6eb;transition:box-shadow .2s;top:0;left:0;right:0;box-shadow:0 1px 3px #00000014}.nav-inner{max-width:var(--max-width);display:flex;justify-content:space-between;align-items: center;height:100%;margin:0 auto;padding:0 24px}.nav-logo{display:flex;color:var(--burgundy);align-items: center;gap:8px;font-family:DM Serif Display,serif;font-size:1.125rem;font-style:italic}.nav-logo svg{width:20px;height:20px;transition:color .15s}.nav-logo:hover svg{color:var(--amber)}.nav-links{display:none}.nav-links a{color:var(--charcoal-80);transition:color .15s;font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--signal)}.menu-btn{color:var(--charcoal);cursor:pointer;background:0 0;border:none;padding:8px;transition:color .15s}.menu-btn:hover{color:var(--signal)}@media (min-width:768px){.nav-links{display:flex;align-items: center;gap:32px}.menu-btn{display:none}}.mobile-menu{display:none;position:fixed;top:var(--nav-height);z-index:49;background:#f0ead6fa;padding:24px;bottom:0;left:0;right:0}.mobile-menu.open{display:flex;flex-direction:column;gap:24px}.mobile-menu a{color:var(--charcoal-80);padding:8px 0;font-size:1.125rem;font-weight:500}.mobile-menu a:hover{color:var(--signal)}.section-padding{padding:80px 0}@media (min-width:1024px){.section-padding{padding:128px 0}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (min-width:1024px){.container{padding:0 32px}}.grid-2{display:grid;gap:48px}@media (min-width:1024px){.grid-2{grid-template-columns:2fr 1fr;gap:64px}}.section-border{border-top:1px solid var(--border-light)}.label{display:block;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);margin-bottom:16px;font-size:.75rem;font-weight:600}.label-amber{color:var(--amber)}.heading-hero{color:var(--burgundy);margin-bottom:24px;font-family:DM Serif Display,serif;font-size:2.5rem;line-height:1.15}.heading-hero em{font-style:italic}@media (min-width:768px){.heading-hero{font-size:3.25rem}}.heading-section{color:var(--burgundy);margin-bottom:20px;font-family:DM Serif Display,serif;font-size:1.75rem;line-height:1.2}.heading-section em{font-style:italic}@media (min-width:768px){.heading-section{font-size:2rem}}.heading-card{font-family:DM Serif Display,serif;font-style:italic}.heading-section-dark{color:var(--sand)}.body-large{color:var(--charcoal-70);margin-bottom:32px;font-size:1.0625rem;line-height:1.65}.body-text{color:var(--charcoal-80);margin-bottom:24px;font-size:.9375rem;line-height:1.65}.btn-primary{display:inline-flex;background:linear-gradient(180deg,#f5c200 0%,var(--amber)40%,#c89000 100%);color:var(--burgundy);cursor:pointer;user-select:none;border:1px solid #b88600;border-bottom:3px solid #9a7200;border-radius:8px;align-items: center;gap:8px;padding:14px 28px;transition:transform .15s,box-shadow .15s,background .15s,border-bottom-width .15s;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(#f7cc22 0%,#f0b800 40%,#d4a000 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff4d,0 0 12px #e8a80040}.btn-primary:active{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #00000026}.btn-secondary{display:inline-flex;color:var(--burgundy);border:1px solid var(--burgundy);cursor:pointer;user-select:none;background:linear-gradient(#f0ead6cc 0%,#f0ead680 100%);border-bottom:2px solid #6b102059;border-radius:8px;align-items: center;gap:8px;padding:14px 28px;transition:transform .15s,box-shadow .15s,background .15s,border-bottom-width .15s;font-size:.875rem;font-weight:600;box-shadow:0 1px 2px #0000000f,inset 0 1px #ffffff80}.btn-secondary:hover{background:linear-gradient(#f0ead6 0%,#f0ead6b3 100%);transform:translateY(-1px);box-shadow:0 3px 6px #00000014,inset 0 1px #fff9}.btn-secondary:active{border-bottom-width:1px;transform:translateY(1px);box-shadow:0 1px 2px #0000000a,inset 0 1px 3px #00000014}.hero{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height);display:flex;background:radial-gradient(at 70%,#e8a80014 0%,#0000 60%);align-items: center}.hero-tagline{display:flex;color:var(--charcoal-60);align-items: center;gap:8px;margin-top:32px;font-size:.875rem}.hero-tagline .check{background:var(--success-10);display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:20px;height:20px}.hero-tagline .check:before{content:"✓";color:var(--success);font-size:14px;font-weight:700;line-height:1}.dashboard-stack{position:relative;width:100%;max-width:420px;margin:0 auto}@media (min-width:1024px){.dashboard-stack{margin:0}}.mock-card{border-radius:8px;padding:16px;box-shadow:0 8px 20px #0000001a}.mock-card-dark{background:var(--charcoal);border:1px solid var(--border-dark);color:var(--sand)}.mock-card-light{border:1px solid var(--border-light);color:var(--charcoal);background:#fff}.mock-card-burgundy{background:var(--burgundy);border:1px solid var(--burgundy);color:var(--sand)}.mock-dots{display:flex;gap:8px;margin-bottom:12px}.mock-dot{border-radius:50%;width:8px;height:8px}.mock-dot-green{background:var(--success)}.mock-dot-amber{background:var(--amber)}.mock-dot-red{background:var(--signal)}.mock-row{display:flex;color:var(--sand-70);align-items: center;gap:12px;font-family:Courier New,monospace;font-size:.75rem}.mock-row .label{flex:1}.mock-row .value{color:var(--sand)}.mock-divider{background:var(--border-dark);height:1px;margin:8px 0}.mock-chart-title{color:var(--charcoal-50);margin-bottom:12px;font-family:Courier New,monospace;font-size:.75rem}.mock-bars{display:flex;align-items: flex-end;gap:6px;height:80px}.mock-bar{border-radius:4px;flex:1}.bar-burgundy{background:var(--burgundy);opacity:.7}.bar-amber{background:var(--amber);opacity:.85}.bar-signal{background:var(--signal);opacity:1}.mock-card3-path{color:var(--sand-60);margin-bottom:8px;font-family:Courier New,monospace;font-size:.75rem}.mock-card3-time{color:var(--amber);font-family:Courier New,monospace;font-size:.75rem}.mock-card3-dot{border:1px solid var(--sand-30);display:flex;border-radius:50%;justify-content:center;align-items: center;width:24px;height:24px}.mock-card3-dot-inner{background:var(--sand);border-radius:50%;width:8px;height:8px}.card-1{position:relative;z-index:10;aspect-ratio:380/260;width:90%;max-width:380px}.card-2{position:relative;z-index:20;aspect-ratio:320/180;width:80%;max-width:320px;margin-top:-32px;margin-left:auto;margin-right:32px}.card-3{position:relative;z-index:30;aspect-ratio:260/140;width:70%;max-width:260px;margin-top:-24px;margin-left:auto;margin-right:0}.check-item{display:flex;align-items: flex-start;gap:12px}.check-icon{background:var(--success-10);display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:20px;height:20px;margin-top:4px}.check-icon:before{content:"✓";color:var(--success);font-size:14px;font-weight:700;line-height:1}.check-text{color:var(--charcoal-90);font-size:.875rem;line-height:1.5}@media (min-width:768px){.check-text{font-size:1rem}}.check-group{display:flex;flex-direction:column;gap:12px}.section-dark{background:var(--charcoal);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff02 2px 4px)}.pricing-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:40px}@media (min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(5,1fr)}}.pricing-card{position:relative;border:1px solid var(--border-dark);display:flex;background:linear-gradient(#282828b3 0%,#1a1a1a80 100%);border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff08}.pricing-card:hover{border-color:#e8a80080;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d,inset 0 1px #ffffff0d}.pricing-card-featured{border-color:var(--amber);background:linear-gradient(180deg,#fffef9 0%,var(--sand)100%);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 6px 20px #e8a80033,0 0 0 2px #e8a8004d,inset 0 1px #fffc}.pricing-card-featured:hover{border-color:var(--amber);transform:translateY(-4px);box-shadow:0 10px 28px #e8a8004d,0 0 0 2px #e8a80066,inset 0 1px #ffffffe6}.pricing-badge{position:absolute;background:var(--amber);color:var(--charcoal);text-transform:uppercase;letter-spacing:.05em;display:flex;white-space:nowrap;border-radius:999px;align-items: center;gap:4px;padding:2px 10px;font-size:.625rem;font-weight:600;top:-12px;left:50%;transform:translate(-50%)}.pricing-badge svg{width:12px;height:12px}.pricing-name{color:var(--sand);margin-bottom:4px;font-family:DM Serif Display,serif;font-style:italic}.pricing-card-featured .pricing-name{color:var(--charcoal)}.pricing-storage{color:var(--sand-60);margin-bottom:12px;font-size:.875rem}.pricing-card-featured .pricing-storage{color:var(--charcoal-60)}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.pricing-amount{color:var(--amber);font-size:1.5rem;font-weight:600}.pricing-period{color:var(--sand-50);font-size:.875rem}.pricing-card-featured .pricing-period{color:var(--charcoal-50)}.pricing-note{color:var(--sand-50);margin-bottom:16px;font-size:.75rem}.pricing-card-featured .pricing-note{color:var(--charcoal-50)}.pricing-btn{text-align:center;cursor:pointer;user-select:none;border-radius:8px;width:100%;margin-top:auto;padding:10px 0;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,border-bottom-width .15s;font-size:.875rem;font-weight:500}.pricing-btn-outline{color:var(--amber);background:linear-gradient(#1a1a1a4d 0%,#1a1a1a1a 100%);border:1px solid #e8a80066;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff0d}.pricing-btn-outline:hover{background:linear-gradient(#e8a80026 0%,#e8a8000d 100%);border-color:#e8a80099;transform:translateY(-1px);box-shadow:0 3px 6px #00000026,inset 0 1px #ffffff14}.pricing-btn-outline:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #0003}.pricing-btn-solid{background:linear-gradient(180deg,#f5c200 0%,var(--amber)40%,#c89000 100%);color:var(--charcoal);border:1px solid #b88600;border-bottom:3px solid #9a7200;box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff40}.pricing-btn-solid:hover{background:linear-gradient(#f7cc22 0%,#f0b800 40%,#d4a000 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff4d,0 0 12px #e8a80040}.pricing-btn-solid:active{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #00000026}.storage-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:640px;margin:0 auto}@media (min-width:640px){.storage-grid{grid-template-columns:1fr 1fr}}.storage-card{background:linear-gradient(180deg,#fdfcf6 0%,var(--sand)100%);border:1px solid var(--border-light);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014,inset 0 1px #fff9}.storage-name{color:var(--burgundy);margin-bottom:4px;font-family:DM Serif Display,serif;font-style:italic}.storage-desc{color:var(--charcoal-70);font-size:.875rem}.storage-price{color:var(--amber);margin-top:12px;font-size:1.5rem;font-weight:600}.storage-unit{color:var(--charcoal-50);font-size:.875rem;font-weight:400}.cta-section{text-align:center;max-width:640px;margin:0 auto;padding:0 24px}.cta-btn{display:inline-flex;background:linear-gradient(180deg,#f5c200 0%,var(--amber)40%,#c89000 100%);color:var(--burgundy);cursor:pointer;user-select:none;border:1px solid #b88600;border-bottom:3px solid #9a7200;border-radius:8px;align-items: center;gap:8px;padding:16px 40px;transition:transform .15s,box-shadow .15s,background .15s,border-bottom-width .15s;font-size:1rem;font-weight:600;box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff40}.cta-btn:hover{background:linear-gradient(#f7cc22 0%,#f0b800 40%,#d4a000 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff4d,0 0 12px #e8a80040}.cta-btn:active{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 1px 2px #0000001a,inset 0 2px 4px #00000026}.cta-links{color:var(--sand-50);margin-top:24px;font-size:.875rem}.cta-links a{color:var(--amber)}.cta-links a:hover{text-decoration:underline}.footer{max-width:var(--max-width);border-top:1px solid var(--border-dark);display:flex;flex-direction:column;align-items: center;gap:16px;margin:64px auto 0;padding:32px 24px 0}@media (min-width:640px){.footer{flex-direction:row;justify-content:space-between}}.footer-copy{color:var(--sand-40);font-size:.875rem}.footer-links{display:flex;align-items: center;gap:24px}.footer-links a{color:var(--sand-40);transition:color .15s;font-size:.875rem}.footer-links a:hover{color:var(--amber)}.screenshot-placeholder{aspect-ratio:16/10;border:2px dashed var(--border-light);display:flex;color:var(--charcoal-40);background:linear-gradient(#f0ead680 0%,#f0ead640 100%);border-radius:12px;justify-content:center;align-items: center;width:100%;font-size:.875rem;font-weight:500}.fade-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.cta-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}
