@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sora-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sora-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sora-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sora-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sora-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sora-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/sora-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/sora-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Layout: ūdenskrituma hero (teksts tikai kreisajā meža daļā, mobilajā — tumšajā ūdenī zem vīrieša), tālāk baltas/aqua joslas ar asimetriskām 2 kolonnām */
:root{
  --white:#ffffff;
  --mist:#eef7f8;
  --aqua:#45c0cc;
  --aqua-light:#8fe1ea;  /* sauklis "Nepalaid garām momentu!" */
  --aqua-soft:#d5f0f2;
  --deep:#0d4756;
  --pool:#0a1c21;        /* mobilā hero ūdens tonis */
  --ink:#1b2f36;
  --muted:#5d7178;
  --silver:#8d979c;
  --line:#dbe7ea;
  --display:"Sora",ui-sans-serif,system-ui,sans-serif;
  --body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:18px;
  --wrap:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0}
body{background:var(--white);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0;text-wrap:balance;color:var(--deep)}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--aqua)}
.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
section{scroll-margin-top:84px}
.band{padding-block:clamp(64px,9vw,120px)}
.band.mist{background:var(--mist)}
.h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;letter-spacing:-.02em}
.sec-head{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:.95rem;padding:14px 24px;border-radius:999px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.btn-primary{background:var(--aqua);color:var(--white);box-shadow:0 8px 24px -10px var(--aqua)}
.btn-primary:hover{background:var(--deep);transform:translateY(-2px)}
.btn-ghost{color:var(--white);border:1.5px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}
.mark-todo{background:#fff3c4;color:#6b5400;padding:1px 6px;border-radius:4px;font-size:.85em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:100;background:var(--white);padding:8px 12px}

/* HEADER */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.logo{display:block;line-height:0}
.logo img{height:34px;width:auto}
.nav ul{display:flex;gap:clamp(14px,1.6vw,26px);list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font-weight:600;font-size:.93rem;color:var(--ink);opacity:.8}
.nav ul a:hover{opacity:1;color:var(--aqua)}
.nav .btn{padding:10px 20px;font-size:.88rem}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--deep)}
@media (max-width:1120px){
  .nav ul{display:none}
  .nav ul.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--white);padding:16px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);gap:16px}
  .burger{display:block}
  .nav > .btn{display:none}
}

