@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d12;--ink:#eff3f7;--muted:#8593a4;--line:#26313c;--accent:#b5efff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font:16px/1.5 'DM Sans',sans-serif;min-height:100svh;background:radial-gradient(ellipse at 73% 45%,#11212d80,transparent 55%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.frame{position:fixed;inset:16px;border:1px solid #34424f55;pointer-events:none;z-index:3}.frame:before,.frame:after{content:'';position:absolute;width:7px;height:7px;background:var(--accent);opacity:.65}.frame:before{left:-4px;top:-4px}.frame:after{right:-4px;bottom:-4px}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:40px 5.2vw}.identity{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600;letter-spacing:.16em}.monogram{font-size:35px;letter-spacing:-.09em;font-family:'Manrope',sans-serif;font-weight:800;line-height:1}.monogram span{color:#ffad86}.edition{font-size:12px;color:#a2aebc;letter-spacing:.13em}.edition span{margin-left:16px;color:#59697b}main{position:relative;min-height:calc(100svh - 202px);display:flex;align-items:center;padding:36px 8vw 62px;isolation:isolate}.visual{position:absolute;inset:-60px 0 -35px 24%;z-index:-1;overflow:hidden}canvas{width:100%;height:100%;display:block}.orbit-label{position:absolute;bottom:14%;right:12%;font-size:11px;letter-spacing:.23em;color:#617b8f}.intro{max-width:650px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#9faebb;margin:0 0 29px;display:flex;align-items:center;gap:12px}.spark{color:#ffad86;font-size:23px;line-height:1}h1{font-family:'Manrope',sans-serif;font-size:clamp(56px,6.7vw,108px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--accent)}.invitation{font-size:21px;color:#acbac7;line-height:1.55;margin:32px 0}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary,.secondary{min-height:50px;padding:13px 19px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.primary{background:var(--accent);border:1px solid var(--accent);color:#122029}.primary:hover{background:#d2f5ff;transform:translateY(-2px)}.primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.secondary{color:#cfdae5;background:#0d141d99;border:1px solid #354353}.secondary:hover{background:#1b2733}.secondary span{font-size:22px;font-weight:400;line-height:1}#feedback{color:#7f90a2;font-size:13px;max-width:440px;margin:15px 0 0;min-height:20px}#questions{margin-top:15px;padding:15px;background:#101923ed;border:1px solid #2b3b4b;border-radius:6px;max-width:420px}#questions p{font-size:12px;color:#8ba0b5;margin:0 0 8px}#questions button{width:100%;padding:9px 10px;text-align:left;background:none;border:none;color:#d4e2ef;font-size:14px;border-radius:3px}#questions button:hover,#questions button.selected{background:#223340;color:var(--accent)}#fallback{max-width:460px;margin-top:15px}#fallback label{display:block;font-size:13px;margin-bottom:8px;color:#aec2d5}textarea{background:#111d28;border:1px solid #354353;color:#dcebf5;border-radius:4px;width:100%;padding:12px;font:14px/1.5 'DM Sans',sans-serif;resize:vertical}footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5.2vw 35px;color:#718195;font-size:11px;letter-spacing:.12em}footer>span{max-width:550px}.footer-actions{display:flex;gap:25px;align-items:center;flex-shrink:0}footer a,footer button{font:13px/1.5 'DM Sans',sans-serif;letter-spacing:0;color:#93a5b7;display:flex;align-items:center;gap:9px}footer a:hover,footer button:hover{color:var(--accent)}footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}footer button{border:none;background:none;padding:7px 0}.pause-icon{font-weight:bold}.no-script{font-size:14px;color:#a6bacd}.no-script a{text-decoration:underline}@media(min-width:1700px){main{padding-left:12vw}.visual{left:32%}}@media(max-width:800px){header{padding:34px 7vw}.identity{font-size:11px;gap:12px}.edition{font-size:10px;letter-spacing:.08em}.edition span{margin-left:4px}main{padding:240px 8vw 40px;align-items:flex-end;min-height:calc(100svh - 195px)}.visual{inset:-50px -25% 35% -12%}.orbit-label{display:none}h1{font-size:clamp(49px,10vw,78px)}.intro{width:100%}.eyebrow{margin-bottom:21px;font-size:11px}.invitation{font-size:18px;margin:24px 0}.primary,.secondary{font-size:13px;padding:12px 14px}footer{padding:15px 8vw 30px;align-items:flex-start;gap:16px;flex-direction:column;font-size:10px}.footer-actions{gap:25px}.frame{inset:10px}}@media(max-width:390px){.edition{max-width:115px;text-align:right}.edition span{display:block}.actions{gap:8px}.secondary{padding:12px}main{padding-top:215px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.chapters{position:absolute;right:8%;bottom:5%;display:flex;gap:5px;z-index:2;padding:5px;border:1px solid #2d414e80;border-radius:7px;background:#0b131bb0;backdrop-filter:blur(12px)}.chapters button{background:transparent;border:0;color:#7e95a7;padding:10px 12px;font-size:12px;border-radius:4px;white-space:nowrap}.chapters button span{display:block;text-align:left;font-size:10px;letter-spacing:.12em;margin-bottom:4px;color:#516e82}.chapters button:hover{color:#e2f7ff;background:#172b3880}.chapters button.active{color:#c5f2ff;background:#18303b}.chapters button.active span{color:#ffb18b}.orbit-label{bottom:16%;right:15%}@media(max-width:800px){.chapters{top:182px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);gap:0;padding:3px}.chapters button{font-size:11px;padding:7px 9px}.chapters button span{font-size:10px}main{padding-top:265px}.visual{inset:-50px -25% 35% -12%}}

