:root{font-family:Arial,Helvetica,sans-serif;color:#172a43;background:#f4f7fc;font-synthesis:none;--blue:#245ba5;--green:#0c9a58;--red:#dc3c35;--line:#dbe3ed}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efb742;outline-offset:4px}.header{min-height:112px;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.header>img{width:260px;max-width:60%;height:auto}.header-note{font-size:12px;letter-spacing:2px;font-weight:800;text-align:right;color:var(--blue)}.header-note span{display:block;font-size:14px;letter-spacing:0;color:#748195;font-weight:400;margin-top:7px}.studio{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:45px 6%;align-items:center;min-height:calc(100svh - 172px)}.studio-copy{padding:12px 0}.step-label,.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.step-label span{color:#7b8899;margin-left:14px}h1{font-size:clamp(34px,4.3vw,62px);line-height:1.06;letter-spacing:-2px;margin:24px 0;color:#152943;max-width:590px}h1 em{font-style:normal;color:var(--blue)}.description,.result-copy>p{font-size:18px;line-height:1.6;color:#57677a;max-width:420px;margin:0}.steps{list-style:none;padding:0;margin:38px 0;display:grid;gap:16px;color:#8995a5}.steps li{display:flex;align-items:center;gap:12px;font-size:16px}.steps span{border:1px solid var(--line);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:12px}.steps .active{color:var(--blue);font-weight:700}.steps .active span{background:#e5edf9;border-color:#bbd0ee}.pitch-tip{border-left:3px solid var(--green);padding:5px 0 5px 16px;max-width:380px}.pitch-tip>span{font-size:11px;letter-spacing:1.2px;font-weight:800;color:var(--green)}.pitch-tip p{font-size:17px;line-height:1.45;margin:10px 0 0}.work-panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #17305d0c;padding:28px;max-width:480px;width:100%;justify-self:center}.button{min-height:58px;padding:15px 22px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;width:100%;transition:background .15s}.button svg{width:23px;height:23px;flex-shrink:0}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1b4784}.secondary{background:#fff;color:var(--blue);border-color:#b9cce6}.whatsapp{background:#087b48;color:#fff}.whatsapp:hover{background:#08673e}.record{background:var(--red);color:#fff}.text-button{padding:12px;border:0;background:transparent;color:var(--blue);font-size:14px;font-weight:600;min-height:44px}.welcome-panel{display:grid;gap:28px}.time-card{background:#eaf1fb;border-radius:16px;padding:48px 28px;position:relative;overflow:hidden}.time-card:after{content:"";position:absolute;width:180px;height:180px;right:-85px;top:-40px;background:#0c9a5824;transform:rotate(25deg)}.time-card strong{display:block;font-size:110px;font-weight:800;letter-spacing:-7px;line-height:1;color:var(--blue)}.time-card strong span{font-size:50px;letter-spacing:0;margin-left:8px}.time-card p{font-size:25px;line-height:1.35;margin:20px 0 0}.welcome-details{display:grid;gap:16px;font-size:15px;color:#526379}.welcome-details>span{display:flex;align-items:center;gap:10px}.welcome-details svg{width:22px;height:22px;color:var(--green)}label{font-size:14px;font-weight:700}.phone-input{display:flex;border:2px solid #c7d7eb;border-radius:12px;overflow:hidden;margin-top:12px;background:#f8faff;min-height:66px}.phone-input select{width:104px;background:#eef3fb;border:0;padding:8px;font-size:16px;color:var(--blue)}.phone-input input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font-size:24px;color:#172a43}.phone-input input::placeholder{font-size:18px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.keypad button{border:1px solid var(--line);border-radius:10px;background:#f8faff;min-height:64px;font-size:26px;color:#172a43}.keypad button:active{background:#dce8fb}.keypad .small-key{font-size:14px;color:var(--blue)}.consent{display:flex;align-items:flex-start;gap:11px;margin:22px 0;font-size:14px;line-height:1.5;font-weight:400;color:#526379}.consent input{width:23px;height:23px;margin:0;flex-shrink:0;accent-color:var(--blue)}.contact-panel>.text-button{width:100%;margin-top:5px}.camera-panel{display:grid;gap:14px}.viewfinder{position:relative;aspect-ratio:9/16;background:#e9eff7;overflow:hidden;border-radius:12px;max-width:310px;width:100%;margin:auto}.viewfinder>video{position:absolute;width:100%;height:100%;object-fit:contain;background:#152943}.mirrored{transform:scaleX(-1)}.frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.empty-video{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:35px;text-align:center;color:#718197}.empty-video svg{width:48px;height:48px}.record-time{position:absolute;left:50%;top:15%;transform:translate(-50%);background:#172a43df;color:#fff;border-radius:30px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:700}.record-dot{width:12px;height:12px;border-radius:50%;background:#f25148;display:inline-block;flex-shrink:0}.record .record-dot{background:#fff}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#11203955;color:#fff;font-size:120px;font-weight:800}.camera-controls{display:flex;flex-direction:column;gap:2px;text-align:center}.helper{font-size:14px;line-height:1.5;color:#6c7c90;margin:12px 0}.progress-panel{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.progress-emblem{background:#e8f1fb;border-radius:50%;padding:25px;margin-bottom:15px;color:var(--blue)}.progress-emblem svg{width:45px;height:45px}.progress-panel>strong{font-size:34px;color:var(--blue)}.progress-panel p{font-size:16px;color:#6c7c90;margin:0}.progress-panel progress{accent-color:var(--green);width:100%;height:12px;margin:15px 0}.spinner{width:30px;height:30px;border:3px solid #dbe7f6;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:20px}@keyframes spin{to{transform:rotate(360deg)}}.ready-panel{display:flex;flex-direction:column;gap:12px}.ready-panel>video{width:200px;aspect-ratio:9/16;align-self:center;border-radius:10px;background:#152943}.success-note{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--green);font-size:14px;font-weight:700}.success-note svg{width:22px;height:22px}.recipient{text-align:center;padding:12px 0}.recipient>span{display:block;font-size:11px;letter-spacing:1.2px;color:#6c7c90;font-weight:700}.recipient strong{display:block;font-size:22px;margin-top:7px}.recipient .text-button{padding:5px;min-height:34px}.ready-panel .helper{margin:0;text-align:center}.error{background:#fff1ee;color:#ab3028;border:1px solid #ffd2c9;border-radius:10px;padding:15px;line-height:1.5;font-size:15px;margin-top:24px}.result-layout{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:60px;max-width:1080px;margin:auto;padding:48px 6%}.result-copy h1{font-size:64px}.result-actions{display:grid;gap:12px;margin-top:30px;max-width:360px}.result-video{aspect-ratio:9/16;background:#e8eef8;border-radius:16px;overflow:hidden}.result-video video{display:block;width:100%;height:100%}.login{max-width:450px;margin:60px auto;padding:24px}.login h1{font-size:44px}.login p{color:#526379;line-height:1.5}.login form{display:grid;gap:14px;margin-top:30px}.login input{border:2px solid #c7d7eb;border-radius:10px;padding:15px;font-size:20px;min-width:0}.loading{padding:80px;text-align:center}footer{padding:12px 6%;min-height:60px;display:flex;justify-content:space-between;align-items:center;color:#7a899b;font-size:12px}footer .text-button{color:#7a899b;font-size:12px}@media(max-width:1000px){.studio{gap:28px;padding:28px 4%}.header{padding:20px 4%;min-height:96px}.header>img{width:230px}.work-panel{padding:20px}.studio h1{font-size:42px}.description{font-size:16px}.steps{margin:25px 0}.viewfinder{max-width:260px}.pitch-tip p{font-size:15px}.result-layout{grid-template-columns:1fr 310px;gap:35px}.result-copy h1{font-size:54px}}@media(max-width:680px){.header{min-height:82px;padding:18px 5%}.header>img{width:195px}.header-note{font-size:10px;letter-spacing:1px}.header-note span{display:none}.studio{display:flex;flex-direction:column;gap:22px;padding:28px 5%}.studio-copy{width:100%;padding:0}.studio h1{font-size:36px;max-width:380px;margin:16px 0;letter-spacing:-1px}.description{font-size:16px}.steps,.pitch-tip{display:none}.work-panel{max-width:480px}.viewfinder{max-width:280px}.time-card{padding:32px}.time-card strong{font-size:100px}.phone-input input{font-size:22px}.result-layout{display:flex;flex-direction:column;padding:30px 6%;gap:25px}.result-copy{width:100%}.result-copy h1{font-size:43px;line-height:1.08;letter-spacing:-1.5px}.result-copy h1 br{display:none}.result-copy h1 em{margin-left:8px}.result-video{width:min(100%,340px);order:-1}.result-copy>p{font-size:16px}.result-actions{max-width:none}.login{margin:30px auto;padding:24px}footer{padding:12px 5%}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.button{transition:none}}