/* HERO — teksts tikai kreisajā meža daļā, vīrietis un ūdenskritums paliek brīvi */
.hero{position:relative;overflow:hidden;color:var(--white);background:var(--pool);min-height:clamp(620px,min(56.25vw,calc(100svh - 72px - max(5vh,32px))),900px);display:flex;align-items:center}
.hero-media{position:absolute;inset:0}
.hero-media picture{display:block;height:100%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:20% 50%}
.hero-media canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,36,44,.9) 0%,rgba(5,36,44,.82) 28%,rgba(5,36,44,.45) 36%,rgba(5,36,44,0) 41%)}
.hero-copy{position:relative;z-index:2;width:min(35vw,540px);margin-left:max(clamp(20px,4vw,64px),env(safe-area-inset-left,0px),calc(40vw - min(35vw,540px)));padding-block:44px}
.hero .eyebrow{color:var(--aqua-soft)}
.hero h1{color:var(--white);font-size:clamp(1.9rem,3.3vw,3.2rem);font-weight:800;letter-spacing:-.025em;text-transform:uppercase;margin-block:0 22px;line-height:1.08}
.moment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,30px);align-items:center}
.slogan{font-family:var(--display);font-weight:800;text-transform:uppercase;color:var(--aqua-light);font-size:clamp(1.05rem,1.75vw,1.7rem);line-height:1.2;letter-spacing:.01em;margin:0}
.slogan span{display:block}
.hero-text{margin-top:24px;color:rgba(255,255,255,.92);font-size:clamp(1.08rem,1.3vw,1.3rem);line-height:1.5}
.hero-text b{color:var(--white)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-copy > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy > *:nth-child(2){animation-delay:.08s}
.hero-copy > *:nth-child(3){animation-delay:.16s}
.hero-copy > *:nth-child(4){animation-delay:.24s}
.hero-copy > *:nth-child(5){animation-delay:.32s}
@media (max-width:900px){
  .hero{display:block;min-height:0}
  .hero-media{inset:0 0 auto;height:min(112vw,640px)}
  .hero-media img{object-position:64% 50%}
  .hero-shade{inset:0 0 auto;height:min(112vw,640px);background:linear-gradient(180deg,rgba(10,28,33,0) 0%,rgba(10,28,33,0) 78%,var(--pool) 100%)}
  .hero-copy{width:auto;margin:0;padding:calc(min(112vw,640px) + 12px) max(20px,env(safe-area-inset-right,0px)) 48px max(20px,env(safe-area-inset-left,0px))}
  .hero-text{font-size:1.08rem}
  .hero h1{font-size:clamp(1.8rem,8vw,2.6rem)}
  .slogan{font-size:clamp(1rem,5vw,1.5rem)}
}

/* ACTIVES STRIP */
.strip{background:var(--deep);color:var(--white)}
.strip .wrap{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));padding-block:26px}
.strip .it{padding:6px 18px;border-left:1px solid rgba(255,255,255,.14);min-width:0}
.strip .it:first-child{border-left:0;padding-left:0}
.strip b{display:block;font-family:var(--display);font-size:1.45rem;color:var(--aqua);font-variant-numeric:tabular-nums}
.strip span{font-size:.86rem;color:rgba(255,255,255,.78)}
@media (max-width:860px){.strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.strip .it{border-left:0;padding-left:0}.strip .it:first-child{grid-column:1/-1}}

/* 1. KAS IR GOLLO */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.about h2{margin-block:14px 22px}
.about p+p{margin-top:14px}
.about .lead{color:var(--ink)}
.about-media{display:grid;gap:10px;justify-items:center}
.about-media img{width:min(100%,520px)}
.about-media figcaption{font-size:.85rem;color:var(--muted)}
@media (max-width:860px){.about{grid-template-columns:1fr}}

