/* njuta — the gift flow + home additions (Oct 27). Shared recipes from the v2 site,
   as classes instead of the prototype's inline styles. Jitzu headlines are vector SVGs
   (assets/jitzu/g-*.svg); handwriting is Meow Script. */
:root{--hwf:'Meow Script',cursive;--hww:400;--hwr:1.32;--ink:#3A1F5A;--body:#4B3070;--soft:#6E5B85;--muted:#8A7396;--faint:#B0A3BC;--lav:#8A6FAE;--orchid:#EB87C8;--pink:#C25A8E;--paper:#FDF9F1}
html,body{margin:0;padding:0}
body{background:linear-gradient(170deg,#FDF9F1 0%,#FBEFE7 55%,#F8E5E1 100%);background-attachment:fixed;font-family:Roboto,sans-serif;color:var(--body);overflow-x:clip;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main.nj-page{flex:1 0 auto}
a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--ink)}
button{font:inherit}
.b-hand{font-family:var(--hwf);font-weight:var(--hww);font-size:calc(var(--hwr) * 1.3em);line-height:1;color:var(--ink)}
.nj-ph::placeholder{font-family:var(--hwf);font-weight:var(--hww);font-size:1.3em;color:#CEC6D4;opacity:1}

/* ── Jitzu as vector: an inline/img svg sized by the line's font-size (viewBox is 1.219 em tall) ── */
.nj-j{display:inline-block;height:1.219em;width:auto;vertical-align:top}
.nj-j svg,.nj-j img{display:block;height:100%;width:auto}

/* ── page column ── */
.nj-page{width:100%;max-width:1060px;margin:0 auto;padding:0 22px;box-sizing:border-box;display:flex;flex-direction:column;container-type:inline-size;container-name:pick}
.nj-eyebrow{font:500 11.5px/1 Roboto,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lav)}
.nj-back{display:inline-flex;align-items:center;gap:8px;font:400 15px/1 Roboto,sans-serif;color:var(--lav);text-decoration:none;align-self:flex-start}
.nj-back:hover{color:var(--ink)}
.nj-hair{height:1px;background:rgba(58,31,90,.09)}

/* ── pills ── */
.nj-pill{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;height:58px;padding:0 42px;border-radius:999px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.5));box-shadow:0 18px 40px rgba(150,90,88,.18),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);font:700 16.5px/1 Roboto,sans-serif;color:var(--ink);cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:box-shadow .25s,transform .16s}
.nj-pill:hover{box-shadow:0 18px 44px rgba(235,135,200,.35),0 0 0 3px rgba(235,135,200,.25),inset 0 1px 0 rgba(255,255,255,.95);color:var(--ink)}
.nj-pill:active{transform:scale(.97)}
.nj-pill--full{width:100%}
.nj-pill--54{height:54px;padding:0 32px;font-size:16px}
.nj-pill--48{height:48px;padding:0 24px;font-size:14.5px;box-shadow:0 14px 30px rgba(235,135,200,.22),inset 0 1px 0 rgba(255,255,255,.95);background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.58))}
.nj-pill[disabled]{opacity:.6;cursor:default;transform:none}
.nj-quiet{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(255,255,255,.46));box-shadow:0 8px 17px rgba(150,90,88,.12),inset 0 1px 0 rgba(255,255,255,.9);font:600 14.5px/1 Roboto,sans-serif;color:#5A2545;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:box-shadow .25s,transform .16s}
.nj-quiet:hover{box-shadow:0 8px 20px rgba(235,135,200,.3),0 0 0 3px rgba(235,135,200,.25),inset 0 1px 0 rgba(255,255,255,.9);color:#5A2545}
.nj-quiet:active{transform:scale(.97)}
.nj-quiet--44{height:44px;padding:0 22px;font-size:14px}
.nj-quiet--54{height:54px;padding:0 26px;font-size:15px}
.nj-chip{height:44px;padding:0 20px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.9);background:linear-gradient(150deg,rgba(255,255,255,.6),rgba(255,255,255,.32));box-shadow:0 6px 14px rgba(150,90,88,.08);font:600 14.5px/1 Roboto,sans-serif;color:var(--soft);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:box-shadow .25s,transform .16s}
.nj-chip[aria-checked="true"]{background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,255,255,.82));box-shadow:0 0 0 2.5px var(--orchid),0 8px 18px rgba(235,135,200,.22);color:var(--ink)}
.nj-chip:active{transform:scale(.97)}
.nj-chips{display:flex;flex-wrap:wrap;gap:8px}
.nj-glow{position:absolute;left:50%;top:50%;width:240%;aspect-ratio:1;margin-left:-120%;margin-top:-120%;background:conic-gradient(from 0deg,#EB87C8,#B58CE8,#F9D2EC,#EB87C8);filter:blur(14px);opacity:.55;z-index:-1;pointer-events:none;animation:njSpin 7s linear infinite}
.nj-glow--strip{opacity:.7}

/* ── a white pill whose OUTLINE carries the rotating conic glow (the hero's "choose a design") ── */
.nj-ringwrap{position:relative;display:inline-flex;border-radius:999px;padding:2.5px;overflow:hidden;isolation:isolate;text-decoration:none;box-shadow:0 14px 34px rgba(235,135,200,.28);transition:box-shadow .25s,transform .16s}
.nj-ringwrap:hover{box-shadow:0 16px 40px rgba(235,135,200,.42)}
.nj-ringwrap:active{transform:scale(.97)}
.nj-ring{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;margin-left:-130%;margin-top:-130%;background:conic-gradient(from 0deg,#EB87C8,#B58CE8,#F9D2EC,#F0A8D8,#EB87C8);animation:njSpin 6s linear infinite;z-index:-1;pointer-events:none}
.nj-ringwrap .nj-pill:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
@media (prefers-reduced-motion:reduce){.nj-ring{animation:none}}
/* ── fields ── */
.nj-lab{display:flex;flex-direction:column;gap:8px}
.nj-lab-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.nj-lab-txt{font:400 16px/1.2 Roboto,sans-serif;color:var(--body)}
.nj-lab-txt .opt{font-weight:300;color:var(--muted)}
.nj-count{font:400 13px/1 Roboto,sans-serif;color:var(--faint);font-variant-numeric:tabular-nums}
.nj-count.over{color:var(--pink)}
.nj-hint{font:300 13px/1 Roboto,sans-serif;color:var(--muted)}
.nj-field{width:100%;box-sizing:border-box;height:48px;padding:0 16px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 2px rgba(150,90,88,.08);font:400 16px/1.2 Roboto,sans-serif;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.nj-field:focus{box-shadow:0 0 0 3px rgba(235,135,200,.25),inset 0 1px 2px rgba(150,90,88,.08)}
.nj-field.err{border-color:rgba(194,90,142,.6)}
.nj-field--52{height:52px;padding:0 18px}
textarea.nj-field{height:auto;min-height:76px;padding:12px 16px;line-height:1.5;resize:vertical}
.nj-err{font:400 14px/1.45 Roboto,sans-serif;color:var(--pink)}
.nj-fine{font:300 14px/1.5 Roboto,sans-serif;color:var(--muted);margin:0}
.nj-prefix{position:relative}
.nj-prefix>span{position:absolute;left:18px;top:50%;transform:translateY(-50%);font:400 16px/1 Roboto,sans-serif;color:var(--muted);pointer-events:none}
.nj-prefix>input{padding-left:46px}

/* ── glass cards ── */
.nj-glass{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 40px rgba(150,90,88,.12),inset 0 1px 0 rgba(255,255,255,.9);border-radius:26px;box-sizing:border-box}
.nj-glass--blur{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.nj-form-card{border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:12px}
.nj-panel{position:relative;height:124px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.nj-step{display:flex;gap:12px;align-items:flex-start}
.nj-step>i{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 14px rgba(150,90,88,.12);display:flex;align-items:center;justify-content:center;font:600 13px/1 Roboto,sans-serif;color:var(--ink);font-style:normal}
.nj-step>span{font:400 16px/1.45 Roboto,sans-serif;color:var(--body);padding-top:4px;text-wrap:pretty}

/* ── the gift card artwork (photo cards, credit-card proportion) ── */
.nj-card{position:relative;aspect-ratio:1.586;border-radius:clamp(10px,6cqw,18px);overflow:hidden;background:linear-gradient(135deg,#FBE4F3,#F2B7DE);box-shadow:0 8px 14px rgba(58,31,90,.18);container-type:inline-size}
.nj-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nj-card--hero{border-radius:clamp(12px,6cqw,20px);box-shadow:0 24px 50px rgba(58,31,90,.26),inset 0 1px 0 rgba(255,255,255,.5)}
.nj-card--sel{filter:none}
.nj-tile{background:none;border:0;padding:0;cursor:pointer;text-align:left;border-radius:18px;transition:transform .3s cubic-bezier(.22,.61,.36,1);display:block;width:100%}
.nj-tile:hover{transform:translateY(-6px)}
.nj-tile:active{transform:scale(.98)}
.nj-tile:focus-visible{outline:3px solid rgba(235,135,200,.6);outline-offset:3px}
.nj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px}
.nj-row{margin-top:clamp(36px,6cqw,52px);display:flex;flex-direction:column;gap:16px}
.nj-row h3{margin:0;font:500 22px/1.2 Roboto,sans-serif;color:var(--ink)}
/* ── the occasion rail (Oct 27, Blake: a single scrollable line per occasion, like Uber's shop) ── */
.nj-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nj-row-tools{display:flex;align-items:center;gap:10px}
.nj-seeall{font:400 14px/1 Roboto,sans-serif;color:var(--lav);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
.nj-seeall:hover{color:var(--ink)}
.nj-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.5));box-shadow:0 8px 17px rgba(150,90,88,.12),inset 0 1px 0 rgba(255,255,255,.95);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;transition:box-shadow .25s,transform .16s,opacity .2s}
.nj-arrow:hover{box-shadow:0 8px 20px rgba(235,135,200,.3),0 0 0 3px rgba(235,135,200,.25),inset 0 1px 0 rgba(255,255,255,.95)}
.nj-arrow:active{transform:scale(.95)}
.nj-arrow[disabled]{opacity:.35;cursor:default;box-shadow:0 8px 17px rgba(150,90,88,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.nj-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 0 14px;margin:-8px 0 -14px}
.nj-rail::-webkit-scrollbar{display:none}
.nj-rail>.nj-tile{flex:0 0 calc((100% - 3 * 16px) / 4);min-width:210px;scroll-snap-align:start}
@media (max-width:760px){.nj-rail>.nj-tile{flex-basis:calc((100% - 16px) / 1.5);min-width:0}}
.nj-row--grid .nj-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));overflow:visible;padding:0;margin:0}
.nj-row--grid .nj-rail>.nj-tile{flex:none;min-width:0}
.nj-row--grid .nj-arrow,.nj-row--grid .nj-seeall{display:none}
@media (prefers-reduced-motion:reduce){.nj-rail{scroll-behavior:auto}}
.nj-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nj-thumb{background:none;border:0;padding:0;cursor:pointer;border-radius:9px;transition:box-shadow .25s cubic-bezier(.22,.61,.36,1),transform .25s cubic-bezier(.22,.61,.36,1);display:block}
.nj-thumb .nj-card{border-radius:9px;box-shadow:0 4px 8px rgba(58,31,90,.16)}
.nj-thumb[aria-checked="true"]{box-shadow:0 0 0 2.5px var(--orchid),0 0 0 5px rgba(235,135,200,.22)}
.nj-thumb:hover{transform:translateY(-3px)}
.nj-thumb:active{transform:scale(.97)}
.nj-plan{position:relative;overflow:hidden;isolation:isolate;height:56px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.9);background:linear-gradient(150deg,rgba(255,255,255,.6),rgba(255,255,255,.32));box-shadow:0 6px 14px rgba(150,90,88,.08);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--soft);transition:box-shadow .3s}
.nj-plan .t{font-size:17px;line-height:1;display:inline-flex;align-items:center}
.nj-plan .p{font:400 14px/1 Roboto,sans-serif;font-variant-numeric:tabular-nums;color:var(--faint)}
.nj-plan[aria-checked="true"]{background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,255,255,.82));box-shadow:0 0 0 2.5px var(--orchid),0 8px 18px rgba(235,135,200,.22);color:var(--ink)}
.nj-plan[aria-checked="true"] .p{color:var(--lav)}
.nj-plan--year{background:linear-gradient(135deg,#46266B,#33194F 70%,#2A1440);border-color:rgba(255,255,255,.12);box-shadow:0 8px 17px rgba(58,31,90,.3);color:#FDF9F1}
.nj-plan--year .p{color:rgba(253,249,241,.78)}
.nj-plan--year[aria-checked="true"]{background:linear-gradient(135deg,#46266B,#33194F 70%,#2A1440);box-shadow:0 0 0 2.5px var(--orchid),0 10px 24px rgba(58,31,90,.38);color:#FDF9F1}
.nj-plan--year[aria-checked="true"] .p{color:rgba(253,249,241,.78)}
.nj-plan--year::after{content:"";position:absolute;right:-18%;bottom:-120%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,135,200,.55),rgba(235,135,200,0) 65%);z-index:-1}
.nj-plan:active{transform:scale(.97)}

/* ── the code tile + note card ── */
.nj-code{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;box-sizing:border-box;padding:20px 16px 20px calc(16px + .2em);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(150,90,88,.14),inset 0 1px 0 rgba(255,255,255,.95);font:600 clamp(26px,3.6cqw,36px)/1 Roboto,sans-serif;letter-spacing:.2em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;transition:box-shadow .25s,transform .16s}
.nj-code:hover{box-shadow:0 18px 44px rgba(235,135,200,.3),0 0 0 3px rgba(235,135,200,.25),inset 0 1px 0 rgba(255,255,255,.95)}
.nj-code:active{transform:scale(.98)}
.nj-code--big{padding:24px 16px 24px calc(16px + .2em);border-radius:24px;font-size:clamp(24px,8cqw,40px)}
.nj-note{position:relative;width:100%;max-width:340px;box-sizing:border-box;padding:28px 28px 26px;background:var(--paper);border-radius:6px;box-shadow:0 26px 54px rgba(150,90,88,.22),0 2px 6px rgba(150,90,88,.1);transform:rotate(-1.6deg);text-align:left}
.nj-split{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:clamp(28px,5cqw,64px);align-items:stretch}
.nj-div{width:1px;background:rgba(58,31,90,.1);margin:28px 0;align-self:stretch}
@media (max-width:760px){.nj-split{grid-template-columns:1fr}.nj-div{display:none}}
.nj-desk{display:none}
@media (min-width:760px){.nj-desk{display:block}}
@container pick (max-width:700px){.p-line{white-space:normal !important;text-wrap:pretty}}

/* ── the closing aurora + footer (the home page's, without the CTA/contact block) ── */
.nj-end{position:relative;margin-top:60px;padding-top:150px;flex:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);isolation:isolate;overflow:hidden}
.nj-end-in{position:relative;z-index:2}
.nj-end-bg{position:absolute;top:0;left:-10%;right:-10%;bottom:-6%;z-index:0;pointer-events:none;filter:blur(44px);background:radial-gradient(ellipse 58% 42% at 26% 42%,rgba(158,123,214,.6),rgba(158,123,214,0) 74%),radial-gradient(ellipse 52% 38% at 76% 52%,rgba(138,99,201,.55),rgba(138,99,201,0) 72%),radial-gradient(ellipse 70% 38% at 46% 84%,rgba(112,72,168,.7),rgba(112,72,168,0) 76%),linear-gradient(168deg,#8256C4 0%,#6E45AE 52%,#5A3494 100%);-webkit-mask-image:radial-gradient(ellipse 44% 34% at 48% 56%,#000 40%,rgba(0,0,0,0.55) 72%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 38% 30% at 18% 50%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 36% 28% at 82% 58%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 34% 26% at 6% 68%,#000 30%,rgba(0,0,0,0.45) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 32% 24% at 96% 46%,#000 30%,rgba(0,0,0,0.45) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 40% 26% at 36% 84%,#000 36%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 36% 24% at 74% 92%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 30% 20% at 50% 99%,#000 32%,rgba(0,0,0,0.48) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 56% 22% at 40% 30%,rgba(0,0,0,0.85),rgba(0,0,0,0.28) 58%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 44% 17% at 74% 24%,rgba(0,0,0,0.72),rgba(0,0,0,0.2) 56%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 38% 14% at 14% 34%,rgba(0,0,0,0.66),rgba(0,0,0,0.18) 54%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 34% 11% at 56% 15%,rgba(0,0,0,0.5),rgba(0,0,0,0.12) 52%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 26% 9% at 22% 20%,rgba(0,0,0,0.42),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 22% 7% at 86% 16%,rgba(0,0,0,0.34),rgba(0,0,0,0.08) 50%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse 44% 34% at 48% 56%,#000 40%,rgba(0,0,0,0.55) 72%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 38% 30% at 18% 50%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 36% 28% at 82% 58%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 34% 26% at 6% 68%,#000 30%,rgba(0,0,0,0.45) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 32% 24% at 96% 46%,#000 30%,rgba(0,0,0,0.45) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 40% 26% at 36% 84%,#000 36%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 36% 24% at 74% 92%,#000 34%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 30% 20% at 50% 99%,#000 32%,rgba(0,0,0,0.48) 68%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 56% 22% at 40% 30%,rgba(0,0,0,0.85),rgba(0,0,0,0.28) 58%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 44% 17% at 74% 24%,rgba(0,0,0,0.72),rgba(0,0,0,0.2) 56%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 38% 14% at 14% 34%,rgba(0,0,0,0.66),rgba(0,0,0,0.18) 54%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 34% 11% at 56% 15%,rgba(0,0,0,0.5),rgba(0,0,0,0.12) 52%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 26% 9% at 22% 20%,rgba(0,0,0,0.42),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 22% 7% at 86% 16%,rgba(0,0,0,0.34),rgba(0,0,0,0.08) 50%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.nj-end-aurs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.nj-end-aur{position:absolute;border-radius:50%;filter:blur(22px);will-change:transform;z-index:1}
.nj-ea-1{left:-10%;top:24%;width:82%;height:11%;transform:rotate(-13deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(235,135,200,.95),rgba(235,135,200,.4) 46%,rgba(235,135,200,0) 76%);animation:njAur1 26s ease-in-out infinite}
.nj-ea-2{right:-14%;top:46%;width:78%;height:10%;transform:rotate(9deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(42,20,64,.72),rgba(42,20,64,.26) 46%,rgba(42,20,64,0) 76%);animation:njAur2 34s ease-in-out infinite}
.nj-ea-3{left:4%;bottom:16%;width:68%;height:9%;transform:rotate(-6deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(249,210,236,.9),rgba(249,210,236,.34) 46%,rgba(249,210,236,0) 76%);animation:njAur3 30s ease-in-out infinite}
.nj-ea-4{right:2%;bottom:34%;width:52%;height:8%;transform:rotate(16deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(58,31,90,.66),rgba(58,31,90,.24) 46%,rgba(58,31,90,0) 76%);animation:njAur4 38s ease-in-out infinite}
.nj-ea-5{left:12%;top:11%;width:58%;height:7%;transform:rotate(-7deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(235,135,200,.7),rgba(235,135,200,.2) 48%,rgba(235,135,200,0) 78%);animation:njAur3 42s ease-in-out infinite}
@keyframes njAur1{0%,100%{transform:rotate(-13deg) translate3d(0,0,0) scaleX(1)}33%{transform:rotate(-9deg) translate3d(7%,-18px,0) scaleX(1.1)}66%{transform:rotate(-17deg) translate3d(-5%,14px,0) scaleX(.94)}}
@keyframes njAur2{0%,100%{transform:rotate(9deg) translate3d(0,0,0) scaleX(1)}40%{transform:rotate(4deg) translate3d(-8%,20px,0) scaleX(1.12)}70%{transform:rotate(13deg) translate3d(4%,-12px,0) scaleX(.92)}}
@keyframes njAur3{0%,100%{transform:rotate(-6deg) translate3d(0,0,0) scaleX(1)}45%{transform:rotate(-2deg) translate3d(9%,-14px,0) scaleX(1.14)}75%{transform:rotate(-10deg) translate3d(-6%,10px,0) scaleX(.96)}}
@keyframes njAur4{0%,100%{transform:rotate(16deg) translate3d(0,0,0) scaleX(1)}38%{transform:rotate(21deg) translate3d(-7%,-16px,0) scaleX(1.16)}72%{transform:rotate(12deg) translate3d(5%,12px,0) scaleX(.9)}}
.nj-foot{border-top:1px solid rgba(255,255,255,.16)}
.nj-foot-in{max-width:1060px;margin:0 auto;padding:34px 28px 44px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.nj-foot-copy{font:300 13px/1 Roboto,sans-serif;color:rgba(253,249,241,.78)}
.nj-foot-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.nj-foot-links a{font:400 13px/1 Roboto,sans-serif;color:rgba(253,249,241,.82);text-decoration:none}
.nj-foot-links a:hover{color:#fff}
.nj-foot-social{display:flex;gap:18px;align-items:center}
.nj-foot-social a{color:rgba(253,249,241,.75);display:flex}

/* ── nav ── */
.nj-nav-bar{position:sticky;top:0;z-index:40;background:linear-gradient(150deg,rgba(253,249,241,.85),rgba(251,239,231,.75));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(58,31,90,.07)}
.nj-nav-in{max-width:1060px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-sizing:border-box}
.nj-nav-right{display:flex;align-items:center;gap:clamp(16px,3vw,28px)}
.nj-nav-link{font:400 15px/1 Roboto,sans-serif;color:var(--body);text-decoration:none}
.nj-nav-link:hover{color:var(--ink)}
.nj-nav-gift{position:relative;overflow:hidden;isolation:isolate;text-decoration:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px 0 15px;border-radius:999px;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(235,135,200,.55),0 8px 20px rgba(235,135,200,.3),inset 0 1px 0 rgba(255,255,255,.95);font:700 14px/1 Roboto,sans-serif;color:var(--ink);white-space:nowrap;transition:box-shadow .25s,transform .16s}
.nj-nav-gift:hover{box-shadow:0 0 0 3px rgba(235,135,200,.7),0 10px 26px rgba(235,135,200,.45),inset 0 1px 0 rgba(255,255,255,.95);color:var(--ink)}
.nj-nav-gift:active{transform:scale(.97)}
.nj-nav-berry{text-decoration:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#46266B,#33194F 70%,#2A1440);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 17px rgba(58,31,90,.28),inset 0 1px 0 rgba(255,255,255,.12);font:600 14px/1 Roboto,sans-serif;color:#FDF9F1;cursor:pointer;white-space:nowrap}
.nj-nav-berry:hover{box-shadow:0 8px 20px rgba(235,135,200,.35),0 0 0 3px rgba(235,135,200,.25),inset 0 1px 0 rgba(255,255,255,.12);color:#FDF9F1}
.nj-gs{display:none}
@media (max-width:480px){.nj-gl{display:none}.nj-gs{display:inline}}
@media (max-width:400px){.nj-nav-link{display:none}}

/* ── motion ── */
@keyframes njSpin{to{transform:rotate(360deg)}}
@keyframes njMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes njBob{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-8px) rotate(var(--r))}}
@keyframes njBreathe{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@keyframes njTapLoop{0%,22%{opacity:0;transform:scale(.4)}32%{opacity:1;transform:scale(1)}44%,100%{opacity:0;transform:scale(1.4)}}
@keyframes njRiseIn{0%,40%{opacity:0;transform:translateY(10px)}52%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes njType{0%,10%{width:0}70%,100%{width:100%}}
@keyframes njCheckIn{0%,78%{opacity:0;transform:scale(.6)}86%,100%{opacity:1;transform:scale(1)}}
@keyframes njPop{0%{opacity:0;transform:scale(.8)}10%,80%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(.8)}}
@keyframes njFill{0%,6%{width:0}68%,100%{width:100%}}
@keyframes njArrive{0%,66%{opacity:0;transform:translateY(18px) rotate(-6deg)}80%,94%{opacity:1;transform:translateY(0) rotate(-6deg)}100%{opacity:0;transform:translateY(0) rotate(-6deg)}}
.nj-breathe{width:14px;height:14px;border-radius:50%;background:var(--orchid);box-shadow:0 0 24px rgba(235,135,200,.7);animation:njBreathe 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.nj-glow,.nj-anim,.nj-breathe,.nj-end-aur,[data-marq],[data-bob]{animation:none !important}[data-marq]{overflow-x:auto;width:100% !important;padding:0 28px;box-sizing:border-box}}


/* ── the iphone-only note on the checkout (Blake, Oct 28: abundantly clear) ── */
.nj-iphone{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(150deg,rgba(249,210,236,.55),rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 17px rgba(150,90,88,.1),inset 0 1px 0 rgba(255,255,255,.95);font:400 14.5px/1.45 Roboto,sans-serif;color:var(--body);text-align:left}
.nj-iphone>svg{flex:none;margin-top:2px;color:var(--ink)}
.nj-iphone strong{font-weight:600;color:var(--ink)}
.nj-fine a{color:var(--lav)}
/* ── states ── */
[hidden]{display:none !important}
.nj-busy{opacity:.55;pointer-events:none}
.nj-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(30,16,46,.92);color:#FDF9F1;font:500 14px/1 Roboto,sans-serif;padding:12px 18px;border-radius:999px;box-shadow:0 20px 50px rgba(21,14,30,.35);z-index:90;white-space:nowrap}
/* the summary column rides along only beside the form (two columns); stacked on a phone it scrolls away with the page */
.nj-stick{position:static}
@media (min-width:861px){.nj-stick{position:sticky;top:88px}}