:root{color:#101828;--ink:#101828;--muted:#667085;--card:#fff;--line:#f0d6ca;--brand:#b54708;--brand-dark:#93370d;--soft:#fff1e8;--shadow:0 20px 60px #1018281f;background:#fffaf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 0 0,#ff945c2e,#0000 34rem),radial-gradient(circle at 100% 100%,#b5470824,#0000 34rem),#fffaf7;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf7db;border-bottom:1px solid #f0d6caa6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#b54708,#101828);border-radius:.8rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.82rem;display:inline-grid}.nav{align-items:center;gap:.2rem;display:flex}.nav-link{color:#475467;border-radius:999px;padding:.55rem .75rem;font-size:.92rem}.nav-link.active,.nav-link:hover{background:var(--soft);color:var(--brand-dark)}.header-cta,.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.82rem 1.05rem;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--brand);box-shadow:0 10px 24px #b5470838}.primary-button:hover{background:var(--brand-dark)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.header-cta{color:#fff;background:var(--ink)}.hero{grid-template-columns:minmax(0,1.06fr) minmax(320px,.8fr);align-items:center;gap:3rem;max-width:1240px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4rem);display:grid}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}h1{letter-spacing:-.07em;margin:.2rem 0 1rem;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.94}h2{letter-spacing:-.05em;margin:.25rem 0 1rem;font-size:clamp(1.8rem,3vw,3rem)}h3{letter-spacing:-.03em;margin:0 0 .55rem}.hero-subtitle{color:var(--muted);max-width:44rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.hero-actions,.button-row,.trust-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.pill{border:1px solid var(--line);color:#475467;background:#fff;border-radius:999px;padding:.48rem .75rem;font-size:.9rem;display:inline-flex}.hero-card,.info-card,.step-card,.form-card,.preview-panel,.faq-item,.timeline-list>div{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1.4rem;box-shadow:0 10px 30px #1018280f}.phone-frame{color:#fff;background:linear-gradient(#101828,#2d1b14);border-radius:1.5rem;align-content:center;gap:1rem;min-height:520px;padding:1rem;display:grid}.video-tile{text-align:center;background:radial-gradient(circle,#ffffff2e,#ffffff0d);border:1px solid #ffffff2e;border-radius:1.25rem;place-items:center;min-height:330px;display:grid}.avatar-mask{font-size:6rem}.call-controls{gap:.5rem;display:grid}.call-controls span{background:#ffffff1a;border-radius:.9rem;padding:.8rem;display:block}.section-grid,.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,4rem) 4rem;display:grid}.info-card p,.step-card p,.faq-item p,.timeline-list p{color:var(--muted);line-height:1.6}.content-page,.form-page,.legal-page{max-width:1180px;margin:0 auto;padding:3rem clamp(1rem,4vw,4rem) 5rem}.page-hero{margin-bottom:2rem}.preview-layout{grid-template-columns:minmax(0,1fr) 360px;gap:1rem;display:grid}.video-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.participant-card{color:#fff;background:#101828;border-radius:1.25rem;align-content:center;place-items:center;gap:.45rem;min-height:220px;display:grid}.mask-face{font-size:4rem}.state-box{border:1px solid var(--line);background:#fffaf7;border-radius:1rem;padding:1rem}.state-label{color:var(--brand);margin:0;font-weight:800}.progress{background:#f2f4f7;border-radius:999px;height:.55rem;overflow:hidden}.progress>div{background:var(--brand);height:100%;transition:width .2s}.timeline,.faq-list,.timeline-list{gap:.75rem;display:grid}.timeline-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.timeline-item span,.step-card span{background:var(--soft);width:2rem;height:2rem;color:var(--brand-dark);border-radius:999px;flex:none;place-items:center;font-weight:800;display:inline-grid}.timeline-item.active{border-color:var(--brand);box-shadow:0 10px 24px #b5470821}.form-card{gap:1rem;max-width:680px;display:grid}label{gap:.45rem;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:.85rem;padding:.85rem 1rem}.success-message{color:#027a48;background:#ecfdf3;border:1px solid #abefc6;border-radius:.85rem;padding:.85rem 1rem}.legal-page{max-width:850px;line-height:1.7}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);display:flex}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=900px){.site-header{flex-wrap:wrap;align-items:flex-start}.nav{order:3;width:100%;padding-bottom:.2rem;overflow-x:auto}.hero,.preview-layout,.section-grid,.steps-grid{grid-template-columns:1fr}.phone-frame{min-height:420px}.site-footer{flex-direction:column}}.error-message{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:.85rem;padding:.85rem 1rem}.webrtc-card{color:#fff;background:#111827;border-radius:1.25rem;margin-top:1rem;padding:1rem}.webrtc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.webrtc-tile{aspect-ratio:16/9;background:#020617;border-radius:1rem;position:relative;overflow:hidden}.webrtc-tile video{object-fit:contain;background:#020617;width:100%;height:100%}.video-label{color:#fff;background:#0f172ac7;border-radius:999px;padding:.35rem .65rem;font-size:.85rem;position:absolute;bottom:.75rem;left:.75rem}.video-placeholder{color:#d1d5db;background:radial-gradient(circle,#1f2937,#020617);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.hidden-video-source{display:none}.call-screen{z-index:1000;color:#fff;touch-action:manipulation;background:#020617;position:fixed;inset:0;overflow:hidden}.webrtc-stage.fullscreen{background:#020617;position:absolute;inset:0}.webrtc-full-layout{position:absolute;inset:0}.remote-video-tile{background:#020617;position:absolute;inset:0;overflow:hidden}.remote-video-tile video{object-fit:contain;background:#020617;width:100%;height:100%}.local-pip-tile{right:max(1rem, env(safe-area-inset-right));top:max(5.5rem, env(safe-area-inset-top));aspect-ratio:9/16;z-index:3;background:#111827;border:2px solid #ffffffb8;border-radius:1.1rem;width:min(28vw,180px);position:absolute;overflow:hidden;box-shadow:0 18px 45px #00000073}.local-pip-tile video{object-fit:contain;background:#020617;width:100%;height:100%}.call-overlay{z-index:5;pointer-events:none;opacity:0;background:linear-gradient(#020617b8,#0000 34%),linear-gradient(#0000 58%,#020617d6);transition:opacity .22s;position:absolute;inset:0}.call-overlay.visible{opacity:1}.call-top-bar{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));right:max(1rem, env(safe-area-inset-right));pointer-events:auto;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute}.call-bottom-controls{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:min(92vw,680px);display:flex;position:absolute;transform:translate(-50%)}.icon-button{color:#fff;cursor:pointer;background:#0f172ab8;border:1px solid #ffffff59;border-radius:999px;padding:.65rem .9rem}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:999px;padding:.8rem 1.1rem;font-weight:700}.call-error{left:50%;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 5rem));color:#fecaca;pointer-events:auto;background:#7f1d1ddb;border:1px solid #f871718c;border-radius:1rem;width:min(92vw,720px);padding:.85rem 1rem;position:absolute;transform:translate(-50%)}.call-status-text{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));color:#ffffffbf;z-index:4;font-size:.85rem;position:absolute}.call-ended-panel{text-align:center;background:radial-gradient(circle at top,#4f46e559,#0000 42%),#020617;place-items:center;min-height:100dvh;padding:2rem;display:grid}.call-ended-panel h1{color:#fff}.call-ended-panel p{color:#ffffffc2}@media (width<=760px){.local-pip-tile{width:32vw;min-width:96px;max-width:132px;top:max(4.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.call-top-bar{left:max(.85rem, env(safe-area-inset-left));right:max(.85rem, env(safe-area-inset-right))}.call-bottom-controls{bottom:max(1rem, env(safe-area-inset-bottom));gap:.55rem;width:min(94vw,520px)}.call-bottom-controls button{min-height:2.6rem;padding:.75rem .9rem}.call-status-text{display:none}.webrtc-grid{grid-template-columns:1fr}}:root{color:#fff7fb;--ink:#fff7fb;--muted:#c7b8da;--card:#180a2bc7;--line:#ffffff24;--brand:#ff2e88;--brand-dark:#ff7a1a;--soft:#ff2e8821;--violet:#7c3aed;--cyan:#00e5ff;--night:#07010f;--night-2:#13051f;--shadow:0 24px 80px #00000061;--glow-pink:0 0 42px #ff2e886b;--glow-violet:0 0 64px #7c3aed5c;background:#07010f}html,body,#root{min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 18% 8%,#ff2e8857,#0000 28rem),radial-gradient(circle at 78% 18%,#7c3aed52,#0000 30rem),radial-gradient(circle at 62% 88%,#00e5ff29,#0000 26rem),linear-gradient(135deg,#07010f 0%,#13051f 46%,#090214 100%);margin:0;overflow-x:hidden}.app-shell{min-height:100dvh}.site-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07010fb8;border-bottom:1px solid #ffffff1c}.brand{color:#fff}.brand-mark{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff7a,#0000 24%),linear-gradient(135deg,#ff2e88 0%,#7c3aed 52%,#00e5ff 100%);position:relative;overflow:hidden;box-shadow:0 0 24px #ff2e8885,0 0 42px #7c3aed61}.brand-mark:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);animation:3.2s ease-in-out infinite brand-shine;position:absolute;inset:-40%;transform:rotate(24deg)translate(-120%)}.brand-mark span{z-index:1;letter-spacing:.04em;font-size:.72rem;position:relative}.brand-word{color:#fff;align-items:baseline;gap:.05rem;display:inline-flex}.brand-word strong{background:linear-gradient(135deg,#ff2e88,#ff7a1a);color:#0000;-webkit-background-clip:text}@keyframes brand-shine{0%,62%{transform:rotate(24deg)translate(-130%)}to{transform:rotate(24deg)translate(130%)}}.nav-link{color:#ffffffb8}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff17}.header-cta,.primary-button{color:#fff;background:linear-gradient(135deg,#ff2e88 0%,#ff7a1a 52%,#7c3aed 100%);box-shadow:0 16px 38px #ff2e8847,0 0 36px #7c3aed38}.header-cta:hover,.primary-button:hover{background:linear-gradient(135deg,#ff4c9a 0%,#ff8c32 52%,#8b5cf6 100%);transform:translateY(-1px)}.secondary-button{color:#fff;background:#ffffff14;border:1px solid #ffffff29}.secondary-button:hover{background:#ffffff21}.hero-card,.info-card,.step-card,.form-card,.preview-panel,.faq-item,.timeline-list>div{color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1b,#ffffff0b);border:1px solid #ffffff24}.hero-subtitle,.info-card p,.step-card p,.faq-item p,.timeline-list p,.site-footer{color:var(--muted)}.eyebrow{color:#ff7a1a}h1,h2,h3{color:#fff}.pill{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.form-card{background:radial-gradient(circle at 0 0,#ff2e8826,#0000 18rem),#0f071ec7}label{color:#fff}input,textarea,select{color:#fff;background:#ffffff13;border:1px solid #ffffff2e}input::placeholder,textarea::placeholder{color:#ffffff6b}input:focus,textarea:focus,select:focus{border-color:#ff2e88e0;outline:none;box-shadow:0 0 0 4px #ff2e8829}option{color:#101828}.state-box{color:#fff;background:radial-gradient(circle at 0 0,#ff2e882e,#0000 18rem),#ffffff13;border:1px solid #ffffff24}.state-label{color:#ff7a1a}.site-footer{border-top:1px solid #ffffff1f}.error-message{color:#fecaca;background:#7f1d1db8;border:1px solid #f8717175}.success-message{color:#bbf7d0;background:#14532d9e;border:1px solid #4ade806b}.phone-frame{box-shadow:var(--glow-violet);background:radial-gradient(circle at 50% 18%,#ff2e8857,#0000 16rem),linear-gradient(#16051f,#05010a);border:1px solid #ffffff21}.video-tile{background:radial-gradient(circle,#ff2e8838,#7c3aed1a,#ffffff0a)}.webrtc-tile video,.remote-video-tile video,.local-pip-tile video{object-fit:contain;background:#020617}.call-screen .primary-button{color:#101828;background:#ffffffeb;box-shadow:0 14px 35px #00000047}.call-screen .primary-button:hover{background:#fff}.call-screen .secondary-button{color:#fff;background:#0f172ab8;border:1px solid #ffffff52}.call-screen .secondary-button:hover{background:#1e293bdb}.call-top-bar h2{color:#fff;letter-spacing:-.03em;margin:.2rem 0 0;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.1}.call-screen .eyebrow{color:#ffffffb8}@media (width<=760px){.local-pip-tile{width:32vw;min-width:96px;max-width:132px;top:max(4.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.call-top-bar{left:max(.85rem, env(safe-area-inset-left));right:max(.85rem, env(safe-area-inset-right))}.call-bottom-controls{bottom:max(1rem, env(safe-area-inset-bottom));gap:.55rem;width:min(94vw,520px)}.call-bottom-controls button{min-height:2.6rem;padding:.75rem .9rem}}.header-actions{align-items:center;gap:.7rem;display:flex}.header-cta.subtle{box-shadow:none;background:#ffffff17;border:1px solid #ffffff29}.logout-button{color:#fff;cursor:pointer;background:#ffffff13;border:1px solid #ffffff2e;border-radius:999px;min-height:2.75rem;padding:.82rem 1.05rem;font-weight:700}.logout-button:hover{background:#ffffff21}.mobile-menu-button{cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.22rem;width:2.85rem;height:2.85rem;display:none}.mobile-menu-button span{background:#fff;border-radius:999px;width:1.15rem;height:2px;display:block}.mobile-nav-panel{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 100% 0,#ff2e8833,#0000 12rem),#0c0418f0;border:1px solid #ffffff24;border-radius:1.25rem;padding:.85rem;position:absolute;top:calc(100% + .75rem);left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem);box-shadow:0 24px 80px #00000075}.mobile-nav-links{gap:.45rem;display:grid}.mobile-nav-links .nav-link,.mobile-nav-action{color:#fff;text-align:left;background:#ffffff0f;border:1px solid #ffffff17;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;padding:.9rem 1rem;font-weight:700;display:flex}.mobile-nav-links .nav-link.active,.mobile-nav-links .nav-link:hover,.mobile-nav-action:hover{background:#ffffff1f}.mobile-nav-action.primary{background:linear-gradient(135deg,#ff2e88 0%,#ff7a1a 52%,#7c3aed 100%);border:0;justify-content:center}.mobile-nav-action.danger{color:#fff;cursor:pointer;background:#dc2626db;border:0;justify-content:center}@media (width<=900px){.site-header{flex-wrap:nowrap;align-items:center;position:sticky}.desktop-nav,.header-actions{display:none}.mobile-menu-button{display:inline-flex}.nav{order:unset;width:auto;padding-bottom:0;overflow:visible}.brand-word{font-size:1rem}}