.layers{margin-top:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center;background:var(--white);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,48px)}
.layers h3{font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:700;margin:10px 0 22px}
.tablet{position:relative;display:grid;place-items:center}
.tablet::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:var(--mist)}
.tablet img{position:relative;width:min(100%,240px);mix-blend-mode:multiply}
.ltable{width:100%;border-collapse:collapse}
.ltable tr{border-top:1px solid var(--line)}
.ltable tr:first-child{border-top:0}
.ltable td{padding:16px 10px;vertical-align:top}
.ltable td.n{width:44px;padding-left:0}
.ltable .dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--deep)}
.dot.g{background:#dfe9cf}
.dot.w{background:#f1ece6;border:1px solid #e2dbd2}
.ltable .nm{font-family:var(--display);font-weight:700;color:var(--deep);font-size:1.02rem}
.ltable .ds{white-space:nowrap;font-family:var(--display);font-weight:700;color:var(--aqua);text-align:right;font-variant-numeric:tabular-nums;padding-right:0}
.ltable .fx{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
@media (max-width:860px){.layers{grid-template-columns:1fr}.tablet img{width:170px}}

.usage{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center}
.video{position:relative;border-radius:24px;overflow:hidden;background:#0a2a33;aspect-ratio:16/9;max-width:100%;align-self:center;box-shadow:0 24px 50px -30px rgba(13,71,86,.6)}
.video video{display:block;width:100%;height:100%;object-fit:cover;background:#0a2a33}
.video .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:0;border-radius:50%;background:var(--aqua);display:grid;place-items:center;cursor:pointer;animation:pulse 2.4s ease-in-out infinite;transition:transform .2s ease,background .2s}
.video .play:hover{transform:scale(1.07);background:var(--deep)}
.video .play svg{margin-left:4px}
.video.playing .play{display:none}
.dose{display:grid;gap:12px}
.dose .d{display:flex;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.dose .ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--mist);display:grid;place-items:center;color:var(--deep)}
.dose b{display:block;font-family:var(--display);color:var(--deep);font-size:1.05rem}
.dose span{color:var(--muted);font-size:.92rem}
@media (max-width:860px){.usage{grid-template-columns:1fr}}

/* 2. SIMPTOMI */
.sym{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,72px);align-items:center}
.sym .intro p+p{margin-top:12px}
.sym .lpH{font-family:var(--display);font-weight:800;color:var(--aqua)}
.sub-label{margin-top:28px;font-family:var(--display);font-weight:700;color:var(--deep)}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:border-color .2s,transform .2s}
.checks li:hover{border-color:var(--aqua);transform:translateY(-2px)}
.checks .tick{flex:none;width:28px;height:28px;border-radius:8px;background:var(--aqua);color:var(--white);display:grid;place-items:center}
.checks b{font-family:var(--display);color:var(--deep);display:block;font-size:.98rem;line-height:1.3;margin-bottom:2px}
.checks span{font-size:.92rem;color:var(--muted)}
.sym-visual{display:grid;place-items:center}
.sym-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:45% 50%;border-radius:28px;box-shadow:0 30px 60px -34px rgba(13,71,86,.55)}
@media (max-width:860px){.sym{grid-template-columns:1fr}.sym-visual{order:-1}.sym-visual img{aspect-ratio:16/10}}
@media (max-width:520px){.checks{grid-template-columns:1fr}}

