@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--ink:#080e19;--panel:#111927;--ivory:#f1eadd;--muted:#a7a39b;--red:#c94336}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--ivory);margin:0;font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{color:inherit}.rtl{font-family:IBM Plex Sans Arabic,Inter,Arial,sans-serif}.rtl h1,.rtl h2,.rtl .steps h3,.rtl .delivery-panel h3,.rtl .delivery-success h3{font-family:IBM Plex Sans Arabic,sans-serif}.rtl h1{letter-spacing:-.025em;line-height:1.15}.rtl .eyebrow{letter-spacing:.08em}.hero{background:radial-gradient(circle at 69% 45%,#152033 0,#0000 31%),linear-gradient(120deg,#080e19,#060b14);flex-direction:column;min-height:100svh;padding:0 5.5vw 4vh;display:flex;overflow:hidden}.site-header{justify-content:space-between;align-items:center;height:116px;display:flex}.wordmark{color:var(--ivory);letter-spacing:.36em;text-transform:uppercase;align-items:center;gap:14px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}.wordmark img{object-fit:cover;border-radius:12px;width:46px;height:46px;box-shadow:0 8px 22px #0008}.text-link{text-transform:uppercase;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #847f77;padding:8px 0;font-size:12px}.header-actions{align-items:center;gap:28px;display:flex}.language-switch{color:#696f78;align-items:center;gap:7px;font-size:11px;display:flex}.language-switch button{color:#737984;cursor:pointer;background:0 0;border:0;padding:7px 0}.language-switch button.active{color:var(--ivory);border-bottom:1px solid #bd493e}.hero-grid{flex:1;grid-template-columns:1fr 1.05fr;align-items:center;gap:5vw;padding-bottom:2vh;display:grid}.hero-copy{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#8e8a84;margin:0 0 22px;font-size:11px}h1,h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:400}h1{letter-spacing:-.035em;font-size:clamp(58px,5.4vw,88px);line-height:.96}.lede{color:var(--muted);max-width:610px;margin:30px 0 34px;font-size:18px;line-height:1.6}.primary{text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#d34b3e,#b83329);border:1px solid #de584a;min-width:305px;min-height:66px;font-size:12px;transition:all .2s;box-shadow:0 12px 36px #0009,inset 0 1px #ffffff3d}.primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.record-dot,.status-dot{background:#ed493a;border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block;box-shadow:0 0 12px #ef3f2f}.privacy{color:#88857f;margin-top:25px;font-size:13px}.privacy span{color:#bda387;margin-right:9px}.machine-wrap{perspective:900px}.machine-art{filter:drop-shadow(0 32px 38px #000c);position:relative;transform:rotateY(-2deg)}.machine-art img{width:100%;display:block}.machine-status{text-transform:uppercase;letter-spacing:.24em;text-align:center;width:max-content;color:var(--ivory);font-size:12px;position:absolute;top:29%;left:50%;transform:translate(-50%)}.status-dot{animation:3s infinite breathe}.duration{color:#ef493b;letter-spacing:.12em;font-family:monospace;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.intent-rail{color:#b8a99b;letter-spacing:.13em;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:0;min-height:78px;font-family:Cormorant Garamond,serif;font-size:14px;display:flex}.intent-rail span:not(:last-child):after{content:"•";color:var(--red);margin:0 25px}.how{color:#201d1a;background:#eee7da;padding:120px 7vw 140px}.how h2{font-size:64px}.steps{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:65px;display:grid}.steps article{border-top:1px solid #2c2825;padding-top:20px}.steps span{color:#9c433b;font-size:12px}.steps h3{margin:36px 0 12px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:500}.steps p{color:#625c55;line-height:1.7}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03060bd9;place-items:center;padding:14px;display:grid;position:fixed;inset:0;overflow:auto}.recorder-shell{width:min(680px,100%);max-height:calc(100svh - 28px);color:var(--ivory);background:#0c131f;border:1px solid #515762;border-radius:20px;padding:55px;position:relative;overflow:auto;box-shadow:0 35px 100px #000}.recorder-shell h2{font-size:48px}.dialog-close{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:18px;right:22px}.intent-options{grid-template-columns:1fr 1fr;gap:10px;margin:35px 0 25px;display:grid}.intent-options button{text-align:left;cursor:pointer;background:#111a28;border:1px solid #343c48;padding:18px}.intent-options button:hover{border-color:#bd493e}.dialog-note{color:#8e9297;font-size:13px}.back-button,.quiet-button{color:#aaa;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.name-field{color:#b9b4ab;text-transform:uppercase;letter-spacing:.12em;margin:30px 0 18px;font-size:12px;display:block}.name-field small{text-transform:none;letter-spacing:0;color:#737984;margin-left:6px}.name-field input{width:100%;color:var(--ivory);background:0 0;border:0;border-bottom:1px solid #3c4552;outline:none;margin-top:10px;padding:15px 0;font-size:18px;display:block}.record-stage{background:#080e17;border:1px solid #303946;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:175px;margin:25px 0;display:flex}.record-stage.is-recording{border-color:#8b352f;box-shadow:inset 0 0 55px #751c1717}.record-time{color:#eee5d8;letter-spacing:.12em;font-family:monospace;font-size:24px}.record-time small{color:#666e78;font-size:12px}.record-control{color:#ddd4c8;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;font-size:11px}.record-control span{vertical-align:middle;background:#c94336;border-radius:50%;width:34px;height:34px;margin-right:12px;display:inline-block;box-shadow:0 0 0 8px #c9433620}.is-recording .record-control span{border-radius:5px;transform:scale(.55)}.audio-player{accent-color:#c94336;width:min(100%,460px)}.record-actions{justify-content:space-between;align-items:center;gap:20px;margin:22px 0;display:flex}.seal-button{min-width:240px;min-height:56px}.form-error{color:#ef786e;font-size:13px}.sealed-link{border:1px solid #3a4350;align-items:center;gap:15px;margin:35px 0 20px;padding:8px 8px 8px 16px;display:flex}.sealed-link span{white-space:nowrap;text-overflow:ellipsis;color:#c1bbb1;flex:1;font-size:13px;overflow:hidden}.sealed-link button{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#c94336;border:0;padding:13px 18px;font-size:10px}.email-launch{color:#e7d9c8;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#171c24;border:1px solid #8e6f56;width:100%;margin:18px 0 24px;padding:17px;font-size:11px}.delivery-panel{text-align:left;background:#080e17;border:1px solid #343d49;border-radius:14px;margin:24px 0;padding:24px}.delivery-panel h3,.delivery-success h3{margin:0 0 20px;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:400}.delivery-field{color:#aaa59c;letter-spacing:.12em;text-transform:uppercase;margin:18px 0;font-size:11px;display:block}.delivery-field input{width:100%;color:var(--ivory);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101824;border:1px solid #38414d;border-radius:8px;outline:none;margin-top:9px;padding:14px;font-size:16px}.identity-options{border:0;margin:22px 0;padding:0}.identity-options legend{color:#aaa59c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.identity-options label{cursor:pointer;border-bottom:1px solid #262e39;gap:12px;padding:13px 0;display:flex}.identity-options input{accent-color:#c94336}.identity-options span{flex-direction:column;gap:4px;display:flex}.identity-options strong{font-size:14px;font-weight:500}.identity-options small{color:#737b86}.schedule-toggle,.consent-check{color:#b5afa5;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.5;display:flex}.schedule-toggle input,.consent-check input{accent-color:#c94336;margin-top:3px}.delivery-button{width:100%;min-width:0;min-height:54px;margin-top:8px}.delivery-success{text-align:center;background:#18302240;border:1px solid #456753;border-radius:14px;margin:24px 0;padding:28px}.delivery-success>span{background:#365e45;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:14px;display:inline-grid}.delivery-success p,.sender-hint{color:#8c9299;font-size:13px}.sender-reveal{color:#bcb4a8;margin:24px 0 0;font-size:16px}.sender-reveal strong{color:var(--ivory);font-weight:500}.message-page{background:radial-gradient(circle at 50% 30%,#172234,#0000 36%),#080e19;place-items:center;min-height:100svh;padding:60px 24px;display:grid}.message-card{text-align:center;width:min(740px,100%)}.message-card .wordmark{margin-bottom:35px;display:inline-block}.recipient-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.recipient-header .wordmark{margin-bottom:0}.message-card h1{font-size:clamp(48px,7vw,72px)}.message-card .lede{margin-left:auto;margin-right:auto}.recipient-machine{filter:drop-shadow(0 28px 30px #000c);width:min(520px,100%);margin:0 auto 15px;position:relative}.recipient-machine img{width:100%}.recipient-machine .machine-status{top:29%}.message-card .primary{margin-top:8px}.message-card .audio-player{margin:30px auto 15px;display:block}.expires{color:#747983;font-size:12px}.secondary-link{color:#d9cfc1;text-underline-offset:5px}@keyframes breathe{50%{opacity:.45;box-shadow:0 0 5px #ef3f2f}}@media (width<=900px){.hero{padding:0 24px 28px}.site-header{height:88px}.wordmark{gap:10px;font-size:14px}.wordmark img{border-radius:10px;width:40px;height:40px}.hero-grid{grid-template-columns:1fr;padding:45px 0}h1{font-size:58px}.machine-wrap{margin-top:25px}.intent-rail{flex-wrap:wrap;gap:8px;padding:22px 0}.intent-rail span:not(:last-child):after{margin:0 10px}.steps{grid-template-columns:1fr}}@media (width<=520px){h1{font-size:47px}.text-link{display:none}.header-actions{gap:12px}.site-header .language-switch{font-size:10px}.recipient-header{align-items:flex-start;gap:15px}.recipient-header .wordmark span{display:none}.primary{width:100%;min-width:0}.machine-status{font-size:8px}.recorder-shell{padding:45px 22px 28px}.intent-options{grid-template-columns:1fr}.record-actions{flex-direction:column-reverse;align-items:stretch}.seal-button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}