/* Inkwiz — site styles. Fonts are self-hosted (SIL OFL, see /assets/fonts/OFL.txt). */
@font-face{font-family:'Fredoka';src:url(../fonts/fredoka.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito';src:url(../fonts/nunito.woff2) format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#FBFAFF;color:#1F1B3A;font-family:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{max-width:100%}
img{height:auto}
.page{background:#FBFAFF;color:#1F1B3A;overflow-x:hidden;overflow-x:clip}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:#1F1B3A;color:#FFFFFF !important;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;transition:top .15s}
.skip:focus{top:16px}
:focus-visible{outline:3px solid #8466F0;outline-offset:3px;border-radius:8px}
.d-cta:focus-visible{outline-offset:4px;border-radius:999px}

/* language chips (moved out of inline styles) */
.d-rows{margin-top:56px;display:flex;flex-direction:column;gap:16px}
.d-chip{display:inline-flex;align-items:baseline;gap:12px;margin-right:16px;border:1px solid transparent;border-radius:999px;padding:14px 26px;white-space:nowrap}
.d-chip-t{font-family:'Fredoka','Noto Sans',system-ui,sans-serif;font-weight:500;font-size:34px;line-height:1.2;color:#1F1B3A}
.d-chip-n{font-size:14px;font-weight:800;color:#6E6990}

/* FAQ */
.d-faqi{border-bottom:1px solid #E4DFF3}
.d-faqi summary{list-style:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-family:'Fredoka',sans-serif;font-weight:500;font-size:24px;color:#1F1B3A;padding:26px 0;cursor:pointer}
.d-faqi summary::-webkit-details-marker{display:none}
.d-faq-ic{flex:none;position:relative;display:inline-flex;width:36px;height:36px;border-radius:50%;background:#F1ECFF;transition:background .2s}
.d-faq-ic::before,.d-faq-ic::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:2px;background:#5537C4;transition:transform .2s,background .2s}
.d-faq-ic::after{transform:rotate(90deg)}
.d-faqi[open] .d-faq-ic{background:#1F1B3A}
.d-faqi[open] .d-faq-ic::before,.d-faqi[open] .d-faq-ic::after{background:#FFFFFF}
.d-faqi[open] .d-faq-ic::after{transform:rotate(0)}
.d-faqi p{margin:0;padding:0 60px 28px 0;font-size:18px;line-height:1.65;color:#5E5A80}
.d-faqi p a{font-weight:800}
.d-faqi summary:hover span:first-child{color:#5537C4}

/* nav hover */
.d-nav a:hover{background:rgba(255,255,255,0.6)}

/* mobile rhythm + polish (production) */
@media (max-width:760px){
.d-mailbar{padding:6px 16px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
section[aria-label="Where Inkwiz works"]{padding:60px 0 16px !important}
#features{padding:56px 0 80px !important}
#features .d-wrap > div:first-child{margin-bottom:8px !important}
section[aria-label="How to get started"]{padding:0 0 88px !important}
section[aria-label="How to get started"] .d-wrap{gap:32px !important}
#languages{padding:0 0 88px !important}
.d-rows{margin-top:36px;gap:12px}
#engines{padding:0 0 88px !important}
#engines .d-wrap{gap:28px !important}
.d-engines{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:12px !important}
.d-engines > div{padding:20px !important;border-radius:24px !important;gap:10px !important}
.d-engines > div > div{font-size:21px !important}
.d-engines > div > p{font-size:14px !important}
}
@media (max-width:380px){.d-engines{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:760px){.d-engines > div > div{font-size:19px !important}.d-engines > div > span:last-child{white-space:nowrap;font-size:12px !important}}
@media (min-width:761px) and (max-width:1120px){.d-wigL{left:16px !important}.d-wigR{right:16px !important}.d-m-inky{right:-8px !important}}

/* ---------- header ---------- */
.site-head{position:relative;z-index:20}
.d-pill.nav-pill{position:relative;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,0.75);border-radius:999px;padding:10px 10px 10px 18px;box-shadow:0 10px 30px -12px rgba(45,42,74,0.25)}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1F1B3A}
.nav-brand img{width:34px;height:34px}
.nav-brand span{font-family:'Fredoka',sans-serif;font-weight:600;font-size:24px;letter-spacing:-0.01em}
.nav-links{display:flex;gap:6px;margin:0 auto;font-weight:700;font-size:15px}
.nav-links a{text-decoration:none;padding:10px 16px;border-radius:999px;color:#2D2A4A}
.nav-links a:hover{background:rgba(255,255,255,0.6);color:#1F1B3A}
.nav-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#1F1B3A;color:#FFFFFF !important;text-decoration:none;font-weight:800;font-size:15px;padding:12px 20px;border-radius:999px;transition:transform .15s;white-space:nowrap}
.nav-links + .nav-cta{margin-left:0}
.mm{display:none}
.mm-btn{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.9);color:#1F1B3A;box-shadow:0 4px 12px -6px rgba(31,27,58,.35)}
.mm-btn::-webkit-details-marker{display:none}
.mm-btn svg path{transition:transform .25s ease,opacity .2s ease;transform-origin:12px 12px}
.mm[open] .mm-btn{background:#1F1B3A;color:#FFFFFF;border-color:#1F1B3A}
.mm[open] .mi-a{transform:translateY(5px) rotate(45deg)}
.mm[open] .mi-b{opacity:0}
.mm[open] .mi-c{transform:translateY(-5px) rotate(-45deg)}
.mm-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#FFFFFF;border:1px solid #ECE8F7;border-radius:28px;padding:10px;box-shadow:0 30px 60px -24px rgba(31,27,58,.45);transform-origin:top center;animation:mm-in .22s ease both}
@keyframes mm-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.mm-panel nav{display:flex;flex-direction:column}
.mm-link{display:flex;align-items:center;gap:14px;padding:15px 14px;border-radius:18px;text-decoration:none;color:#1F1B3A;font-family:'Fredoka',sans-serif;font-weight:500;font-size:22px}
.mm-link + .mm-link{border-top:1px solid #F0EDF8}
.mm-link:hover,.mm-link:active{background:#F6F4FF}
.mm-link svg{margin-left:auto;color:#A9A4C4}
.mm-dot{width:12px;height:12px;border-radius:50%;flex:none}
.mm-cta{margin:8px 4px 0;display:flex;align-items:center;justify-content:center;gap:10px;background:#1F1B3A;color:#FFFFFF !important;text-decoration:none;border-radius:999px;padding:16px;font-weight:800;font-size:16px}
.mm-note{margin:10px 0 6px;text-align:center;font-size:13px;font-weight:800;color:#8A85A8}
@media (max-width:760px){
.d-pill.nav-pill{gap:8px !important;border-radius:999px !important;padding:8px 8px 8px 14px !important;row-gap:0 !important}
.nav-links{display:none}
.nav-brand img{width:30px;height:30px}
.nav-brand span{font-size:22px}
.nav-cta{margin-left:auto;padding:11px 16px;font-size:14px}
.mm{display:block}
}
@media (max-width:340px){.nav-cta{padding:10px 12px;font-size:13px}.nav-brand span{font-size:20px}}
@media (prefers-reduced-motion:reduce){.mm-panel{animation:none}.mm-btn svg path{transition:none}}

/* ---------- hero demo on phones ---------- */
@media (max-width:760px){
.an-card{width:232px !important;padding:12px !important;gap:8px !important;font-size:14px !important;border-radius:16px !important}
.an-card > span:nth-child(2){font-size:16px !important}
.an-card > span:nth-child(3) > span{padding:8px 10px !important;font-size:14px !important}
.an-cur svg{width:22px;height:22px}
.d-toast{left:14px !important;bottom:16px !important;padding:9px 14px !important;font-size:14px !important}
.d-toast img{width:20px !important;height:20px !important}
}

/* ---------- footer ---------- */
.site-foot{padding:0 0 32px}
.ft-card{background:#FFFFFF;border:1px solid #ECE8F7;border-radius:40px;padding:44px 44px 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:40px 56px;box-shadow:0 30px 60px -50px rgba(31,27,58,.35)}
.ft-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1F1B3A}
.ft-logo img{width:40px;height:40px}
.ft-logo span{font-family:'Fredoka',sans-serif;font-weight:600;font-size:28px;letter-spacing:-0.01em}
.ft-tag{margin:14px 0 22px;font-size:16px;line-height:1.6;color:#5E5A80;max-width:340px}
.ft-cta{display:inline-flex;align-items:center;gap:10px;background:#1F1B3A;color:#FFFFFF !important;text-decoration:none;font-weight:800;font-size:15px;padding:14px 20px;border-radius:999px;transition:transform .15s}
.ft-cta:hover{transform:translateY(-2px)}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ft-col{display:flex;flex-direction:column;gap:2px}
.ft-col h2{margin:0 0 10px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#A9A4C4}
.ft-col a{color:#2D2A4A;text-decoration:none;font-weight:700;font-size:16px;padding:7px 0}
.ft-col a:hover{color:#5537C4}
.ft-bottom{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1px solid #F0EDF8;padding:20px 0 24px;font-size:14px;font-weight:700;color:#8A85A8}
.ft-bottom a{color:#5537C4;font-weight:800;text-decoration:none}
@media (max-width:900px){.ft-card{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:760px){
.site-foot{padding:0 0 20px}
.ft-card{border-radius:32px;padding:28px 22px 0;gap:28px}
.ft-brand{text-align:center;display:flex;flex-direction:column;align-items:center}
.ft-tag{margin:10px auto 18px;font-size:15px}
.ft-cta{width:100%;justify-content:center;padding:15px 20px;font-size:16px}
.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;background:#F8F6FF;border-radius:24px;padding:20px 18px 12px}
.ft-col:last-child{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;column-gap:20px;border-top:1px solid #ECE8F7;padding-top:14px}
.ft-col:last-child h2{width:100%;margin-bottom:2px}
.ft-col a{font-size:16px;padding:9px 0;min-height:24px}
.ft-bottom{flex-direction:column;align-items:center;text-align:center;padding:18px 0 22px;font-size:13px}
}
@media (max-width:760px){.nav-pill .nav-cta{margin-left:auto}.d-m-top{padding-top:40px !important}}
@media (max-width:400px){.d-toast-more{display:none}}
@media (max-width:760px){.nav-pill .nav-cta{display:none}.mm{margin-left:auto}.d-pill.nav-pill{padding:8px 8px 8px 16px !important}}

/* ---------- landing (ported from the V2 Daydream design) ---------- */

a{color:#2D2A4A}a:hover{color:#5537C4}
.d-wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.d-hero{background:#B9AEE0 url(../img/hero-2000.webp) center bottom/cover no-repeat}
.d-ctabg{background:#A9B8EE url(../img/cta-1600.webp) center 70%/cover no-repeat}
.d-sky{background:#DCD6EC url(../img/panel-clouds-1600.webp) 70% center/cover no-repeat}
.d-meadow{background:#C9C2E6 url(../img/panel-grass-1000.webp) center 60%/cover no-repeat}
.d-dawn{background:#EBC9B8 url(../img/panel-peach-1000.webp) center 70%/cover no-repeat}
.d-dusk{background:#2A2650 url(../img/night-2000.webp) center bottom/cover no-repeat}
.d-glass{background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.d-glass-dark{background:rgba(20,16,48,0.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.d-bad{text-decoration:underline wavy #F0506A;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}
.d-style{text-decoration:underline wavy #8466F0;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}
.d-cta:hover{transform:translateY(-2px)}
.d-faq:hover span:first-child{color:#5537C4}
.d-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.d-track{display:flex;width:max-content;animation:d-left 60s linear infinite}
.d-track-r{animation-name:d-right;animation-duration:70s}
.d-track-s{animation-duration:52s}
.d-row:hover .d-track{animation-play-state:paused}
@keyframes d-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes d-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.d-float{transform-origin:50% 90%;animation:d-wave 1.3s ease-in-out .2s 2,d-float 7s ease-in-out 2.8s infinite}
@keyframes d-float{0%,76%,100%{transform:rotate(2deg) translateY(0)}38%{transform:rotate(-2deg) translateY(-12px)}82%{transform:rotate(-9deg)}87%{transform:rotate(8deg)}92%{transform:rotate(-6deg)}96%{transform:rotate(4deg)}}
@keyframes d-wave{0%,100%{transform:rotate(2deg)}25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-8deg)}}
@media (prefers-reduced-motion:reduce){.d-track,.d-float{animation:none !important}}
.an-w1g,.an-cur,.an-card,.an-b1,.an-b0,.an-toast{opacity:0}
.an-w1b{animation:a-w1b 9s infinite}.an-w1g{animation:a-w1g 9s infinite}
.an-c1{animation:a-c1 9s infinite}.an-k1{animation:a-k1 9s infinite}.an-c2{animation:a-c2 9s infinite}
.an-w2{animation:a-w2 9s infinite}.an-c3{animation:a-c3 9s infinite}.an-k2{animation:a-k2 9s infinite}.an-c4{animation:a-c4 9s infinite}
.an-b2{animation:a-b2 9s infinite}.an-b1{animation:a-b1 9s infinite}.an-b0{animation:a-b0 9s infinite}.an-toast{animation:a-toast 9s infinite}
@keyframes a-w1b{0%,40%{opacity:1}42%,97%{opacity:0}100%{opacity:1}}
@keyframes a-w1g{0%,40%{opacity:0;background:rgba(143,227,189,0)}43%{opacity:1;background:rgba(143,227,189,1)}58%{background:rgba(143,227,189,0)}97%{opacity:1}100%{opacity:0}}
@keyframes a-c1{0%,3%{opacity:0;transform:translate(90px,70px)}6%{opacity:1}20%{transform:translate(0,0) scale(1)}22%{transform:translate(0,0) scale(.82)}24%{opacity:1;transform:translate(0,0) scale(1)}27%,100%{opacity:0;transform:translate(0,0)}}
@keyframes a-k1{0%,24%{opacity:0;transform:translateY(8px) scale(.96)}27%,40%{opacity:1;transform:translateY(0) scale(1)}43%,100%{opacity:0;transform:translateY(4px) scale(.98)}}
@keyframes a-c2{0%,28%{opacity:0;transform:translate(60px,40px)}30%{opacity:1}35%{transform:translate(0,0) scale(1)}37%{transform:translate(0,0) scale(.82)}39%{opacity:1;transform:translate(0,0) scale(1)}41%,100%{opacity:0}}
@keyframes a-w2{0%,69%{text-decoration-color:#8466F0}71%,97%{text-decoration-color:rgba(132,102,240,0)}100%{text-decoration-color:#8466F0}}
@keyframes a-c3{0%,44%{opacity:0;transform:translate(90px,70px)}47%{opacity:1}54%{transform:translate(0,0) scale(1)}56%{transform:translate(0,0) scale(.82)}58%{opacity:1;transform:translate(0,0) scale(1)}60%,100%{opacity:0}}
@keyframes a-k2{0%,57%{opacity:0;transform:translateY(8px) scale(.96)}60%,69%{opacity:1;transform:translateY(0) scale(1)}72%,100%{opacity:0}}
@keyframes a-c4{0%,60%{opacity:0;transform:translate(60px,40px)}62%{opacity:1}66%{transform:translate(0,0) scale(1)}68%{transform:translate(0,0) scale(.82)}69.5%{opacity:1;transform:translate(0,0) scale(1)}71%,100%{opacity:0}}
@keyframes a-b2{0%,40%{opacity:1;transform:scale(1)}42%,97%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}
@keyframes a-b1{0%,40%{opacity:0;transform:scale(.6)}43%,70%{opacity:1;transform:scale(1)}72%,100%{opacity:0;transform:scale(.6)}}
@keyframes a-b0{0%,70%{opacity:0;transform:scale(.6)}73%,97%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes a-toast{0%,73%{opacity:0;transform:translateY(10px)}76%,94%{opacity:1;transform:translateY(0)}97%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.an-w1b,.an-w1g,.an-cur,.an-card,.an-w2,.an-b,.an-toast{animation:none !important}}
.d-wigL{animation:d-wigL 4s ease-in-out infinite}.d-wigR{animation:d-wigR 4s ease-in-out 2s infinite}
@keyframes d-wigL{0%,70%,100%{transform:rotate(-3deg) translateY(0)}35%{transform:rotate(-3deg) translateY(-8px)}76%{transform:rotate(-9deg) scale(1.06)}82%{transform:rotate(3deg) scale(1.06)}88%{transform:rotate(-7deg) scale(1.04)}94%{transform:rotate(-1deg)}}
@keyframes d-wigR{0%,70%,100%{transform:rotate(3deg) translateY(0)}35%{transform:rotate(3deg) translateY(-8px)}76%{transform:rotate(9deg) scale(1.06)}82%{transform:rotate(-3deg) scale(1.06)}88%{transform:rotate(7deg) scale(1.04)}94%{transform:rotate(1deg)}}
.tw{opacity:0;animation:tw 10s infinite both}
.tw-b,.tw-s{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none;text-decoration-color:transparent}
.tw-b{animation:tw 10s infinite both,tw-b 10s infinite both}.tw-s{animation:tw 10s infinite both,tw-s 10s infinite both}
@keyframes tw{0%{opacity:0}1%,88%{opacity:1}90%,100%{opacity:0}}
@keyframes tw-b{0%,6%{text-decoration-color:transparent}9%,88%{text-decoration-color:#F0506A}90%,100%{text-decoration-color:transparent}}
@keyframes tw-s{0%,6%{text-decoration-color:transparent}9%,88%{text-decoration-color:#8466F0}90%,100%{text-decoration-color:transparent}}
.tw-caret{display:inline-block;width:2px;height:1.1em;margin-left:3px;vertical-align:-3px;background:#8466F0;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cn{opacity:0}.cn1{animation:cn1 10s infinite}.cn2{animation:cn2 10s infinite}.cn3{animation:cn3 10s infinite}
@keyframes cn1{0%,13%{opacity:0;transform:scale(.6)}15%,18%{opacity:1;transform:scale(1)}19%,100%{opacity:0}}
@keyframes cn2{0%,18%{opacity:0}19%{opacity:1;transform:scale(1.15)}21%,27%{opacity:1;transform:scale(1)}28%,100%{opacity:0}}
@keyframes cn3{0%,27%{opacity:0}28%{opacity:1;transform:scale(1.15)}30%,88%{opacity:1;transform:scale(1)}90%,100%{opacity:0}}
.s2-right,.s2-cur,.s3-cur,.s3-new{opacity:0}
.s2-wrong{animation:s2w 6s infinite}.s2-right{animation:s2r 6s infinite}.s2-press{animation:s2p 6s infinite}.s2-cur{animation:s2c 6s infinite}
@keyframes s2w{0%,46%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}
@keyframes s2r{0%,46%{opacity:0;background:rgba(143,227,189,0)}50%{opacity:1;background:rgba(143,227,189,1)}72%{background:rgba(143,227,189,0)}94%{opacity:1}100%{opacity:0}}
@keyframes s2p{0%,40%,48%,100%{transform:translateY(0) scale(1)}44%{transform:translateY(2px) scale(.95)}}
@keyframes s2c{0%,14%{opacity:0;transform:translate(70px,50px)}18%{opacity:1}36%{transform:translate(0,0) scale(1)}44%{transform:translate(0,0) scale(.82)}47%{opacity:1;transform:translate(0,0) scale(1)}52%,100%{opacity:0;transform:translate(0,0)}}
.s3-chip{animation:s3k 7s infinite}.s3-cur{animation:s3c 7s infinite}.s3-old{animation:s3o 7s infinite}.s3-new{animation:s3n 7s infinite}
@keyframes s3k{0%,38%{background:#F3F1FA;color:#5E5A80}40%,92%{background:#1F1B3A;color:#FFFFFF}96%,100%{background:#F3F1FA;color:#5E5A80}}
@keyframes s3c{0%,12%{opacity:0;transform:translate(70px,50px)}16%{opacity:1}32%{transform:translate(0,0) scale(1)}37%{transform:translate(0,0) scale(.82)}40%{opacity:1;transform:translate(0,0) scale(1)}45%,100%{opacity:0;transform:translate(0,0)}}
@keyframes s3o{0%,42%{color:#3A3466;text-decoration:none}46%,92%{color:#A39EC0;text-decoration:line-through}96%,100%{color:#3A3466;text-decoration:none}}
@keyframes s3n{0%,50%{opacity:0;transform:translateY(8px)}56%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
.r-pulse{animation:r-pulse 2.4s ease-in-out infinite}
@keyframes r-pulse{0%,100%{box-shadow:0 0 0 0 rgba(132,102,240,.45)}60%{box-shadow:0 0 0 12px rgba(132,102,240,0)}}
.r-caret{display:inline-block;width:2px;height:1.1em;margin-left:3px;vertical-align:-3px;background:#8466F0;animation:blink 1s steps(1) infinite}
.r-press{animation:s2p 3s infinite}
.d-jump{animation:d-jump 2.8s ease-in-out infinite}
@keyframes d-jump{0%,60%,100%{transform:translateY(0) scale(1,1)}68%{transform:translateY(4px) scale(1.06,.94)}78%{transform:translateY(-26px) scale(.97,1.04)}88%{transform:translateY(0) scale(1.04,.96)}}
.d-breathe{animation:d-breathe 4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes d-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.03,.98)}}
.d-z{opacity:0;animation:d-z 3.2s ease-out infinite}.d-z2{animation-delay:1.6s}
@keyframes d-z{0%{opacity:0;transform:translate(0,10px)}20%{opacity:1}100%{opacity:0;transform:translate(14px,-34px)}}
.d-bub{opacity:0;transform:translate(-50%,8px) scale(.9);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}
.d-sleep:hover .d-bub{opacity:1;transform:translate(-50%,0) scale(1)}
.d-sleep:hover .d-breathe{animation:d-wobble .5s ease-in-out 3}
@keyframes d-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.d-wigL,.d-wigR,.tw,.tw-b,.tw-s,.tw-caret,.cn,.s2-wrong,.s2-right,.s2-press,.s2-cur,.s3-chip,.s3-cur,.s3-old,.s3-new,.r-pulse,.r-caret,.r-press,.d-jump,.d-breathe,.d-z{animation:none !important}.tw{opacity:1}.tw-b{text-decoration-color:#F0506A}.tw-s{text-decoration-color:#8466F0}.cn3,.s3-new{opacity:1}}
.w-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.w-track{display:flex;align-items:center;width:max-content;animation:w-scroll 34s linear infinite}
.w-row:hover .w-track{animation-play-state:paused}
@keyframes w-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.w-bob{animation:w-bob 4.2s ease-in-out infinite}
@keyframes w-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.w-bob,.w-track{animation:none !important}}
@media (max-width:760px){.w-ic{width:42px !important;height:42px !important}.d-h1{font-size:54px !important}.d-h2{font-size:42px !important}.d-wrap{padding:0 18px}.d-hide-sm{display:none !important}.d-span2{grid-column:auto !important}
.d-pill{border-radius:26px !important;row-gap:8px !important;padding:10px 10px 8px 16px !important}
.d-nav{order:3;width:100%;margin:0 !important;justify-content:space-between;overflow-x:auto;font-size:14px !important}
.d-nav a{padding:8px 10px !important;white-space:nowrap}
.d-m-top{padding-top:56px !important}
.d-m-inky{width:92px !important;height:92px !important;right:-6px !important;top:-64px !important}
.d-m-sheet{padding:6px 18px 74px !important}
.d-m-body{font-size:18px !important}
.d-m-works{font-size:20px !important}
.d-grid2{grid-template-columns:minmax(0,1fr) !important}
.d-m-scene{padding:28px !important;min-height:0 !important;border-radius:28px !important;gap:24px !important}
.d-m-h3{font-size:30px !important}
.d-chip{padding:10px 18px !important}.d-chip-t{font-size:24px !important}
.d-m-sec{padding:90px 0 80px !important}
.d-m-inky2{width:130px !important;height:130px !important}
.d-m-q{font-size:20px !important;padding:20px 0 !important}
.d-m-a{padding:0 0 22px !important}
.d-m-cta{padding:64px 20px 230px !important;border-radius:32px !important}}

@media (max-width:760px){
.d-hero{background-image:url(../img/hero-960.webp)}
.d-ctabg{background-image:url(../img/cta-800.webp)}
.d-sky{background-image:url(../img/panel-clouds-800.webp)}
.d-meadow{background-image:url(../img/panel-grass-640.webp)}
.d-dawn{background-image:url(../img/panel-peach-640.webp)}
.d-dusk{background-image:url(../img/night-960.webp)}
}

/* ---------- inner pages (privacy, terms, support, goodbye, 404) ---------- */
.p-top{position:relative;padding:24px 0 120px;background:#DCD6EC url(../img/panel-clouds-1600.webp) center 40%/cover no-repeat}
.p-top .d-wrap{position:relative;z-index:2}
.p-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:72px;max-width:820px}
.p-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.85);border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;color:#3A3466}
.p-h1{margin:0;font-family:'Fredoka',sans-serif;font-weight:600;font-size:72px;line-height:0.98;letter-spacing:-0.03em}
.p-lead{margin:0;font-size:20px;line-height:1.55;color:#3A3466;max-width:640px}
.p-sheet{position:relative;z-index:3;margin-top:-56px;background:#FBFAFF;border-radius:56px 56px 0 0;padding:64px 0 96px}
.p-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.p-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:700}
.p-toc b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#A9A4C4;margin:0 0 8px 12px}
.p-toc a{color:#5E5A80;text-decoration:none;padding:8px 12px;border-radius:12px}
.p-toc a:hover{background:#F1ECFF;color:#1F1B3A}
.prose{max-width:720px;font-size:17px;line-height:1.7;color:#3A3466}
.prose h2{margin:48px 0 12px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:32px;line-height:1.1;letter-spacing:-0.01em;color:#1F1B3A;scroll-margin-top:24px}
.prose h2:first-child{margin-top:0}
.prose h3{margin:28px 0 8px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:22px;color:#1F1B3A}
.prose p{margin:0 0 14px}
.prose ul{margin:0 0 16px;padding-left:22px}
.prose li{margin:6px 0}
.prose a{color:#5537C4;font-weight:800}
.prose strong{color:#1F1B3A}
.prose code{font-size:.92em;background:#F1ECFF;border-radius:6px;padding:1px 6px}
.p-note{background:#FFFFFF;border:1px solid #ECE8F7;border-radius:24px;padding:22px 24px;margin:0 0 28px}
.p-note p:last-child{margin-bottom:0}
.p-meta{font-size:14px;font-weight:800;color:#8A85A8;margin:0 0 28px}
.p-table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 20px;font-size:15px;background:#FFFFFF;border:1px solid #ECE8F7;border-radius:20px;overflow:hidden}
.p-table th,.p-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #F0EDF8}
.p-table tr:last-child td{border-bottom:0}
.p-table th{background:#F6F4FF;font-weight:800;color:#1F1B3A;font-size:14px}
.p-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}

/* support cards */
.s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin:0 0 56px}
.s-card{background:#FFFFFF;border:1px solid #ECE8F7;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#1F1B3A;transition:transform .2s,box-shadow .2s}
a.s-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(31,27,58,.5)}
.s-ic{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center}
.s-card h3{margin:0;font-family:'Fredoka',sans-serif;font-weight:600;font-size:22px}
.s-card p{margin:0;font-size:15px;line-height:1.55;color:#5E5A80}

/* goodbye */
.g-wrap{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.g-reasons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 6px}
.g-reason{font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #E7E2F6;border-radius:999px;padding:12px 18px;font-weight:800;font-size:15px;color:#1F1B3A;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}
.g-reason:hover{transform:translateY(-2px);background:#F6F4FF;border-color:#D8CCFF;color:#1F1B3A}
.g-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 24px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:#1F1B3A;color:#FFFFFF !important;box-shadow:0 18px 40px -16px rgba(31,27,58,.6)}
.btn-light{background:#FFFFFF;color:#1F1B3A !important;border:1px solid #E7E2F6}

@media (max-width:900px){.p-layout{grid-template-columns:minmax(0,1fr);gap:24px}.p-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.p-toc b{width:100%;margin-left:4px}.p-toc a{background:#FFFFFF;border:1px solid #ECE8F7;padding:7px 12px;font-size:14px}}
@media (max-width:760px){
.p-top{padding-bottom:96px;background-image:url(../img/panel-clouds-800.webp)}
.p-head{padding-top:48px}
.p-h1{font-size:44px}
.p-lead{font-size:18px}
.p-sheet{border-radius:36px 36px 0 0;padding:44px 0 72px}
.prose{font-size:16px}
.prose h2{font-size:26px;margin-top:40px}
.p-table{font-size:14px}
.p-table th,.p-table td{padding:12px}
}
@media (max-width:600px){
.p-scroll{overflow:visible;margin:0;padding:0}
.p-table,.p-table tbody,.p-table tr,.p-table td{display:block;width:100%}
.p-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.p-table tr{border-bottom:1px solid #F0EDF8;padding:14px 16px}
.p-table tr:last-child{border-bottom:0}
.p-table td{border:0;padding:3px 0}
.p-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#A9A4C4;margin-top:6px}
.p-table td:first-child::before{display:none}
.p-table td:first-child{font-size:17px}
}
.prose code{padding:1px 4px}

.is-paused,.is-paused *{animation-play-state:paused !important}