.impact{margin-top:clamp(48px,7vw,80px);display:grid;gap:clamp(28px,4vw,44px)}
.impact-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.impact-intro h3{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.01em}
.impact-intro p{color:var(--ink)}
.impact-intro p+p{margin-top:10px;font-weight:600;color:var(--deep)}
.domains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.domain{background:var(--white);border-radius:var(--r);padding:22px;border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.domain .ic{width:48px;height:48px;border-radius:14px;background:var(--mist);color:var(--deep);display:grid;place-items:center}
.domain:nth-child(1) .ic{background:#e3f1f8;color:#2b8fc4}
.domain:nth-child(2) .ic{background:#efe9fb;color:#7c5cc4}
.domain:nth-child(3) .ic{background:#e6f4e4;color:#4f9a45}
.domain:nth-child(4) .ic{background:#fbefdc;color:#c7862a}
.domain{transition:transform .2s,box-shadow .2s}
.domain:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(13,71,86,.5)}
.domain h4{font-size:1.05rem}
.domain p{font-size:.94rem;color:var(--muted);line-height:1.5}
.daily{background:var(--white);border-radius:24px;padding:clamp(22px,4vw,40px);border:1px solid var(--line)}
.daily h3{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;margin-bottom:22px}
.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}
.daily-grid div{border-top:2px solid var(--aqua-soft);padding-top:14px}
.daily-grid b{display:block;font-family:var(--display);color:var(--deep);margin-bottom:4px}
.daily-grid p{font-size:.96rem;color:var(--ink)}
.story{position:relative;background:var(--deep);color:var(--white);border-radius:24px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,36px)}
.story .q{font-family:var(--display);font-size:5rem;line-height:.8;color:var(--aqua)}
.story h3{color:var(--aqua-light);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.story p{font-size:1.08rem;line-height:1.65;color:rgba(255,255,255,.92)}
.impact-note{color:var(--muted);font-size:.98rem;max-width:70ch}
@media (max-width:960px){.domains{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.impact-intro{grid-template-columns:1fr}.daily-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr}.story .q{font-size:3.4rem}}
@media (max-width:460px){.domains{grid-template-columns:1fr}}
.cta-line{margin-top:34px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px}
.cta-line p{font-family:var(--display);font-weight:600;color:var(--deep)}

/* 3. LPH */
.lph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}
.lph-text h2{margin-block:14px 22px}
.lph-text p+p{margin-top:16px}
.lph-text strong{color:var(--deep)}
.diagram{margin:0;background:var(--white);border-radius:28px;padding:clamp(18px,3vw,32px);border:1px solid var(--line)}
.diagram img{margin-inline:auto;width:100%;max-width:520px}
.diagram figcaption{margin-top:10px;text-align:center;font-size:.85rem;color:var(--muted)}
.diag{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:28px;align-items:start;border-top:1px solid var(--line);padding-top:clamp(28px,4vw,40px)}
.diag h3{font-size:1.5rem;font-weight:700}
.diag > div > p{color:var(--muted);margin-top:8px}
.diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.diag-grid div{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.diag-grid abbr{text-decoration:none;font-family:var(--display);font-weight:800;color:var(--aqua);font-size:1.2rem;display:block}
.diag-grid span{font-size:.9rem;color:var(--ink);line-height:1.4;display:block;margin-top:6px}
.links{margin-top:28px;display:grid;gap:12px}
.links h4{font-size:1rem;color:var(--deep)}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.link-grid a{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;background:var(--mist);border-radius:14px;padding:14px 18px;transition:background .2s,transform .2s;min-width:0}
.link-grid a:hover{background:var(--aqua-soft);transform:translateY(-2px)}
.link-grid b{display:block;font-family:var(--display);font-weight:600;color:var(--deep);font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.link-grid small{color:var(--muted);font-size:.82rem}
.link-grid svg{flex:none;color:var(--aqua)}
@media (max-width:960px){.diag{grid-template-columns:1fr}.diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.lph{grid-template-columns:1fr}}
@media (max-width:620px){.link-grid{grid-template-columns:1fr}}

/* 4. PARADUMI */
.habits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.habit{display:flex;flex-direction:column;background:var(--white);border-radius:24px;overflow:hidden;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.habit:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(13,71,86,.45)}
.habit .ph{aspect-ratio:4/3;overflow:hidden;max-width:100%}
.habit .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.habit:hover .ph img{transform:scale(1.05)}
.habit .bd{padding:24px 24px 26px;display:grid;gap:14px;flex:1;align-content:start}
.habit h3{font-size:1.3rem;font-weight:700}
.habit ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.habit li{position:relative;padding-left:22px;font-size:.96rem;line-height:1.5}
.habit li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--aqua)}
.habit .note{font-size:.88rem;color:var(--deep);background:var(--mist);border-radius:12px;padding:10px 14px}
.habit .big{display:flex;align-items:baseline;gap:8px}
.habit .big b{font-family:var(--display);font-size:2.2rem;color:var(--aqua);line-height:1;font-variant-numeric:tabular-nums}
.habit .big span{font-size:.88rem;color:var(--muted)}
.age-note{margin-top:28px;display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.98rem}
.age-note b{flex:none;font-family:var(--display);font-size:1.1rem;color:var(--white);background:var(--deep);border-radius:12px;padding:8px 12px}
@media (max-width:960px){.habits{grid-template-columns:1fr 1fr}.habit:last-child{grid-column:1/-1}}
@media (max-width:620px){.habits{grid-template-columns:1fr}}

/* 5. BUJ */
.faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,72px);align-items:start}
.faq-side{position:sticky;top:110px;display:grid;gap:16px}
.faq-side .card{margin-top:12px;background:var(--mist);border-radius:22px;padding:22px;display:flex;gap:18px;align-items:center}
.faq-side .card img{width:130px;filter:drop-shadow(0 10px 14px rgba(13,71,86,.25))}
.faq-side .card p{font-size:.95rem}
.faq-side .card a{font-weight:700;color:var(--deep)}
.acc{display:grid;gap:10px}
details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s}
details[open]{border-color:var(--aqua)}
summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 22px;font-family:var(--display);font-weight:600;color:var(--deep);font-size:1.02rem;line-height:1.35}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:30px;height:30px;border-radius:50%;background:var(--mist);position:relative;transition:background .2s}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--deep);transform:translate(-50%,-50%)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
details[open] summary .pm{background:var(--aqua)}
details[open] summary .pm::before,details[open] summary .pm::after{background:var(--white)}
details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(0)}
.ans{padding:0 22px 22px;display:grid;gap:12px;font-size:.98rem}
.ans strong{color:var(--deep)}
.ans ul{margin:0;padding-left:20px;display:grid;gap:8px}
.ans .concl{background:var(--mist);border-radius:12px;padding:14px 16px}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq-side{position:static}}

