@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Manrope:wght@300;400;500;600&display=swap";:root{color-scheme:light;--bg: #e9f6f8;--surface: #ffffff;--ink: #1d2a2f;--muted: #4f6b75;--accent: #3aa6b5;--accent-strong: #1f6c78;--accent-soft: #cdeaf0;--line: #d6e7ec;--shadow: 0 18px 40px rgba(20, 60, 70, .12);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,Helvetica Neue,sans-serif;background:linear-gradient(120deg,#f7fdff 0%,var(--bg) 45%,#dff2f6 100%);color:var(--ink);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-30%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 20%,rgba(58,166,181,.18),transparent 55%),radial-gradient(circle at 80% 30%,rgba(137,216,226,.2),transparent 50%),radial-gradient(circle at 50% 80%,rgba(83,190,202,.16),transparent 55%);filter:blur(12px);z-index:-2;animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,1%,0) scale(1.04)}to{transform:translate3d(1%,-2%,0) scale(1.02)}}.bg-network{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.45}.bg-network svg{width:100%;height:100%}.bg-lines line{stroke:url(#lineGlow);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;animation:draw 6s ease-in-out infinite alternate;opacity:.6}.bg-lines line:nth-child(2){animation-delay:.6s}.bg-lines line:nth-child(3){animation-delay:1.2s}.bg-lines line:nth-child(4){animation-delay:1.8s}.bg-lines line:nth-child(5){animation-delay:2.4s}.bg-lines line:nth-child(6){animation-delay:3s}.bg-lines line:nth-child(7){animation-delay:3.6s}.bg-lines line:nth-child(8){animation-delay:4.2s}.bg-bubbles circle{fill:#7fd0dc33;stroke:#3aa6b566;stroke-width:1;animation:float 10s ease-in-out infinite}.bg-bubbles circle:nth-child(2){animation-delay:.8s}.bg-bubbles circle:nth-child(3){animation-delay:1.6s}.bg-bubbles circle:nth-child(4){animation-delay:2.4s}.bg-bubbles circle:nth-child(5){animation-delay:3.2s}.bg-bubbles circle:nth-child(6){animation-delay:4s}.bg-bubbles circle:nth-child(7){animation-delay:4.8s}.bg-bubbles circle:nth-child(8){animation-delay:5.6s}.bg-bubbles circle:nth-child(9){animation-delay:6.4s}@keyframes draw{0%{stroke-dashoffset:240;opacity:.15}50%{opacity:.5}to{stroke-dashoffset:0;opacity:.35}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}main{display:flex;flex-direction:column;gap:6rem;padding:0 6vw 6rem}.site-header{padding:2.5rem 6vw 1.5rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:1rem}.brand-mark{width:48px;height:48px;border-radius:16px;background:var(--surface);box-shadow:0 10px 20px #3aa6b52e;position:relative;display:grid;place-items:center}.brand-mark span{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent-soft)}.brand-mark span:first-child{left:12px;top:12px}.brand-mark span:last-child{right:10px;bottom:10px;background:var(--accent)}.brand-text{display:flex;flex-direction:column;gap:.2rem}.brand-name{font-family:Fraunces,Times New Roman,serif;font-size:1.4rem;font-weight:700}.brand-url{font-size:.85rem;color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}.nav-links a{padding:.35rem .2rem}.lang-switch{display:flex;border:1px solid var(--line);background:var(--surface);padding:.35rem;border-radius:999px;gap:.35rem}.lang-btn{border:none;background:transparent;font-size:.85rem;padding:.35rem .8rem;border-radius:999px;cursor:pointer;color:var(--muted)}.lang-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:3.5rem;padding:2rem 0 3rem}.hero-content h1,.section-heading h2{font-family:Fraunces,Times New Roman,serif;font-weight:600;letter-spacing:-.02em}.hero-content h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.15;margin-bottom:1.2rem}.hero-subtitle{font-size:1.1rem;color:var(--muted);margin-bottom:2rem;max-width:32rem}.hero-notes{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}.note-chip{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:600}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.hero-highlights{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.hero-visual{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:600;color:var(--accent-strong);margin-bottom:1rem}.section-heading h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:2rem}.section-heading{max-width:40rem}.section-lead{color:var(--muted);font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #1e1a1626}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:transparent;color:var(--accent-strong);border-color:var(--accent)}.btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:.6rem 1.2rem}.problem,.value,.how,.features,.trust,.backup,.use-cases,.faq,.cta-final{display:flex;flex-direction:column;gap:2.5rem}.problem-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;color:var(--muted)}.problem-list li{background:var(--surface);padding:1rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--line);box-shadow:0 10px 20px #1e1a1614}.pillar-grid,.step-grid,.trust-grid,.backup-grid,.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.pillar-card,.step-card,.trust-card,.backup-card,.case-card{background:var(--surface);padding:1.6rem;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:0 12px 24px #1e1a1614}.case-card{font-weight:500;color:var(--muted)}.step-index{font-family:Fraunces,Times New Roman,serif;font-weight:700;color:var(--accent-strong);font-size:1.1rem;display:block;margin-bottom:.6rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem}.feature-card{background:var(--surface);padding:1.8rem;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:0 12px 24px #1e1a1614}.feature-card h3{font-size:1.2rem;margin-bottom:.6rem}.feature-card p{color:var(--muted)}.cta-final{margin-top:1.5rem}.cta-card{background:linear-gradient(130deg,#e6f6fb,#f9feff 55%,#fff);border-radius:var(--radius-lg);padding:2.5rem;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center}.cta-actions{display:flex;flex-direction:column;gap:1rem}.cta-note{color:var(--muted);font-size:.9rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.2rem 1.4rem;box-shadow:0 10px 20px #1e1a1614}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:var(--muted);margin-top:.8rem}.site-footer{padding:3rem 6vw 4rem;border-top:1px solid var(--line)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--muted)}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.social-links{display:flex;gap:.8rem;flex-wrap:wrap}.social-links a{font-size:.9rem;color:var(--muted);border:1px solid var(--line);padding:.35rem .7rem;border-radius:999px;background:var(--surface)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 720px){.nav{flex-direction:column;align-items:flex-start}.nav-links{width:100%}.nav-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.hero{padding-top:1rem}.hero-cta{flex-direction:column;align-items:stretch}}
