
:root {
  --bg: #f6f4ef;
  --bg-soft: #fbfaf7;
  --surface: rgba(255, 255, 255, 0.78);
  --surface-strong: #ffffff;
  --surface-muted: #f1ede5;
  --text: #1d2c2d;
  --text-soft: #4f6160;
  --line: rgba(31, 52, 50, 0.12);
  --primary: #F58A6C;
  --primary-strong: #7C62D7;
  --accent: #d87e6f;
  --accent-soft: #f5ddd8;
  --success: #5c8263;
  --shadow: 0 18px 40px rgba(28, 43, 45, 0.08);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --space-1: 0.4rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --container: 1180px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left, rgba(216,126,111,.12), transparent 28%),radial-gradient(circle at top right, rgba(47,125,115,.12), transparent 26%),linear-gradient(180deg,#fcfbf8 0%,var(--bg) 50%,#f4f0e7 100%);line-height:1.7;min-height:100vh}
img,svg{max-width:100%;display:block}
a{color:var(--primary-strong);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{text-decoration-color:currentColor}
button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid rgba(47,125,115,.34);outline-offset:3px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:1000;background:var(--primary-strong);color:#fff;padding:.8rem 1rem;border-radius:999px;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:1rem}
.site-shell{position:relative;overflow:clip}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(251,250,247,.82);border-bottom:1px solid rgba(31,52,50,.07)}
.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:.85rem;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.02em}
.brand__mark{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(31,52,50,.06),var(--shadow);
  overflow:hidden;
  flex-shrink:0;
  background:#fff;
}
.brand__mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}.brand__text small{display:block;color:var(--text-soft);font-size:.8rem;font-weight:500;margin-top:.05rem}
.nav-toggle{appearance:none;border:0;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.86);color:var(--text);box-shadow:inset 0 0 0 1px rgba(31,52,50,.08);display:inline-flex;align-items:center;justify-content:center}
.nav-toggle__icon,.nav-toggle__icon::before,.nav-toggle__icon::after{content:"";display:block;width:20px;height:2px;border-radius:999px;background:currentColor;position:relative;transition:transform .2s ease,opacity .2s ease}.nav-toggle__icon::before{position:absolute;top:-6px}.nav-toggle__icon::after{position:absolute;top:6px}.nav-toggle[aria-expanded="true"] .nav-toggle__icon{background:transparent}.nav-toggle[aria-expanded="true"] .nav-toggle__icon::before{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] .nav-toggle__icon::after{transform:translateY(-6px) rotate(-45deg)}
.site-nav{position:absolute;inset:calc(100% + .5rem) 1rem auto 1rem;background:rgba(255,255,255,.96);border-radius:24px;box-shadow:var(--shadow);border:1px solid rgba(31,52,50,.08);padding:1rem;display:none}.site-nav.is-open{display:block}.site-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.site-nav a{display:block;padding:.9rem 1rem;border-radius:16px;color:var(--text);text-decoration:none;font-weight:600}.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--surface-muted)}
.hero{padding:var(--space-7) 0 var(--space-6)}.hero__grid{display:grid;gap:var(--space-5);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--primary-strong);background:rgba(47,125,115,.1);border:1px solid rgba(47,125,115,.1);padding:.55rem .85rem;border-radius:999px;margin-bottom:1.2rem}.eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px rgba(47,125,115,.14)}
.hero h1,.page-intro h1{font-family:var(--font-serif);font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 1rem}.page-intro h1{font-size:clamp(2.1rem,4vw,3.5rem)}
.lead{font-size:clamp(1.05rem,1.7vw,1.22rem);color:var(--text-soft);max-width:62ch;margin:0}.hero__actions,.stack-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.button,.button-secondary,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.94rem 1.25rem;border:1px solid transparent;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button{background:var(--primary);color:#fff;box-shadow:0 16px 30px rgba(47,125,115,.2)}.button:hover{transform:translateY(-1px);background:var(--primary-strong)}.button-secondary{background:rgba(255,255,255,.85);color:var(--text);border-color:rgba(31,52,50,.09)}.button-secondary:hover,.button-ghost:hover{background:#fff;transform:translateY(-1px)}.button-ghost{background:transparent;color:var(--primary-strong);border-color:rgba(47,125,115,.18)}
.hero__note{margin-top:1rem;color:var(--text-soft);max-width:60ch}.hero-card{position:relative;border-radius:min(36px,8vw);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.8));border:1px solid rgba(31,52,50,.08);padding:1rem;box-shadow:var(--shadow);overflow:hidden}.hero-card::before{content:"";position:absolute;inset:auto -50px -60px auto;width:180px;height:180px;border-radius:50%;background:rgba(216,126,111,.12);filter:blur(6px)}
.section{padding:var(--space-6) 0}.section--compact{padding:var(--space-5) 0}.section-head{max-width:62ch;margin-bottom:1.8rem}.section-head h2{font-family:var(--font-serif);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;margin:0 0 .85rem;letter-spacing:-.03em}.section-head p{margin:0;color:var(--text-soft)}
.grid{display:grid;gap:1.15rem}.grid--3{grid-template-columns:1fr}
.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid rgba(31,52,50,.08);box-shadow:var(--shadow);padding:1.35rem}.card h3,.feature h3,.info-panel h3{margin-top:0;margin-bottom:.7rem;font-size:1.05rem;letter-spacing:-.02em}.card p:last-child,.card ul:last-child,.card ol:last-child,.feature p:last-child,.info-panel p:last-child,.info-panel ul:last-child{margin-bottom:0}
.feature{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.74));border:1px solid rgba(31,52,50,.08);border-radius:var(--radius-md);padding:1.35rem;display:grid;gap:1rem;box-shadow:var(--shadow)}.feature__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(47,125,115,.12);color:var(--primary-strong)}
.badges{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 0}.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .95rem;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(31,52,50,.08);color:var(--text);font-weight:600}
.icon-grid{display:grid;gap:1rem}.legal-grid,.support-grid,.delete-grid,.page-grid{display:grid;gap:1.25rem}
.panel{background:rgba(255,255,255,.84);border:1px solid rgba(31,52,50,.08);border-radius:28px;padding:1.4rem;box-shadow:var(--shadow)}.panel h2,.panel h3{font-family:var(--font-serif);letter-spacing:-.03em;line-height:1.1}.panel h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:0 0 1rem}.panel h3{font-size:1.2rem;margin:1.6rem 0 .65rem}.panel>:first-child{margin-top:0}.panel ul,.panel ol{padding-left:1.2rem}.panel li+li{margin-top:.45rem}
.callout{background:linear-gradient(180deg,rgba(47,125,115,.1),rgba(47,125,115,.04));border:1px solid rgba(47,125,115,.14);border-radius:24px;padding:1.1rem 1.2rem;color:var(--text)}.callout strong{display:block;margin-bottom:.25rem}.inline-list{display:flex;flex-wrap:wrap;gap:.7rem;padding:0;list-style:none}.inline-list a{display:inline-flex;align-items:center;padding:.65rem .95rem;border-radius:999px;border:1px solid rgba(31,52,50,.08);background:rgba(255,255,255,.82);text-decoration:none;font-weight:600;color:var(--text)}
.info-strip{display:grid;gap:1rem}.info-panel{padding:1.3rem;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(31,52,50,.08);box-shadow:var(--shadow)}
.contact-block{display:grid;gap:.7rem;align-items:start}.contact-email{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;padding:.85rem 1rem;border-radius:999px;background:rgba(47,125,115,.1);color:var(--primary-strong);font-weight:800;text-decoration:none;border:1px solid rgba(47,125,115,.12)}
.site-footer{padding:var(--space-6) 0 var(--space-5);border-top:1px solid rgba(31,52,50,.08);margin-top:var(--space-6)}.footer-grid{display:grid;gap:1.4rem}.footer-brand{max-width:42ch}.footer-brand h2{margin:0 0 .75rem;font-size:1.15rem;letter-spacing:-.03em}.footer-brand p{color:var(--text-soft);margin:0}.footer-links h3,.footer-contact h3{margin:0 0 .75rem;font-size:.98rem}.footer-links ul,.footer-contact ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.footer-meta{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(31,52,50,.08);color:var(--text-soft);font-size:.95rem}
.page-intro{padding:var(--space-6) 0 var(--space-4)}.page-intro p{max-width:66ch;color:var(--text-soft);margin-bottom:0}.visual-card{border-radius:min(30px,7vw);overflow:hidden;border:1px solid rgba(31,52,50,.08);box-shadow:var(--shadow);background:rgba(255,255,255,.82)}
.steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.steps li{background:rgba(255,255,255,.75);border:1px solid rgba(31,52,50,.08);border-radius:22px;padding:1rem 1rem 1rem 1.05rem;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start}.steps li::before{counter-increment:step;content:counter(step);width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;color:#fff;background:var(--primary)}
.meta-note{color:var(--text-soft);font-size:.96rem}.kbd-pill{display:inline-block;padding:.2rem .5rem;border:1px solid rgba(31,52,50,.1);border-bottom-width:2px;border-radius:10px;background:rgba(255,255,255,.88);font-size:.95rem;font-weight:700}.notice{display:grid;gap:.5rem;padding:1rem 1.1rem;border-radius:24px;background:rgba(216,126,111,.1);border:1px solid rgba(216,126,111,.14)}.small{font-size:.94rem;color:var(--text-soft)}.list-tight li+li{margin-top:.35rem}.centered{text-align:center}.hide-mobile{display:none}
@media (min-width:760px){.site-header__bar{min-height:84px}.nav-toggle{display:none}.site-nav{position:static;inset:auto;display:block !important;background:transparent;border:0;box-shadow:none;padding:0}.site-nav ul{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:flex-end}.hero__grid,.page-grid,.delete-grid,.support-grid,.legal-grid,.footer-grid{grid-template-columns:1.1fr .9fr}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-mobile{display:initial}}
@media (min-width:980px){.section{padding:var(--space-7) 0}.panel{padding:1.7rem}.footer-grid{grid-template-columns:1.15fr .9fr .75fr}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none !important;animation:none !important}}