/* KUR PIRKT + FOOTER */
.buy{background:radial-gradient(120% 90% at 85% 100%,#1a6f7a 0%,rgba(26,111,122,0) 60%),linear-gradient(160deg,#0c3f4c,#0f5563);color:var(--white)}
.buy .wrap{padding-block:clamp(56px,8vw,96px);display:grid;gap:clamp(28px,4vw,44px)}
.buy-head{text-align:center;display:grid;gap:12px;justify-items:center}
.buy-head .eyebrow{color:var(--aqua-light)}
.buy h2{color:var(--white);font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;letter-spacing:-.02em}
.buy-head p{color:rgba(255,255,255,.8);font-size:1.1rem}
.shops{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.shop{display:flex;flex-direction:column;background:var(--white);color:var(--ink);border-radius:22px;padding:20px 18px 18px;text-decoration:none;box-shadow:0 20px 40px -26px rgba(0,0,0,.55);transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.shop:hover{transform:translateY(-4px);box-shadow:0 28px 50px -24px rgba(0,0,0,.6)}
.shop-logo{height:clamp(84px,9vw,118px);display:grid;place-items:center;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:12px}
.shop-logo img{max-height:72%;max-width:100%;width:auto;object-fit:contain}
.shop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shop-foot>span:first-child{min-width:0}
.shop-foot small{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap}
.shop-foot b{display:block;font-family:var(--display);color:var(--deep);font-size:clamp(.9rem,1.05vw,1.05rem)}
.shop .arr{flex:none;width:38px;height:38px;border-radius:50%;background:var(--mist);color:var(--deep);display:grid;place-items:center;transition:background .2s,color .2s}
.shop:hover .arr{background:var(--aqua);color:var(--white)}
.buy-note{text-align:center;color:rgba(255,255,255,.75)}
@media (max-width:1100px){.shops{grid-template-columns:repeat(6,minmax(0,1fr))}.shop{grid-column:span 2}.shop:nth-child(4){grid-column:2/span 2}}
@media (max-width:700px){.shops{grid-template-columns:repeat(2,minmax(0,1fr))}.shop,.shop:nth-child(4){grid-column:auto}.shop{padding:16px}.shop .arr{width:34px;height:34px}.shop:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}}
@media (max-width:380px){.shops{grid-template-columns:1fr}}
/* 3D iepakojums — CSS kaste: priekšpuse no foto, sāns ar logo, augša; statiska */
.box3d{--w:240px;--h:calc(var(--w)*.705);--d:calc(var(--w)*.22);position:relative;width:var(--w);height:var(--h);perspective:1300px;margin:calc(var(--d)*.4) auto calc(var(--d)*.6)}
.box3d::after{content:"";position:absolute;left:4%;right:-10%;bottom:calc(var(--d)*-.75);height:calc(var(--d)*.9);background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0));filter:blur(4px);transform:translateZ(-1px)}
.box{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(30deg)}
.box .f{position:absolute;backface-visibility:hidden;overflow:hidden}
.box .front{inset:0;transform:translateZ(calc(var(--d)/2));border-radius:2px}
.box .front img{width:100%;height:100%;object-fit:fill;display:block}
.box .gloss{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(0,0,0,.08) 100%)}
.box .back{inset:0;transform:rotateY(180deg) translateZ(calc(var(--d)/2));background:#dfe5e7}
.box .left,.box .right{top:0;width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2)}
.box .left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2));background:linear-gradient(90deg,#c9d0d3 0%,#e4e8ea 18%,#eef1f2 60%,#dfe4e6 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--d)*.25)}
.box .right{transform:rotateY(90deg) translateZ(calc(var(--w)/2));background:#d7dde0}
.spine-logo{writing-mode:vertical-rl;font-family:var(--display);font-weight:800;font-size:calc(var(--d)*.5);letter-spacing:.04em;line-height:1;color:#7d878c;background:linear-gradient(90deg,#9aa4a8,#626d73);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.spine-logo sup{font-size:.45em;-webkit-text-fill-color:#5fbfcc}
.spine-qc{writing-mode:vertical-rl;font-family:var(--display);font-weight:700;font-size:calc(var(--d)*.22);color:#fff;background:#6cc6d1;border-radius:40%;padding:3px 2px}
.box .top,.box .bottom{left:0;width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2)}
.box .top{transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:linear-gradient(180deg,#e9edee,#fbfcfc)}
.box .bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#3f9fab}
.moment .box3d{--w:clamp(200px,17vw,300px);margin-left:calc(var(--d)*.6)}
@media (max-width:900px){.moment .box3d{--w:min(44vw,260px)}}

footer{background:#0a3843;color:rgba(255,255,255,.7);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:center;padding-block:32px}
footer .logo img{height:28px;filter:brightness(1.7) saturate(1.1)}
footer a{color:var(--aqua-soft)}
footer .maker{display:grid;gap:4px;font-size:.85rem;max-width:62ch;flex:1 1 380px}
footer .maker b{color:var(--white);font-weight:600}

/* MOTION */
@keyframes rise{from{transform:translateY(18px);opacity:.01}to{transform:none;opacity:1}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 10px rgba(69,192,204,.18)}50%{box-shadow:0 0 0 20px rgba(69,192,204,.06)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@supports (animation-timeline:view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  @keyframes rv{from{transform:translateY(28px)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Uztura bagātinātāja josla — vienmēr redzama, 5% no ekrāna augstuma */
body.has-supp{padding-bottom:calc(max(5vh,32px) + env(safe-area-inset-bottom,0px))}
.supp-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;min-height:max(5vh,32px);display:flex;align-items:center;justify-content:center;text-align:center;background:var(--deep);color:var(--white);font-family:var(--body);font-size:clamp(11px,1.9vh,17px);line-height:1.25;padding:4px max(16px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -6px 18px -10px rgba(0,0,0,.35)}
.supp-bar b{color:var(--aqua-light);font-weight:700;margin-right:.35em}

/* WordPress */
.admin-bar header{top:32px}
@media (max-width:782px){.admin-bar header{top:46px}}
@media (max-width:600px){.admin-bar header{top:0}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.logo .custom-logo{height:34px;width:auto}
footer .logo .custom-logo{height:28px;filter:brightness(1.7) saturate(1.1)}
.nav ul li{margin:0;padding:0}
.page-content{max-width:760px;margin:0 auto;padding-block:clamp(48px,7vw,96px)}
.page-content h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}
.page-content p{margin-bottom:1em}
.sym .intro strong{font-family:var(--display);font-weight:800;color:var(--aqua)}
.sym .intro p+p{margin-top:12px}
.about > div > p + p{margin-top:14px}
.lph-text p+p{margin-top:16px}
.shop-name{font-family:var(--display);font-size:1.2rem;color:var(--deep)}
.ans p{margin:0}
footer .maker p{margin:0}
.ltable .ds{line-height:1.5}