:root{color-scheme:dark;--bg:#080b15;--text:#f4f3fa;--muted:#b8bed1;--purple:#b175f6;--cyan:#83dbea;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #84edff;outline-offset:5px}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}img{max-width:100%;height:auto;display:block}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1500px;margin:auto;padding-inline:clamp(24px,3.4vw,56px)}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}.skip:focus{top:12px}.site-header{background:#080b15ee;border-bottom:1px solid #27233f;position:relative;z-index:5}.nav-inner{max-width:1500px;margin:auto;min-height:92px;padding:16px clamp(24px,3.4vw,56px);display:flex;align-items:center;gap:54px}.wordmark{font-weight:700;font-size:27px;letter-spacing:.17em}.nav-inner nav{display:flex;gap:34px;font-size:14px}.nav-inner nav a{transition:color .2s}.nav-inner nav a:hover{color:#c39aff}.nav-inner>.button{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#9349e7,#6026d3);box-shadow:0 5px 28px #873aeb35,inset 0 1px 0 #dc9bff40;border:1px solid #b369f45c;border-radius:8px;padding:17px 22px;min-height:52px;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #873aeb66}.button svg{width:21px;height:21px}.button.compact{padding:12px 21px;min-height:44px}.button.secondary{background:#090b19b8;border-color:#8b60b8;box-shadow:none}.hero{position:relative;isolation:isolate;background:#080b15;min-height:690px;display:flex;align-items:center;padding-block:78px 110px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/portal.webp') center 54%/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b158f 0%,#080b1545 42%,transparent 75%),linear-gradient(0deg,#080b15,transparent 18%)}.hero-grid{width:100%;display:grid;grid-template-columns:.93fr 1.07fr;gap:34px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:650;color:#c196f1;margin:0 0 30px}.hero h1{font-size:clamp(43px,4.8vw,76px);line-height:1.08;letter-spacing:-.052em;margin:0 0 29px;font-weight:750}.hero h1 span{background:linear-gradient(100deg,#a78afc,#c769ee);background-clip:text;color:transparent}.intro{font-size:clamp(18px,1.7vw,25px);line-height:1.5;color:#c4c7dc;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.small-caps{font-size:11px;letter-spacing:.3em;color:#b28adf;margin:26px 0 0}.app-preview{background:#080c17ed;border:1px solid #8f6ca9;border-radius:16px;padding:18px 14px 10px;margin:0;box-shadow:0 15px 70px #0008,0 0 35px #9464ff15}.preview-heading{padding:0 5px 18px}.preview-heading>span{font-size:13px;font-weight:700;letter-spacing:.06em;color:#c7a4ee}.preview-heading p{margin:6px 0 0;font-size:15px;color:var(--muted)}.screenshot-button{position:relative;display:block;padding:0;background:none;width:100%;border-radius:6px;overflow:hidden}.zoom-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%,8px);padding:9px 14px;white-space:nowrap;border:1px solid #9676b5;background:#080c19ed;border-radius:8px;display:flex;gap:9px;align-items:center;font-size:13px;opacity:0;transition:.2s}.screenshot-button:hover .zoom-hint,.screenshot-button:focus-visible .zoom-hint{opacity:1;transform:translate(-50%,0)}.zoom-hint svg{width:17px;height:17px}figcaption{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px;padding:13px 5px 0}.preview-enlarge{padding:7px;background:transparent;color:#b696dd}.preview-enlarge svg{width:18px;height:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding-block:40px 50px;background:linear-gradient(#080b15,#0b0d1b)}.features article{display:flex;gap:23px;align-items:flex-start;padding:0 25px;border-right:1px solid #252238}.features article:first-child{padding-left:0}.features article:last-child{padding-right:0;border:0}.feature-icon{width:37px;height:43px;color:#c494ef;filter:drop-shadow(0 0 8px #945ae366)}h2,h3,h4{line-height:1.25}.features h2{font-size:20px;margin:0 0 10px}.features p{font-size:16px;color:var(--muted);margin:0;max-width:310px}.progression{padding-block:48px 60px;border-top:1px solid #26243b}.progression .eyebrow{margin:0 0 13px;font-size:12px;letter-spacing:.12em}.progression>h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;margin:0 0 37px}.mobile-break{display:none}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.progress-card{padding:30px;border:1px solid #3c304f;border-radius:17px;background:linear-gradient(140deg,#111423,#0c101d);position:relative;overflow:visible}.card-title{display:flex;align-items:center;gap:16px}.title-icon{display:grid;place-items:center;background:#352048;border-radius:10px;width:42px;height:42px;color:#d2a0ff}.card-title h3{font-size:clamp(22px,2.1vw,29px);margin:0;letter-spacing:-.02em}.progress-card h4{font-size:21px;color:#c9a1ed;margin:22px 0 13px}.progress-card p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.player-showcase{display:flex;flex-direction:column;align-items:center;gap:10px;margin:29px auto 0;max-width:330px}.player-showcase img{width:280px;transition:transform .25s;filter:drop-shadow(0 5px 8px #0005);border-radius:9px}.player-showcase img:first-child{align-self:flex-start;transform:rotate(-3deg)}.player-showcase img:last-child{align-self:flex-end;transform:rotate(3deg)}.profile-card:hover .player-showcase img{transform:rotate(0)}.coming-soon{position:absolute;right:23px;top:-14px;background:#2b223e;border:1px solid #625073;border-radius:9px;color:#d2b8ed;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;padding:6px 13px}.realm-card .title-icon{color:#87e8f6;background:#16313e}.realm-card h4{color:#8adce8}.realm-art{min-height:191px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:28px}.realm-members{display:flex;padding-left:10px}.realm-members span{display:grid;place-items:center;width:50px;height:50px;margin-left:-10px;border-radius:15px;border:2px solid #435779;background:#142233;color:#aadaf4;font-size:19px;font-weight:700}.realm-members span:nth-child(even){background:#29203f;color:#d4b5f5;border-color:#7853a3}.realm-line{height:25px;width:1px;background:linear-gradient(#687889,#5cc8d9)}.realm-art>svg{width:36px;height:36px;padding:6px;border:1px solid #3f7584;border-radius:50%;color:#8be5f2}footer{display:flex;gap:25px;align-items:center;min-height:95px;padding-block:22px;border-top:1px solid #252239}footer .wordmark{font-size:20px}footer p{margin:0 0 0 auto;color:var(--muted);font-size:14px}footer>span{color:#8d96ac;font-size:12px}dialog{color:var(--text);background:#101523;border:1px solid #8060a3;border-radius:14px;box-shadow:0 30px 100px #000b;padding:28px;max-width:calc(100vw - 32px);max-height:90dvh}dialog::backdrop{background:#030510dc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:12px;background:#171d2c;border:1px solid #596077;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;z-index:1}.dialog-close svg{width:21px;height:21px}#preview-dialog{width:min(1600px,96vw);padding:51px 14px 12px}#preview-dialog img{width:100%;object-fit:contain;max-height:calc(90dvh - 103px)}#preview-dialog p{font-size:13px;color:#abb4c8;margin:12px 8px 0}#download-dialog{width:460px;padding:48px 30px 30px}#download-dialog h2{font-size:25px}#download-dialog p{color:var(--muted);margin-bottom:24px}.download-icon{width:35px;height:35px;color:#be90ff}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{min-height:770px}}@media(max-width:1150px){.nav-inner{gap:30px}.nav-inner nav{gap:22px}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:25px}.hero{padding-block:65px 80px;min-height:590px}.hero-actions{gap:12px}.hero-actions .button{padding:14px 16px;font-size:13px}.features article{padding-inline:20px;gap:16px}.features h2{font-size:18px}.features p{font-size:15px}.progress-card{padding:25px}.player-showcase img{width:240px}}@media(max-width:850px){.nav-inner{min-height:76px;gap:20px}.nav-inner nav{display:none}.wordmark{font-size:24px}.hero{padding-block:52px 50px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(44px,7.8vw,64px)}.hero::before{background-position:65% center}.hero::after{background:linear-gradient(90deg,#080b15b5,#080b154a),linear-gradient(0deg,#080b15,transparent 25%)}.app-preview{max-width:700px;width:100%;justify-self:center}.features{padding-block:30px}.features article{display:block}.feature-icon{margin-bottom:15px}.progress-grid{gap:23px}.card-title{gap:11px}.card-title h3{font-size:23px}.title-icon{width:35px;height:35px;flex:none}.progress-card h4{font-size:19px}.progress-card p{font-size:15px}.player-showcase img{width:100%}.player-showcase{max-width:260px}footer{flex-wrap:wrap}footer>span{width:100%}}@media(max-width:570px){.wrap{padding-inline:22px}.nav-inner{padding:14px 22px;gap:10px}.wordmark{font-size:20px;letter-spacing:.13em}.button.compact{font-size:12px;padding:10px 12px;gap:8px}.desktop-label{display:none}.hero .eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:23px}.hero h1{font-size:46px}.intro{font-size:18px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{font-size:14px}.hero-grid{gap:30px}.small-caps{font-size:10px;letter-spacing:.23em}.app-preview{padding:14px 9px 8px;border-radius:12px}.preview-heading{padding-bottom:12px}.preview-heading p{font-size:13px}.preview-heading>span{font-size:12px}figcaption{font-size:12px;padding-top:6px}.features{grid-template-columns:1fr;gap:25px;padding-block:22px 32px}.features article,.features article:first-child,.features article:last-child{padding:0 0 25px;display:flex;border:0;border-bottom:1px solid #252238}.features article:last-child{padding-bottom:0;border:0}.features h2{font-size:20px}.features p{font-size:16px;max-width:none}.feature-icon{width:32px;height:38px}.progression{padding-block:34px 38px}.progression .eyebrow{font-size:10px}.progression>h2{font-size:30px;margin-bottom:29px}.progress-grid{grid-template-columns:1fr;gap:32px}.progress-card{padding:24px}.card-title h3{font-size:24px}.progress-card h4{font-size:20px}.progress-card p{font-size:16px}.player-showcase{max-width:290px}.player-showcase img{width:255px;max-width:95%}.realm-art{min-height:145px}.mobile-break{display:block}footer{gap:12px}footer p{font-size:12px}#preview-dialog{padding-top:54px;max-width:calc(100vw - 14px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Real app feature tour */
.feature-intro{padding-block:105px 65px;border-top:1px solid #27233f}.feature-intro h2,.feature-copy h2,.section-heading h2,.closing h2{font-size:clamp(34px,3.5vw,53px);letter-spacing:-.04em;line-height:1.12;margin:0 0 25px}.feature-intro h2 span,.feature-copy h2 span,.section-heading h2 span{color:#b695ed}.feature-intro>p:last-child{max-width:650px;color:var(--muted);font-size:19px;line-height:1.8}.feature-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding-block:75px 100px}.feature-copy .eyebrow,.section-heading .eyebrow{margin-bottom:20px}.feature-copy>p{font-size:18px;color:var(--muted);line-height:1.8}.feature-copy>.eyebrow{font-size:12px;color:#c196f1}.feature-points{list-style:none;padding:0;margin:28px 0}.feature-points li{padding:12px 0;border-bottom:1px solid #24273b;color:#e0deed;font-size:16px}.feature-points li::before{content:'✦';color:#b886f4;margin-right:12px}.feature-copy .detail-note{font-size:14px;color:#9da8bf}.sound-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:radial-gradient(ellipse,#24305466,transparent 70%);align-items:start}.capture{margin:0;min-width:0}.capture-button{display:block;width:100%;background:#090e17;padding:0;overflow:hidden;border:1px solid #3c3655;border-radius:12px;box-shadow:0 18px 60px #0005;transition:border-color .2s}.capture-button:hover{border-color:#ad83da}.capture-button img{width:100%;height:auto}.capture figcaption{padding:13px 2px;font-size:12px;color:#9faac0;gap:15px}.capture figcaption span{color:#c4a3ee;font-size:19px}.collection-section,.board-section{padding-block:85px;border-top:1px solid #27233f}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:30px}.section-heading>p{max-width:440px;color:var(--muted);font-size:18px;line-height:1.8}.collection-switch{display:flex;gap:8px;padding:6px;background:#101321;border:1px solid #30283f;border-radius:12px;width:fit-content;margin-bottom:24px}.collection-switch button{padding:12px 23px;border-radius:8px;background:transparent;color:#aeb8cc}.collection-switch button[aria-pressed=true]{background:#38244f;color:#efddff;box-shadow:inset 0 0 0 1px #8c56be}.collection-panel{max-width:1120px;margin:auto}.collection-panel .capture-button{background:#080f16}.collection-panel img{aspect-ratio:1.37;object-fit:contain}.demo-card-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:35px auto 0}.demo-card-strip img{width:100%;filter:drop-shadow(0 8px 18px #0006)}.demo-caption{text-align:center;font-size:13px;color:#949eb4;margin:20px 0 0}.dm-section{border-top:1px solid #27233f;grid-template-columns:.65fr 1.35fr}.board-section .capture{max-width:1200px;margin:auto}.board-notes{display:flex;justify-content:center;gap:45px;color:#aab4c9;margin-top:25px;font-size:15px}.xp-section{grid-template-columns:.7fr 1.3fr;border-top:1px solid #27233f}.feature-copy h3{font-size:24px;margin:30px 0 10px}.realm-future{border-left:2px solid #649fae;padding:18px 24px;background:linear-gradient(90deg,#12232c80,transparent);margin-top:30px}.status-label{color:#89d7e5;font-size:10px;letter-spacing:.15em;font-weight:700}.realm-future h3{margin:10px 0}.realm-future p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.closing{text-align:center;padding-block:95px 100px;background:radial-gradient(ellipse at bottom,#3b205b60,transparent 70%);border-top:1px solid #27233f}.closing h2{font-size:clamp(40px,5vw,70px)}.closing>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:30px}.back-top{display:block;margin:24px auto 0;width:fit-content;color:#b8a3d4;font-size:14px}[hidden]{display:none!important}
@media(max-width:1000px){.feature-row{gap:35px;grid-template-columns:1fr 1.2fr}.feature-copy h2{font-size:36px}.feature-copy>p{font-size:16px}.section-heading{gap:30px}.section-heading>p{max-width:330px;font-size:16px}.sound-pair{gap:12px}.feature-points li{font-size:14px}}
@media(max-width:760px){.feature-intro{padding-block:65px 20px}.feature-row{grid-template-columns:1fr;gap:30px;padding-block:50px}.feature-copy{max-width:600px}.sound-pair{max-width:560px;margin:auto;width:100%;gap:14px}.section-heading{display:block}.section-heading>p{max-width:600px}.collection-section,.board-section{padding-block:50px}.collection-switch{width:100%}.collection-switch button{flex:1;padding:11px 8px;font-size:13px}.demo-card-strip{gap:12px;grid-template-columns:1fr;max-width:350px}.board-notes{gap:15px;flex-wrap:wrap;font-size:13px}.closing{padding-block:60px}.capture figcaption{font-size:11px}.feature-intro>p:last-child{font-size:17px}.collection-panel img{aspect-ratio:auto}.feature-copy h2{font-size:39px}}
/* About Cryptik */
nav a[aria-current=page]{color:#d3a8ff}.about-hero{position:relative;background:linear-gradient(90deg,#080b15f5 10%,#080b1580 65%,#080b1530),linear-gradient(0deg,#080b15,transparent 45%),url('assets/portal.webp') center/cover no-repeat}.about-hero-inner{padding-block:30px 105px}.about-back{display:inline-block;color:#b8b0c9;font-size:13px;margin-bottom:65px}.about-hero h1{font-size:clamp(52px,7vw,96px);line-height:1.04;letter-spacing:-.055em;margin:0 0 30px;max-width:900px}.about-hero h1 span{color:#bb89f6}.about-lead{font-size:clamp(18px,2vw,25px);color:#ccd0e2;line-height:1.6}.about-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.about-tags span{border:1px solid #72608f66;background:#0e1124aa;border-radius:100px;padding:8px 15px;font-size:12px;color:#c9bbdf}.origin{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:90px}.about-page h2{font-size:clamp(34px,3.5vw,51px);line-height:1.15;letter-spacing:-.035em;margin:0 0 25px}.about-page h2 span{color:#b899dd}.story-text p,.support-story p{font-size:18px;line-height:1.85;color:#b8bed1;margin:0 0 20px}.story-text strong{color:#e6e0f2;font-weight:500}.about-progression{padding-block:80px;border-top:1px solid #27233f}.journey{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #39304e;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#161225,#0d1420)}.journey article{padding:35px;border-right:1px solid #39304e}.journey article:last-child{border:0}.step-number{color:#b784fa;letter-spacing:.1em;font-size:14px}.journey h3{font-size:29px;margin:35px 0 15px}.journey p{font-size:16px;color:#b8bed1;line-height:1.8;margin:0}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px auto 0}.about-cards img{width:100%}.belief{padding-block:30px 80px}.belief-panel{border:1px solid #5c4376;border-radius:22px;padding:65px;background:radial-gradient(ellipse at top right,#4a275650,transparent 65%),#10121f;position:relative;overflow:hidden}.belief-panel>p:not(.eyebrow){max-width:800px;line-height:1.85;font-size:19px;color:#c4c7d8}.belief-status{display:flex;gap:12px;align-items:center;margin-top:30px;font-size:13px;color:#a9d7db}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#72d4d8;box-shadow:0 0 14px #72d4d855}.support-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:60px 95px;align-items:center}.support-story .eyebrow{font-size:12px;color:#c196f1}.support-story blockquote{margin:0;padding:45px;border-left:2px solid #ac7fe0;font-size:clamp(26px,3vw,42px);font-weight:650;line-height:1.3;letter-spacing:-.025em;background:linear-gradient(90deg,#24183266,transparent)}.support-story blockquote>span{display:block;font-size:75px;line-height:.6;color:#b187dc;margin-bottom:20px}.support-story em{color:#aa8cd7;font-style:normal}.makers{padding-block:75px 90px;border-top:1px solid #27233f}.maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.maker-grid article{display:flex;align-items:center;gap:25px;border:1px solid #38314e;border-radius:16px;background:#101320;padding:30px}.maker-avatar{display:grid;place-items:center;width:82px;height:82px;border-radius:23px;font-size:35px;font-weight:650;border:1px solid #ae7be0;background:linear-gradient(135deg,#3c2659,#181c30);color:#dfc0ff;flex:none}.maker-avatar.rich{border-color:#55b2cb;background:linear-gradient(135deg,#1b4352,#161e32);color:#a4edf3}.maker-grid h3{font-size:25px;margin:5px 0 8px}.maker-grid p{font-size:10px;letter-spacing:.17em;color:#af9acb;margin:0}.maker-grid article span{font-size:14px;color:#a9b3c7}.about-page .release-note{font-size:13px!important;color:#969fb4!important}.about-page .closing h2{font-size:clamp(36px,4.5vw,65px)}
@media(max-width:1050px){.nav-inner{gap:24px}.nav-inner nav{gap:18px}.origin,.support-story{gap:40px}.journey article{padding:25px}.belief-panel{padding:40px}.maker-grid article{padding:23px;gap:18px}}
@media(max-width:700px){.about-hero-inner{padding-block:25px 60px}.about-back{margin-bottom:42px}.about-hero h1{font-size:54px}.origin,.support-story{grid-template-columns:1fr;gap:25px;padding-block:50px}.journey{grid-template-columns:1fr}.journey article{border-right:0;border-bottom:1px solid #39304e;padding:28px}.journey h3{margin-top:16px}.about-cards{grid-template-columns:1fr;max-width:350px;gap:14px}.about-progression,.makers{padding-block:50px}.belief{padding-block:15px 30px}.belief-panel{padding:30px 24px}.belief-panel>p:not(.eyebrow){font-size:17px}.support-story blockquote{font-size:33px;padding:30px}.maker-grid{grid-template-columns:1fr}.maker-grid h3{font-size:23px}.about-page .nav-inner>.button{font-size:12px;padding:10px}.about-page footer a:not(.wordmark){font-size:13px}}

/* Donate / support page */
.donate-page .site-header{position:relative}
.donate-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #27233f;background:#080b15}
.donate-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/portal.webp') center 50%/cover no-repeat;opacity:.72}
.donate-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b15f8 8%,#080b15d8 48%,#080b1570 100%),linear-gradient(0deg,#080b15,transparent 42%)}
.donate-hero-inner{padding-block:42px 105px}
.donate-back{display:inline-block;color:#b8b0c9;font-size:13px;margin-bottom:65px}
.donate-hero h1{font-size:clamp(50px,6.6vw,92px);line-height:1.04;letter-spacing:-.055em;margin:0 0 30px;max-width:980px}
.donate-hero h1 span{color:#bb89f6}
.donate-lead{font-size:clamp(18px,2vw,25px);line-height:1.65;color:#ccd0e2;max-width:830px;margin:0}
.donate-note{display:flex;align-items:flex-start;gap:13px;max-width:860px;margin-top:32px;padding:17px 19px;border:1px solid #4a405e;border-radius:12px;background:#0d1120c9;color:#bfc6d7;font-size:14px;line-height:1.65}
.donate-note strong{color:#f1ebf8}.donate-note-heart{color:#c69afb;font-size:19px;line-height:1.3}
.donate-story,.donate-history,.donate-principle{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:90px}
.donate-page h2{font-size:clamp(34px,3.5vw,51px);line-height:1.15;letter-spacing:-.035em;margin:0 0 25px}
.donate-page h2 span{color:#b899dd}
.donate-copy p{font-size:18px;line-height:1.85;color:#b8bed1;margin:0 0 20px}
.donate-copy strong{color:#e8e2f2;font-weight:600}
.donate-history{border-top:1px solid #27233f}
.donate-history .memory-line{margin-top:28px;padding:24px 26px;border-left:2px solid #9d72d2;background:linear-gradient(90deg,#20152d8f,transparent);color:#d5cce2;font-size:17px;line-height:1.8}
.donate-impact{padding-block:85px;border-top:1px solid #27233f}
.donate-impact .section-heading{align-items:start}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.impact-card{min-height:230px;padding:27px;border:1px solid #39304e;border-radius:16px;background:linear-gradient(145deg,#121522,#0d101c)}
.impact-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6f5790;border-radius:11px;background:#241735;color:#d9b2ff;font-size:19px;margin-bottom:28px}
.impact-card:nth-child(even) .impact-icon{border-color:#447987;background:#142b32;color:#9ce6ee}
.impact-card h3{font-size:21px;margin:0 0 12px}
.impact-card p{font-size:15px;line-height:1.75;color:#aeb7ca;margin:0}
.donate-principle{border-top:1px solid #27233f;align-items:center}
.promise-panel{border:1px solid #5c4376;border-radius:20px;padding:42px;background:radial-gradient(ellipse at top right,#4a275650,transparent 65%),#10121f}
.promise-panel .promise-big{font-size:clamp(27px,3vw,42px);font-weight:700;line-height:1.3;letter-spacing:-.025em;color:#f3edf8;margin:0 0 22px}
.promise-panel p{font-size:16px;line-height:1.8;color:#b8bed1;margin:0}
.support-options{padding-block:80px 100px;border-top:1px solid #27233f}
.support-options-head{text-align:center;max-width:820px;margin:0 auto 42px}
.support-options-head .eyebrow{margin-bottom:18px}
.support-options-head p:last-child{font-size:18px;line-height:1.8;color:#b8bed1}
.support-methods{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;max-width:1050px;margin:auto}
.support-method{padding:34px;border:1px solid #3d3352;border-radius:18px;background:linear-gradient(140deg,#141222,#0c101d);position:relative;overflow:hidden}
.support-method.primary{border-color:#73539a;background:radial-gradient(circle at 95% 0,#5d2b7f42,transparent 45%),linear-gradient(140deg,#171225,#0c101d)}
.support-method .method-label{display:inline-block;color:#bf98ed;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}
.support-method h3{font-size:27px;margin:0 0 13px}
.support-method p{font-size:16px;line-height:1.75;color:#b4bdd0;margin:0 0 25px}
.support-method .button{min-width:190px}
.support-method .quiet-link{display:inline-block;color:#bda4db;font-size:14px;border-bottom:1px solid #6d568b;padding-bottom:3px}
.support-method.secondary-method{display:flex;flex-direction:column;justify-content:center}
.friendship-strip{padding-block:80px;border-top:1px solid #27233f}
.friendship-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px;border:1px solid #39304e;border-radius:20px;background:linear-gradient(120deg,#161225,#0d1420)}
.friendship-panel blockquote{margin:0;font-size:clamp(27px,3vw,43px);font-weight:650;line-height:1.35;letter-spacing:-.03em}
.friendship-panel blockquote span{color:#b991e8}
.friendship-panel p{font-size:17px;line-height:1.85;color:#b8bed1;margin:0}
.donate-page .closing{padding-block:80px 90px}
.donate-page .closing .button.secondary{margin-left:10px}
@media(max-width:1050px){.donate-story,.donate-history,.donate-principle{gap:45px}.impact-grid{grid-template-columns:1fr 1fr}.friendship-panel{gap:35px;padding:38px}.support-methods{grid-template-columns:1fr}}
@media(max-width:700px){.donate-hero-inner{padding-block:28px 65px}.donate-back{margin-bottom:45px}.donate-hero h1{font-size:52px}.donate-story,.donate-history,.donate-principle{grid-template-columns:1fr;gap:24px;padding-block:52px}.donate-copy p{font-size:17px}.impact-grid{grid-template-columns:1fr}.donate-impact,.support-options,.friendship-strip{padding-block:52px}.friendship-panel{grid-template-columns:1fr;padding:28px 24px}.support-method{padding:27px 23px}.donate-page .closing .button.secondary{margin:12px 0 0}.donate-page footer a:not(.wordmark){font-size:13px}}

/* Donate hero — primary support action */
.donate-hero-action {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.donate-hero-action > span {
  color: #9fa8bd;
  font-size: 13px;
}

@media (max-width: 570px) {
  .donate-hero-action {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .donate-hero-action .button {
    width: 100%;
  }

  .donate-hero-action > span {
    text-align: center;
    font-size: 12px;
  }
}