.portrait-guide{position:absolute;right:8%;bottom:1%;z-index:2;width:440px;max-width:44%;text-align:center}.portrait-guide .chapters{position:static;transform:none;justify-content:center;width:fit-content;margin:0 auto}.portrait-caption{font-size:14px;line-height:1.5;color:#a6bacb;margin:12px 0 0;min-height:42px;text-wrap:balance}@media(max-width:800px){.portrait-guide{top:182px;bottom:auto;left:6%;right:6%;width:auto;max-width:none}.portrait-caption{max-width:370px;margin:10px auto 0;min-height:42px;font-size:14px}main{padding-top:305px}}

h1{font-size:clamp(52px,5.8vw,92px)}.invitation{max-width:460px}@media(max-width:800px){h1{font-size:clamp(42px,9vw,72px)}}

/* Shared alignment for the form heading, selector, and caption. */
.linkedin-link{font-size:14px;color:#a9bbcb;letter-spacing:.03em;padding:10px 0;border-bottom:1px solid #3b5265}.linkedin-link:hover{color:var(--accent);border-color:var(--accent)}
h1{font-size:clamp(50px,5.5vw,86px);line-height:1.16;letter-spacing:-.04em}
.portrait-guide{width:500px;max-width:46%}.portrait-guide .orbit-label{position:static;display:block;margin:0 0 16px;text-align:center;font-size:12px;letter-spacing:.18em;color:#8da8bb}
.portrait-guide .chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;padding:6px}
.portrait-guide .chapters button{font-size:14px;padding:13px 12px;min-height:64px;text-align:left}.portrait-guide .chapters button span{font-size:11px;margin-bottom:5px}.portrait-caption{margin-top:14px}
@media(max-width:800px){h1{font-size:clamp(40px,8.7vw,69px);line-height:1.16}.portrait-guide{width:auto;max-width:none}.portrait-guide .orbit-label{margin-bottom:12px;font-size:11px}.portrait-guide .chapters button{font-size:13px;padding:10px 9px;min-height:58px}main{padding-top:345px}}
@media(max-width:480px){.portrait-guide{top:172px;left:8%;right:8%}.portrait-guide .chapters{grid-template-columns:repeat(2,1fr)}.portrait-guide .chapters button{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 12px}.portrait-guide .chapters button span{margin:0}main{padding-top:375px}.portrait-caption{font-size:14px;min-height:42px}header{padding-top:32px}}