.demo{position:relative;z-index:1;padding:clamp(8px,1.5vh,24px) clamp(20px,4vw,48px) clamp(40px,6vh,72px);max-width:980px;margin:0 auto;width:100%}.demo-head{text-align:center;margin-bottom:clamp(20px,3vh,32px)}.demo-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(196,168,130,.22);padding:6px 14px;border-radius:9999px;margin-bottom:22px}.demo-title{font-family:var(--font-heading);font-weight:700;font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-1px;color:var(--text);margin-bottom:18px}.demo-title em{font-style:italic;color:var(--accent);font-weight:600}.demo-sub{font-size:16px;line-height:1.6;color:var(--muted);max-width:520px;margin:0 auto}.demo-form{max-width:720px;margin:0 auto}.demo-input-wrap{display:block;position:relative;background:#1a2b1eb3;border:1px solid rgba(196,168,130,.22);border-radius:14px;padding:14px 18px;transition:border-color .3s,box-shadow .3s,background .3s}.demo-input-wrap:focus-within{border-color:#c4a8828c;background:#1a2b1ee6;box-shadow:0 0 0 4px #c4a88214}.demo-input-wrap textarea{width:100%;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text);background:transparent;border:none;outline:none;resize:none;min-height:52px;max-height:120px}.demo-input-wrap textarea::placeholder{color:#a8988073;font-style:italic}.demo-row{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.demo-submit{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:500;color:#1a2b1e;background:var(--accent);border:none;border-radius:12px;padding:13px 22px;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out-expo),opacity .2s,box-shadow .3s;box-shadow:0 10px 30px #c4a8822e;flex-shrink:0}.demo-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 36px #c4a88247}.demo-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.demo-spinner{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(26,43,30,.3);border-top-color:#1a2b1e;display:none;animation:demo-spin .7s linear infinite}.demo-submit.is-loading .demo-spinner{display:inline-block}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.demo-chip{font-family:var(--font-body);font-size:12px;color:#f5f0e88c;background:#c4a88214;border:1px solid rgba(196,168,130,.14);border-radius:10px;padding:7px 12px;cursor:pointer;transition:color .2s,background .2s,border-color .2s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.demo-chip:hover{color:var(--text);background:#c4a88224;border-color:#c4a88247}.demo-result{margin-top:clamp(36px,5vh,56px);max-width:720px;margin-left:auto;margin-right:auto}.demo-thinking{display:flex;flex-direction:column;align-items:center;gap:18px;padding:56px 20px 40px}.demo-phrase{font-family:var(--font-heading);font-style:italic;font-size:clamp(18px,2.4vw,22px);color:#f5f0e8b3;letter-spacing:-.1px;text-align:center;transition:opacity .32s ease}.demo-phrase.is-fading{opacity:0}.demo-dots{display:inline-flex;gap:8px}.demo-dots span{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.4;animation:demo-bounce 1.2s ease-in-out infinite}.demo-dots span:nth-child(2){animation-delay:.15s}.demo-dots span:nth-child(3){animation-delay:.3s}@keyframes demo-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.demo-thinking.is-hidden{opacity:0;transform:translateY(-4px);pointer-events:none;height:0;padding:0;overflow:hidden;transition:opacity .35s var(--ease-out-expo),transform .35s var(--ease-out-expo),height .35s var(--ease-out-expo),padding .35s var(--ease-out-expo)}.demo-counter{text-align:center;padding:8px 0 18px;opacity:0;transform:translateY(4px);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo)}.demo-counter.is-visible{opacity:1;transform:translateY(0)}.demo-counter.is-fading{opacity:0}.demo-counter-text{font-size:11px;font-weight:500;color:var(--accent);letter-spacing:.18em;text-transform:uppercase}.demo-shelf{text-align:center;padding:18px 0 24px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.demo-shelf.is-visible{opacity:1;transform:translateY(0)}.demo-shelf-label{display:inline-block;font-size:10px;font-weight:500;color:#c4a882b3;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}.demo-shelf-name{font-family:var(--font-heading);font-weight:700;font-style:italic;font-size:clamp(28px,4vw,40px);color:var(--text);letter-spacing:-.6px;line-height:1.1}.demo-picks{list-style:none;display:flex;flex-direction:column;gap:14px}.demo-pick{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,#c4a8820f,#c4a88205);border:1px solid rgba(196,168,130,.14);border-radius:14px;opacity:0;transform:translateY(14px);animation:pick-in .6s var(--ease-out-expo) forwards}.demo-pick:nth-child(1){animation-delay:0s}.demo-pick:nth-child(2){animation-delay:.08s}.demo-pick:nth-child(3){animation-delay:.16s}.demo-pick:nth-child(4){animation-delay:.24s}.demo-pick:nth-child(5){animation-delay:.32s}@keyframes pick-in{to{opacity:1;transform:translateY(0)}}.demo-pick-cover{width:60px;height:90px;flex-shrink:0;border-radius:4px;background:#1a2b1e99;overflow:hidden;box-shadow:0 6px 18px #00000059}.demo-pick-cover img{width:100%;height:100%;object-fit:cover;display:block}.demo-pick-body{min-width:0;flex:1}.demo-pick-title{font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--text);line-height:1.2;margin-bottom:2px}.demo-pick-author{font-size:12px;color:var(--muted);letter-spacing:.02em;margin-bottom:8px}.demo-pick-note{font-size:14px;line-height:1.55;color:#f5f0e8c7;font-style:italic}.demo-error{text-align:center;font-size:14px;color:#e69090;background:#e6909014;border:1px solid rgba(230,144,144,.22);border-radius:10px;padding:12px 16px;margin-top:16px}@media(max-width:960px){.demo{padding:16px 20px 48px}.demo-row{flex-direction:column;align-items:stretch}.demo-submit{width:100%;padding:14px 22px}.demo-chips{justify-content:flex-start}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #111f16;--text: #f5f0e8;--muted: #a89880;--accent: #c4a882;--accent-soft: rgba(196, 168, 130, .2);--font-heading: "Cormorant Garamond", serif;--font-body: "DM Sans", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}#starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.quick-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:28px clamp(24px,4vw,56px) 32px;max-width:1440px;margin:0 auto}.quick-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.quick-logo{display:flex;align-items:center}.quick-nav{display:flex;align-items:center;gap:20px}.quick-eyebrow{font-size:11px;font-weight:500;color:#c4a8828c;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(196,168,130,.2);padding:6px 14px;border-radius:9999px}.quick-nav-link{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--accent);text-decoration:none;transition:opacity .2s,transform .2s var(--ease-out-expo)}.quick-nav-link span{display:inline-block;transition:transform .25s var(--ease-out-expo)}.quick-nav-link:hover{opacity:.85}.quick-nav-link:hover span{transform:translate(3px)}.quick-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,72px);align-items:center;padding-top:clamp(16px,3vh,36px);padding-bottom:clamp(12px,2vh,24px);min-height:0}.quick-hero-text{max-width:540px;animation:fadeInUp 1.1s var(--ease-out-expo) both}.quick-hook{font-family:var(--font-heading);font-style:italic;font-size:clamp(15px,1.4vw,18px);color:#a8988099;letter-spacing:.3px;margin-bottom:20px}.quick-headline{font-family:var(--font-heading);font-weight:700;font-size:clamp(48px,6.4vw,86px);line-height:.98;color:var(--text);letter-spacing:-1.8px;margin-bottom:26px}.quick-headline em{font-style:italic;color:var(--accent);font-weight:600}.quick-sub{font-size:16px;line-height:1.65;color:var(--muted);max-width:440px;margin-bottom:32px}.quick-form{display:flex;gap:10px;max-width:440px;transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo)}.quick-form.is-leaving{opacity:0;transform:translateY(-8px);pointer-events:none}.quick-form input{flex:1;font-family:var(--font-body);font-size:15px;color:var(--text);background:#1a2b1eb3;border:1px solid rgba(196,168,130,.22);border-radius:12px;padding:15px 18px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s}.quick-form input::placeholder{color:#a8988080}.quick-form input:focus{border-color:#c4a8828c;background:#1a2b1ee6;box-shadow:0 0 0 4px #c4a88214}.quick-form button{font-family:var(--font-body);font-size:14px;font-weight:500;color:#1a2b1e;background:var(--accent);border:none;border-radius:12px;padding:0 22px;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out-expo),opacity .2s,box-shadow .3s;box-shadow:0 10px 30px #c4a8822e,0 0 #c4a88200}.quick-form button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #c4a88247,0 0 0 4px #c4a88214}.quick-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.quick-success{display:none;align-items:center;gap:12px;max-width:440px;font-family:var(--font-heading);font-size:clamp(20px,2vw,26px);font-weight:600;color:var(--text);padding:18px 22px;background:linear-gradient(135deg,#c4a8821f,#c4a8820a);border:1px solid rgba(196,168,130,.28);border-radius:14px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out-expo) .1s,transform .6s var(--ease-out-expo) .1s}.quick-success.is-visible{display:flex;opacity:1;transform:translateY(0)}.quick-success-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#1a2b1e;flex-shrink:0}.quick-credit{margin-top:22px;font-size:12px;color:#a8988073;letter-spacing:.02em}.quick-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;margin-top:12px;border-top:1px solid rgba(196,168,130,.08);animation:fadeInUp 1.1s .6s var(--ease-out-expo) both}.quick-footer-group{display:flex;align-items:center;gap:18px}.quick-footer-icon{color:#a8988080;display:inline-flex;align-items:center;justify-content:center;transition:color .2s,transform .2s var(--ease-out-expo)}.quick-footer-icon:hover{color:var(--accent);transform:translateY(-1px)}.quick-footer-text-links{font-family:var(--font-body);font-size:12px;color:#a898808c;letter-spacing:.02em}.quick-footer-link{color:#a89880a6;text-decoration:none;transition:color .2s}.quick-footer-link:hover{color:var(--accent)}.quick-footer-dot{width:3px;height:3px;border-radius:50%;background:#a8988040}.quick-spread{position:relative;width:100%;height:clamp(440px,72vh,640px);pointer-events:none}.quick-card{position:absolute;top:50%;left:50%;width:clamp(180px,17vw,236px);aspect-ratio:1290 / 2796;border-radius:30px;overflow:hidden;background:#1a2b1e8c;border:1.5px solid rgba(196,168,130,.16);box-shadow:0 30px 90px #0009,0 12px 40px #00000059,inset 0 0 0 1px #f5f0e80a;transform-origin:50% 50%;opacity:0;animation:card-in 1.3s var(--ease-out-expo) both}.quick-card img{width:100%;height:100%;object-fit:cover;display:block}.quick-card-back-left{animation-delay:.25s;--tx: -220px;--ty: -60%;--rot: -22deg;--scale: .86;z-index:1}.quick-card-back-right{animation-delay:.35s;--tx: 220px;--ty: -60%;--rot: 22deg;--scale: .86;z-index:1}.quick-card-mid-left{animation-delay:.45s;--tx: -118px;--ty: -55%;--rot: -11deg;--scale: .93;z-index:2}.quick-card-mid-right{animation-delay:.55s;--tx: 118px;--ty: -55%;--rot: 11deg;--scale: .93;z-index:2}.quick-card-front{animation-delay:.7s;--tx: 0px;--ty: -50%;--rot: 0deg;--scale: 1;z-index:3;box-shadow:0 50px 120px #000000bf,0 18px 50px #00000080,0 0 180px #c4a8821a,inset 0 0 0 1px #f5f0e80f}@keyframes card-in{0%{opacity:0;transform:translate(-50%,-20%) rotate(0) scale(.9)}to{opacity:1;transform:translate(calc(-50% + var(--tx)),var(--ty)) rotate(var(--rot)) scale(var(--scale))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1e3225f2;border:1px solid rgba(196,168,130,.2);border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;color:var(--text);z-index:100;animation:toast-in .3s var(--ease-out-expo)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:960px){html,body{overflow-x:hidden;overflow-y:auto}.quick-shell{padding:20px 20px 28px}.quick-header,.quick-nav{gap:12px}.quick-hero{grid-template-columns:1fr;gap:18px;padding-top:18px;padding-bottom:12px}.quick-hook{font-size:14px;margin-bottom:14px}.quick-headline{font-size:clamp(38px,9vw,54px);line-height:1;letter-spacing:-.8px;margin-bottom:20px}.quick-sub{font-size:15px;margin-bottom:24px}.quick-spread{display:none}.quick-footer{flex-direction:column;gap:14px;padding-top:18px;margin-top:22px}}@media(max-width:520px){.quick-shell{padding:18px 18px 24px}.quick-nav-link{font-size:12px}.quick-eyebrow{padding:5px 11px;font-size:10px}.quick-headline{font-size:clamp(32px,9vw,44px);letter-spacing:-.6px}.quick-form{flex-direction:column}.quick-form input{width:100%}.quick-form button{padding:14px 22px}}