:root{--ink:#14241e;--muted:#66736d;--paper:#f4f1e9;--card:#fffdf8;--line:#d9ded6;--green:#1d5943;--green-light:#dceade;--coral:#e86e51}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.shell{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.brand{height:92px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(20,36,30,.14);font-size:13px;font-weight:800;letter-spacing:.18em}.brand-mark{width:30px;height:30px;border-radius:50%;background:var(--green);display:grid;place-items:center}.brand-mark span{width:8px;height:14px;border:2px solid #fff;border-radius:6px;position:relative}.privacy-pill{margin-left:auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;letter-spacing:.08em}.workspace{flex:1 1;display:grid;grid-template-columns:1fr 440px;grid-gap:clamp(50px,10vw,140px);gap:clamp(50px,10vw,140px);align-items:center;padding:70px 0}.eyebrow{margin:0 0 18px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.18em}h1{max-width:590px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(60px,7vw,96px);line-height:.92;font-weight:500;letter-spacing:-.055em}.lede{max-width:480px;margin:30px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.recorder-card{min-height:510px;padding:28px;border:1px solid var(--line);border-radius:32px;background:var(--card);box-shadow:0 30px 80px rgba(31,48,41,.09);flex-direction:column}.recorder-card,.status-row{display:flex;align-items:center}.status-row{align-self:stretch;justify-content:space-between;font-size:12px;font-weight:700}.status-label{display:flex;align-items:center;gap:8px}.status-label i{display:block;width:7px;height:7px;background:#88a99b;border-radius:50%}.recording .status-label i{background:var(--coral);box-shadow:0 0 0 5px rgba(232,110,81,.12)}.timer{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.08em}.waveform{height:92px;margin-top:58px;display:flex;align-items:center;gap:5px;opacity:.35}.waveform span{width:3px;height:calc(12px + (var(--i) % 7) * 6px);border-radius:4px;background:var(--green)}.recording .waveform{opacity:1}.recording .waveform span{animation:sound .8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -37ms)}@keyframes sound{to{transform:scaleY(.35);opacity:.45}}.record-button{width:112px;height:112px;margin-top:28px;border:0;border-radius:50%;background:var(--green);box-shadow:0 0 0 14px var(--green-light),0 14px 30px rgba(29,89,67,.28);cursor:pointer;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.record-button:hover{transform:translateY(-3px);box-shadow:0 0 0 17px var(--green-light),0 18px 34px rgba(29,89,67,.3)}.record-button:disabled{cursor:wait;opacity:.8}.record-button.stop{background:var(--coral);box-shadow:0 0 0 14px #f8ded7,0 14px 30px rgba(232,110,81,.25)}.mic-icon{width:28px;height:40px;border:4px solid #fff;border-radius:18px;position:relative}.mic-icon:before{bottom:-12px;width:42px;height:24px;border:4px solid #fff;border-top:0;border-radius:0 0 24px 24px}.mic-icon:after,.mic-icon:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.mic-icon:after{bottom:-21px;width:4px;height:11px;background:#fff}.stop-square{width:28px;height:28px;border-radius:5px;background:#fff}.spinner{width:34px;height:34px;border:4px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.action-copy{margin:40px 0 7px;font-size:15px;font-weight:700}.hint{margin:0;color:var(--muted);font-size:12px}.result{margin-bottom:58px;padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.result h2{margin:0;font-family:Georgia,serif;font-size:34px;font-weight:500}.copy-button,.try-again{border:0;border-radius:999px;background:var(--green);color:#fff;padding:12px 18px;cursor:pointer;font-weight:700}.error-message,.note{max-width:900px;margin:24px 0 0;font-family:Georgia,serif;font-size:20px;line-height:1.75}.error-message{color:#a3412c}.try-again{margin-top:20px}footer{min-height:70px;padding:22px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(20,36,30,.14);color:var(--muted);font-size:11px;letter-spacing:.06em}@media (max-width:850px){.workspace{grid-template-columns:1fr;gap:52px;padding:52px 0}.intro{text-align:center}.lede,h1{margin-left:auto;margin-right:auto}h1{font-size:clamp(52px,15vw,78px)}.recorder-card{width:min(100%,480px);margin:auto}}@media (max-width:520px){.shell{width:min(100% - 24px,1120px)}.brand{height:74px}.privacy-pill{display:none}.workspace{padding-top:42px}.recorder-card{min-height:460px;padding:22px;border-radius:24px}.waveform{gap:3px;transform:scale(.82)}.result{padding:24px}.result-heading{align-items:flex-start;flex-direction:column}footer{gap:12px;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.header-record{margin-left:auto;border:0;border-radius:999px;padding:11px 17px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.header-record:disabled{opacity:.45;cursor:not-allowed}.notes-layout{flex:1 1;display:grid;grid-template-columns:280px 1fr;min-height:680px}.notes-menu{padding:38px 24px 38px 0;border-right:1px solid var(--line)}.empty-menu{color:var(--muted);font-size:13px;line-height:1.6}.note-menu-item{width:100%;padding:15px 14px;margin-bottom:7px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;color:var(--ink)}.note-menu-item.selected,.note-menu-item:hover{background:var(--green-light)}.note-menu-item span,.note-menu-item strong{display:block}.note-menu-item strong{margin-bottom:5px;font-size:14px}.note-menu-item span{color:var(--muted);font-size:11px}.note-stage{min-width:0;padding:54px 0 60px clamp(32px,6vw,82px)}.empty-state{max-width:760px;padding-top:42px}.empty-state h1,.note-detail h1{font-size:clamp(48px,7vw,82px)}.record-cta{margin-top:30px;border:0;border-radius:999px;padding:14px 22px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.compact-recorder{max-width:760px;padding:20px 24px;margin-bottom:34px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.compact-recorder>div{display:flex;flex-direction:column;gap:8px}.recording-actions,.review-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important}.primary-action,.secondary-action{border:0;border-radius:999px;padding:12px 17px;font-weight:700;cursor:pointer}.primary-action{background:var(--green);color:#fff}.secondary-action{background:transparent;color:var(--ink);border:1px solid var(--line)}.secondary-action.danger{color:#a3412c}.stop-square.tiny{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:2px;vertical-align:-1px}.recording-review{max-width:760px;margin-bottom:34px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.recording-review>p{color:var(--muted);font-size:13px;line-height:1.6}.saved-recording-line{display:flex;justify-content:space-between;align-items:center;gap:20px}.saved-recording-line .eyebrow{margin-bottom:7px}.saved-recording-line audio{width:min(310px,50%);height:42px}.review-actions{justify-content:flex-end;margin-top:20px}.record-button.small{width:60px;height:60px;margin:0;box-shadow:0 0 0 8px #f8ded7}.record-button.small .stop-square{width:18px;height:18px}.spinner.dark{width:30px;height:30px;border-color:var(--line);border-top-color:var(--green)}.note-detail{max-width:820px}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:38px;border-bottom:1px solid var(--line)}.note-detail h1{max-width:650px;line-height:1}.note-detail h2{margin:0 0 15px;font-family:Georgia,serif;font-size:27px;font-weight:500}.note-detail>section{padding:38px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-heading h2{margin:0}.ai-badge{padding:5px 8px;border-radius:999px;background:var(--green-light);color:var(--green);font-size:9px;font-weight:800;letter-spacing:.12em}.learn-button{border:1px solid var(--green);border-radius:999px;padding:9px 13px;background:transparent;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.learn-button:disabled{opacity:.35;cursor:not-allowed}.note-editor{width:100%;min-height:190px;resize:vertical;padding:18px;border:1px solid var(--line);border-radius:16px;outline:none;background:var(--card);color:var(--ink);font:18px/1.75 Georgia,serif}.note-editor:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-light)}.learning-message{margin:9px 0 0!important;color:var(--muted);font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;line-height:1.5!important}.language-label{display:flex;align-items:center;gap:12px;width:max-content;margin-top:24px;color:var(--muted);font-size:13px;font-weight:700}.language-select{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:16px}.live-caption{display:block;max-width:440px;color:var(--muted);line-height:1.45}.note-detail section p{margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.75}.insight-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.insight-grid section{padding:24px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.insight-grid .next-step{background:var(--green-light)}.insight-grid section p:last-child{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}.advice-disclaimer{margin-top:16px;font-size:11px;line-height:1.5}.key-points{border-top:1px solid var(--line)}.option-list{display:grid;grid-gap:10px;gap:10px}.option-list>div{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.option-list span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:800}.option-list p{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.55!important}@media(max-width:760px){.notes-layout{grid-template-columns:1fr}.notes-menu{padding:24px 0 14px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:8px;overflow-x:auto}.empty-menu,.notes-menu>.eyebrow{min-width:140px}.note-menu-item{min-width:190px}.note-stage{padding:38px 0 50px}.detail-top{flex-direction:column}.insight-grid{grid-template-columns:1fr}.compact-recorder{align-items:flex-start;gap:18px;flex-direction:column}.recording-actions{width:100%}.recording-actions button{flex:1 1}.saved-recording-line{align-items:stretch;flex-direction:column}.saved-recording-line audio{width:100%}.review-actions{align-items:stretch;flex-direction:column-reverse!important}.review-actions button{width:100%}.section-heading{align-items:stretch;flex-direction:column}.learn-button{width:100%}}.brand-home{gap:12px;border:0;background:transparent;color:var(--ink);letter-spacing:.18em;cursor:pointer}.brand nav,.brand-home{display:flex;align-items:center}.brand nav{margin-left:auto;gap:8px}.brand nav>button:not(.header-record){border:0;background:transparent;padding:10px 14px;color:var(--muted);cursor:pointer}.brand nav .nav-active{color:var(--green)!important;font-weight:800}.calls-page,.detail-page,.record-page{flex:1 1;padding:48px 0 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}.detail-title h1,.page-heading h1,.record-card h1{font-size:clamp(42px,6vw,72px);line-height:1}.page-heading>div>p:last-child,.record-explain{color:var(--muted);line-height:1.6}.zero-state{margin-top:34px;padding:55px;border:1px dashed #bdc8c0;border-radius:24px;text-align:center}.zero-state h2{font-family:Georgia,serif;font-size:30px;font-weight:500}.call-list{margin-top:24px;border-top:1px solid var(--line)}.call-row{width:100%;min-height:92px;padding:17px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:17px;text-align:left;color:var(--ink);cursor:pointer}.call-row:hover{background:hsla(0,0%,100%,.55)}.play-dot{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green-light);color:var(--green);font-size:12px}.call-main{flex:1 1;display:flex;flex-direction:column;gap:7px}.call-main strong{font-family:Georgia,serif;font-size:20px}.call-main small{color:var(--muted)}.note-pills{display:flex;gap:7px}.note-label>span,.note-pills i{padding:6px 9px;border-radius:999px;background:var(--green-light);color:var(--green);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.1em}.chevron{font:32px Georgia;color:var(--muted)}.back-link{margin-bottom:30px;border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.record-card{max-width:780px;margin:auto;padding:44px;border:1px solid var(--line);border-radius:30px;background:var(--card);box-shadow:0 25px 65px rgba(31,48,41,.08)}.record-card .language-label{margin:25px 0}.big-record{margin-top:22px;padding:16px 24px;border:0;border-radius:999px;background:var(--green);color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:15px}.big-record .mic-icon{width:13px;height:19px;border-width:2px}.big-record .mic-icon:before{width:21px;height:12px;border-width:2px;bottom:-7px}.big-record .mic-icon:after{height:6px;width:2px;bottom:-12px}.error-box,.recording-display,.save-panel{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.recording-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(232,110,81,.12)}.recording-display strong{float:right}.recording-display p,.save-panel p{color:var(--muted);line-height:1.55}.save-panel audio{width:100%;margin:10px 0}.editor-actions,.record-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error-box{color:#a3412c}.detail-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap}.detail-actions button{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer}.detail-actions .delete-button{color:#a3412c}.title-input{width:min(620px,80vw);padding:10px 0;border:0;border-bottom:2px solid var(--green);background:transparent;color:var(--ink);font:42px Georgia}.saved-audio{width:100%;margin:24px 0}.audio-missing{color:var(--muted);font-size:12px}.note-tabs{display:flex;gap:8px;margin:28px 0 14px}.note-tabs button{padding:11px 20px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.note-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.note-workspace{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--card)}.note-label{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.note-label h2{margin:0;font:30px Georgia}.note-label p{color:var(--muted);font-size:13px}.finished-note{min-height:150px;margin:24px 0 0;font:19px/1.75 Georgia}.success-message{color:var(--green);font-size:12px}.detail-page .insight-grid{margin-top:18px}.detail-page .insight-grid section p:not(.eyebrow){font-size:14px;line-height:1.55}.detail-page .insight-grid .eyebrow{font-family:Arial;font-size:11px}.advice-disclaimer{color:var(--muted)}@media(max-width:700px){.brand{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 0}.brand nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.calls-page,.detail-page,.record-page{padding-top:30px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .record-cta{margin-top:0}.call-row{align-items:flex-start}.note-pills{display:none}.record-card{padding:27px 20px}.record-actions{flex-direction:column-reverse}.record-actions button{width:100%}.detail-title{align-items:flex-start;flex-direction:column}.detail-actions{width:100%}.detail-actions button{flex:1 1}.note-workspace{padding:22px 18px}.note-label{flex-direction:column}.editor-actions{flex-direction:column-reverse}.editor-actions button{width:100%}.call-main strong{font-size:18px}}.call-row{padding:0;border-left:0;border-right:0;border-top:0;cursor:default}.call-open{min-width:0;flex:1 1;padding:17px 14px;border:0;display:flex;align-items:center;gap:17px;text-align:left;color:var(--ink)}.call-open,.row-delete{background:transparent;cursor:pointer}.row-delete{margin:17px 12px 17px 0;padding:9px 12px;border:1px solid #e3c1b8;border-radius:999px;color:#a3412c;font-size:12px;font-weight:700}@media(max-width:700px){.call-open{padding-left:8px}.row-delete{margin-right:5px}.call-row{align-items:center}}