:root{color-scheme:light dark;--color-brand:#396;--color-brand-dark:#23744c;--color-brand-light:#e6f3ec;--color-crown:#f5a623;--bg:#fff;--bg-subtle:#f7f8f9;--bg-card:#fff;--bg-inverted:#0c0d0e;--text:#14171a;--text-secondary:#55606b;--text-tertiary:#8a939c;--border:#e7e9eb;--border-strong:#d5d9dc;--shadow-color:220 20% 10%;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--container:1120px;--container-narrow:760px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0c0d0e;--bg-subtle:#131517;--bg-card:#17191c;--bg-inverted:#fff;--text:#f2f3f4;--text-secondary:#a4acb3;--text-tertiary:#767f87;--border:#24272a;--border-strong:#33373b;--color-brand-light:#16261e}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){body:before{opacity:.05}}figure,h1,h2,h3,h4,p{margin:0}img,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:16px;top:-60px;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--radius-sm);z-index:100;transition:top .15s ease;font-weight:600;font-size:14px}.skip-link:focus{top:16px}.container{max-width:var(--container)}.container,.container-narrow{width:100%;margin:0 auto;padding:0 24px}.container-narrow{max-width:var(--container-narrow)}.section{padding:96px 0}@media (max-width:720px){.section{padding:64px 0}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-brand-dark);background:var(--color-brand-light);padding:6px 14px;border-radius:var(--radius-full)}@media (prefers-color-scheme:dark){.eyebrow{color:#6fd39e}}.section-head{max-width:620px;margin:0 auto 56px;text-align:center}.section-head h2{font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:-.01em;margin-top:14px}.section-head p{margin-top:14px;font-size:18px;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{box-shadow:0 8px 24px -8px hsl(var(--shadow-color)/.45)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-lg{padding:16px 30px;font-size:17px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.nav.is-scrolled{border-bottom-color:var(--border);box-shadow:0 8px 24px -20px hsl(var(--shadow-color)/.6)}.nav-row{justify-content:space-between;height:64px}.nav-brand,.nav-row{display:flex;align-items:center}.nav-brand{gap:10px;font-weight:700;font-size:17px;text-decoration:none;color:var(--text)}.nav-brand img{width:30px;height:30px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:15px;font-weight:500;text-decoration:none;color:var(--text-secondary)}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:16px}@media (max-width:720px){.nav-links{display:none}}.hero{padding:72px 0 40px;overflow:hidden;position:relative}.hero:before{top:-220px;right:-160px;width:760px;height:760px;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 22%,transparent) 0,transparent 68%)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none;z-index:0}.hero:after{bottom:-260px;left:-220px;width:620px;height:620px;background:radial-gradient(circle,color-mix(in srgb,var(--color-crown) 14%,transparent) 0,transparent 70%)}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:56px;gap:56px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{order:1}.hero-visual{order:2}}.hero h1{font-size:clamp(36px,5.2vw,58px);line-height:1.06;font-weight:800;letter-spacing:-.02em}.hero-sub{margin-top:22px;font-size:clamp(17px,2vw,20px);color:var(--text-secondary);max-width:520px}@media (max-width:900px){.hero-sub{margin-left:auto;margin-right:auto}}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width:900px){.hero-actions{justify-content:center}}.hero-note{margin-top:18px;font-size:14px;color:var(--text-tertiary)}.hero-visual{position:relative;display:flex;justify-content:center}.hero-visual img{width:100%;max-width:300px;border-radius:40px;box-shadow:0 40px 80px -30px hsl(var(--shadow-color)/.35);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.hero-visual img{animation:none}}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;box-shadow:0 20px 40px -16px hsl(var(--shadow-color)/.3);font-size:13px;font-weight:700;white-space:nowrap;z-index:2;animation:float-alt 7s ease-in-out infinite}@keyframes float-alt{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.float-card{animation:none}}.float-card .float-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.float-card small{display:block;font-weight:500;color:var(--text-tertiary);font-size:11px;margin-top:1px}.float-card.is-warning{top:3%;left:-13%}.float-card.is-warning .float-icon{background:color-mix(in srgb,#e0522f 18%,transparent);color:#c94a2b}.float-card.is-alert{bottom:12%;right:-8%;animation-delay:-3s}.float-card.is-alert .float-icon{background:color-mix(in srgb,#e0522f 18%,transparent);color:#c94a2b}.float-card.is-good{top:10%;right:-10%;animation-delay:-1.5s}.float-card.is-good .float-icon{background:color-mix(in srgb,var(--color-brand) 18%,transparent);color:var(--color-brand-dark)}@media (max-width:1100px){.float-card{display:none}}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}@media (max-width:900px){.trust-row{justify-content:center}}.trust-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);padding:7px 13px 7px 10px;border-radius:var(--radius-full)}.trust-item svg{color:var(--color-brand);flex-shrink:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:980px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 20px 36px -22px hsl(var(--shadow-color)/.35)}.feature-card:has(.feature-icon.is-green):hover{box-shadow:0 20px 36px -20px color-mix(in srgb,var(--color-brand) 35%,transparent)}.feature-card:has(.feature-icon.is-blue):hover{box-shadow:0 20px 36px -20px color-mix(in srgb,#2f7fe0 35%,transparent)}.feature-card:has(.feature-icon.is-red):hover{box-shadow:0 20px 36px -20px color-mix(in srgb,#e0522f 35%,transparent)}.feature-card:has(.feature-icon.is-purple):hover{box-shadow:0 20px 36px -20px color-mix(in srgb,#8a4fd6 35%,transparent)}.feature-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-icon.is-green{background:color-mix(in srgb,var(--color-brand) 16%,transparent);color:var(--color-brand-dark)}.feature-icon.is-blue{background:color-mix(in srgb,#2f7fe0 16%,transparent);color:#2f6fc2}.feature-icon.is-red{background:color-mix(in srgb,#e0522f 16%,transparent);color:#c94a2b}.feature-icon.is-purple{background:color-mix(in srgb,#8a4fd6 16%,transparent);color:#7a3fc4}@media (prefers-color-scheme:dark){.feature-icon.is-green{color:#6fd39e}.feature-icon.is-blue{color:#7fb4f2}.feature-icon.is-red{color:#f28f74}.feature-icon.is-purple{color:#c19bf0}}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.5}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}@media (max-width:900px){.split{grid-template-columns:1fr;gap:40px}}.split h2{font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.01em}.check-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:18px}.check-list li{display:flex;gap:14px;align-items:flex-start;font-size:16px;color:var(--text-secondary)}.check-list svg{flex-shrink:0;margin-top:3px;color:var(--color-brand)}.check-list strong{color:var(--text)}.privacy-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px}.privacy-card-row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.privacy-card-row:last-child{border-bottom:none;padding-bottom:0}.privacy-card-row:first-child{padding-top:0}.privacy-card-row svg{flex-shrink:0;color:var(--color-brand);margin-top:2px}.privacy-card-row h4{font-size:15px;font-weight:700;margin-bottom:3px}.privacy-card-row p{font-size:14px;color:var(--text-secondary)}.pricing-note{text-align:center;max-width:620px;margin:0 auto 48px;font-size:16px;color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;max-width:680px;margin:0 auto}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}.price-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;background:var(--bg-card);transition:transform .2s ease,box-shadow .2s ease}.price-card:hover{transform:translateY(-3px);box-shadow:0 20px 36px -22px hsl(var(--shadow-color)/.35)}.price-card.is-best{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand),0 24px 48px -24px color-mix(in srgb,var(--color-brand) 45%,transparent)}.price-card.is-best:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--color-brand),0 28px 56px -22px color-mix(in srgb,var(--color-brand) 55%,transparent)}.price-badge{position:absolute;top:-13px;left:28px;background:var(--color-brand);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);letter-spacing:.02em}.price-card h3{font-size:17px;font-weight:700;color:var(--text-secondary)}.price-amount{margin-top:10px;font-size:38px;font-weight:800;letter-spacing:-.02em}.price-amount span{font-size:16px;font-weight:500;color:var(--text-secondary)}.price-card p.detail{margin-top:8px}.price-card p.detail,.pricing-free-note{font-size:14px;color:var(--text-tertiary)}.pricing-free-note{text-align:center;margin-top:32px}.faq-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 24px;background:var(--bg-card)}.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex-shrink:0;transition:transform .2s ease;color:var(--text-tertiary)}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-item p{padding-bottom:20px;color:var(--text-secondary);font-size:15px;line-height:1.6}.cta-band{position:relative;overflow:hidden;background:var(--bg-inverted);border-radius:var(--radius-lg);padding:72px 40px;text-align:center;color:var(--bg)}.cta-band:before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-brand) 35%,transparent) 0,transparent 65%);pointer-events:none}.cta-band>*{position:relative;z-index:1}.cta-band h2{font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:-.01em}.cta-band p{margin-top:14px;font-size:17px;opacity:.72;max-width:480px;margin-left:auto;margin-right:auto}.cta-band .hero-actions{justify-content:center;margin-top:30px}.cta-band .btn-primary{background:var(--bg);color:var(--bg-inverted)}.cta-band .btn-secondary{border-color:color-mix(in srgb,var(--bg) 30%,transparent);color:var(--bg)}.cta-band .btn-secondary:hover{background:color-mix(in srgb,var(--bg) 12%,transparent)}.footer{border-top:1px solid var(--border);padding:56px 0 40px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;text-decoration:none;color:var(--text)}.footer-brand img{width:26px;height:26px;border-radius:7px}.footer-tagline{margin-top:10px;font-size:14px;color:var(--text-tertiary);max-width:260px}.footer-cols{display:flex;gap:64px;flex-wrap:wrap}.footer-col h4{font-size:13px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.footer-col a,.footer-col span{display:block;font-size:14px;color:var(--text-secondary);text-decoration:none;margin-bottom:10px}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-tertiary)}.footer-bottom p{max-width:640px;line-height:1.6}.legal-topbar{border-bottom:1px solid var(--border)}.legal-topbar .container-narrow{height:64px;display:flex;align-items:center}.legal-topbar a{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;text-decoration:none;color:var(--text)}.legal-topbar img{width:26px;height:26px;border-radius:7px}.legal-body{padding:40px 24px 96px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-reveal-group]>*{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}[data-reveal-group].is-visible>*{opacity:1;transform:translateY(0)}[data-reveal-group].is-visible>:nth-child(2){transition-delay:.08s}[data-reveal-group].is-visible>:nth-child(3){transition-delay:.16s}[data-reveal-group].is-visible>:nth-child(4){transition-delay:.24s}@media (prefers-reduced-motion:reduce){[data-reveal-group]>*,[data-reveal]{opacity:1;transform:none;transition:none}}.showcase-diary{position:relative}.showcase-diary .split{grid-template-columns:.85fr 1.15fr}@media (max-width:900px){.showcase-diary .split{grid-template-columns:1fr}}.showcase-diary .hero-visual:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,#2f7fe0 18%,transparent) 0,transparent 60%);z-index:-1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}