/* Landing motion leaves content readable without JavaScript. */
.landing-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 35%,#d8f1e780,transparent 58%)}
.landing-intro h1 span{background:linear-gradient(transparent 76%,#bcebdc 76%,#bcebdc 94%,transparent 94%);background-repeat:no-repeat;background-size:100% 100%}
.pain-card,.trust-grid article,.setup-grid li,.message-preview,.section-intro{transition:opacity .55s ease,transform .55s ease,border-color .2s ease,box-shadow .2s ease}
.reveal-pending{opacity:0;transform:translateY(18px)}
.pain-card .feature-label{color:#087265;display:flex;align-items:center;gap:10px}
.pain-card .feature-label::before{content:'';width:7px;height:7px;background:#129e7c;border-radius:50%;box-shadow:0 0 0 5px #129e7c12}
@media(prefers-reduced-motion:no-preference){.landing-intro{animation:landing-enter .65s ease both}.learning-reel{animation:landing-enter .8s .12s ease both}.landing-intro h1 span{animation:landing-highlight 1s .25s ease both}}
@keyframes landing-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes landing-highlight{from{background-size:0% 100%}to{background-size:100% 100%}}
@media(hover:hover) and (pointer:fine){.pain-card:hover{border-color:#79b8a8;box-shadow:0 10px 28px #163d3510;transform:translateY(-3px)}.landing-actions .btn:hover{box-shadow:0 6px 18px #086b602b}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.pain-card,.trust-grid article,.setup-grid li,.message-preview,.section-intro{transition:none}}
/* Shared readable type, surfaces and controls for the public site and workspace. */
:root{--ink:#152e35;--ink-2:#364c53;--muted:#576a72;--paper:#f4f7f8;--card:#fff;--brand:#086b60;--brand-soft:#e8f5ef;--line:#dce5e8;--ok:#086b50;--ok-soft:#eaf6ef;--warn:#87500b;--warn-soft:#fff4df;--r:14px;--shadow:0 5px 24px #163d3510}
body,.app-body{font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.75;letter-spacing:-.025em;overflow-x:visible;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}h1,h2,h3{line-height:1.4;text-wrap:pretty}p{word-break:keep-all;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #267bb1;outline-offset:4px}a{color:var(--brand)}
.btn,.app-body .btn,.btn-kakao{min-height:46px;font-size:.875rem;padding:11px 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;gap:8px}.btn{font-weight:700}.btn:disabled{opacity:.55;cursor:wait}.btn--quiet{color:#425a62}.btn-kakao{color:#191600}.btn--wide{display:flex;width:100%}
.sub,.page-lede,.lede,.app-body .page-lede,.app-body .sub{font-size:1rem;color:var(--muted);line-height:1.8}.small,.app-body .small,.terms{font-size:.875rem;line-height:1.7}.card,.app-body .card{padding:28px;border:1px solid var(--line);border-radius:14px;box-shadow:none}.card+.card{margin-top:24px}.card h2,.app-body .card h2{font-size:1.25rem;letter-spacing:-.03em;margin:0 0 14px}.card h3,.app-body .card h3{font-size:1rem;margin-bottom:8px}h1{font-size:2rem;margin-bottom:10px}.page-lede{margin-bottom:28px;max-width:55em}
label,.app-body label{font-size:.875rem;font-weight:600;color:var(--ink-2);margin-top:18px;margin-bottom:7px}input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #bcccd1;background:#fff;color:var(--ink);border-radius:8px;min-height:46px;padding:10px 12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:3px solid #d5eae3;border-color:var(--brand)}input[type=checkbox],.app-body input[type=checkbox]{min-height:20px;min-width:20px;width:20px;height:20px;accent-color:var(--brand)}.notify-list{gap:12px}.notify-list li{padding:16px;background:#f6f8f9;border:1px solid var(--line);border-radius:10px}.notify-list span{font-size:.875rem;padding-left:28px;color:var(--muted)}.notify-list label{font-size:1rem;min-height:30px}.or{font-size:.875rem}
.app-body{--ink:#152e35;--ink-2:#364c53;--muted:#576a72;--brand:#086b60;--line:#dce5e8}.app-body .wrap{max-width:1320px}.app-body .tag,.result-badges .tag{font-size:.875rem;line-height:1.5}.app-body th,.app-body td{font-size:.875rem;padding:14px}.app-body th{color:#435b63;background:#eff4f5}.app-body .stat{background:#f0f5f5;padding:22px 14px;text-align:left;border-radius:10px}.app-body .stat b{font-size:1.875rem;color:#123e40;font-variant-numeric:tabular-nums}.app-body .stat span{font-size:.875rem;color:var(--muted);margin-top:8px}.app-body .empty{padding:30px 22px;background:#f4f8f7;border-style:solid}.empty p,.app-body .empty p{font-size:1rem;max-width:42em;margin:0 auto 18px}.err,.okmsg{font-size:.875rem}.tablewrap{border-radius:8px}.app-body .code{font-size:1.125rem;padding:20px}
.dashboard-eyebrow,.hero-kicker,.workspace-caption,.nav-caption{font-size:.75rem}.hero-kicker{letter-spacing:.06em}.hero-message p{font-size:1rem}.hero-action,.section-heading a,.section-heading p,.summary-metric dt,.summary-metric dd span,.attention-copy p,.attention-row .btn,.result-order-title small,.dashboard-support .card a,.notification-card .sub,.connection-panel>summary{font-size:.875rem}.summary-footer,.result-help,.history-legend,.completion-ring div>span{font-size:.75rem}.attention-copy h3{font-size:1rem}.dashboard-support .card h2{font-size:1rem}.result-order-title b{font-size:1rem!important}.section-heading h2{font-size:1.125rem}.dashboard-support .card{padding:22px}.result-footnote{font-size:.875rem}.app-body .banner--info{font-size:.875rem}
.settings-jump{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.settings-jump a{background:white;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:.875rem;min-height:44px;display:flex;align-items:center}.settings-jump a:hover{background:var(--brand-soft);text-decoration:none}.settings-section{scroll-margin-top:20px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;margin:0}.account-grid dt{font-size:.875rem;color:var(--muted);margin-bottom:3px}.account-grid dd{margin:0;font-size:1rem;font-weight:600;overflow-wrap:anywhere}.account-grid>div{padding:10px 0;border-bottom:1px solid var(--line)}
/* Public pages */
.workspace-label{font-size:.75rem;color:var(--muted);border-right:1px solid var(--line);padding-right:12px;margin-right:2px}.app-brand,.public-body .brand{font-weight:750;letter-spacing:-.055em}
.public-body{background:#fff}.public-body .topbar{background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar-inner{max-width:1184px;padding:18px 32px;gap:18px}.public-body .brand{font-size:1.375rem;display:inline-flex;align-items:center;gap:9px;color:#153d3d;letter-spacing:-.06em}.public-body .brand-mark{width:32px;height:34px;display:grid;place-items:center;border-radius:8px;background:#d1eedf;color:#153d3d;font-size:1rem}.public-body .nav{gap:12px;align-items:center}.public-body .nav a{font-size:.875rem;color:#42575e;padding:9px 12px;min-height:44px;display:flex;align-items:center}.public-body .nav a:hover,.public-body .nav a.on{background:#edf4f1;color:#155447}.public-body .nav .nav-start{background:#086b60;color:#fff;border-radius:7px;padding-left:17px;padding-right:17px}.public-body .wrap{max-width:1184px;padding:48px 32px 80px;min-width:0}.public-body .wrap--narrow{max-width:540px;padding-top:64px;min-height:70vh}.public-body .wrap--narrow h1{font-size:1.875rem}.public-body .wrap--narrow .card{background:#f9fbfa;padding:28px}.public-body .wrap--narrow .small a{display:inline-flex;min-height:40px;align-items:center}.public-body .wrap--narrow .page-lede{margin-bottom:24px}.public-footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:28px 32px 40px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.public-footer>span{font-size:.75rem;color:var(--muted)}.public-footer nav{margin-left:auto;display:flex;gap:20px;font-size:.875rem}.public-footer nav a{color:var(--muted);padding:8px 0}
.public-body .landing-wrap{padding-top:0}.landing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:70px 0 78px;align-items:center}.overline{font-size:.875rem;font-weight:700;color:#086b60;margin:0 0 20px;letter-spacing:-.01em}.landing-intro h1{font-size:clamp(2.2rem,3.25vw,3rem);line-height:1.35;letter-spacing:-.055em;margin:0 0 24px;font-weight:750}.landing-intro h1 span{color:#087365}.hero-description{font-size:1.125rem;color:#50656d;margin:0 0 12px;line-height:1.8}.hero-answer{font-size:1.125rem;font-weight:600;color:#223e46;margin:0}.landing-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.landing-actions .btn{font-size:1rem;padding:15px 24px;min-height:54px}.text-action{font-size:.875rem;color:#304f54;font-weight:600;display:inline-flex;align-items:center;min-height:44px;gap:10px}.trial-note{font-size:.75rem;color:#576a72;margin:16px 0 0}.landing-kakao{margin-top:12px}.landing-kakao .btn-kakao{font-size:.875rem;min-height:44px}
.landing-hero>*{min-width:0}.workflow-panel{border:1px solid #cadbd6;border-radius:18px;padding:26px 28px;background:#f3f8f5;box-shadow:0 20px 55px #123d3510;min-width:0}.workflow-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6e4df;padding-bottom:17px;color:#5b716b;font-size:.75rem}.mini-brand{color:#1c5148;font-size:.875rem;font-weight:700}.learning-badge,.browser-state{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#dff2e9;color:#176653;padding:5px 9px;font-size:.6875rem;font-weight:700}.learning-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#39a778}.browser-heading{font-size:1rem;line-height:1.4;margin:18px 0 0;color:#284b43}.browser-preview{margin-top:12px;min-width:0;border:1px solid #c8d9d3;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #123d3512}.browser-tabs{height:32px;background:#e7efeb;display:flex;align-items:center;gap:8px;padding:0 10px;color:#4c6960;font-size:.6875rem}.browser-tab{background:#fff;border-radius:6px 6px 0 0;padding:7px 12px;align-self:end}.browser-dot{margin-left:auto;font-size:1rem}.browser-address{display:flex;align-items:center;gap:7px;margin:10px 12px;padding:7px 9px;border:1px solid #d6e2df;border-radius:6px;color:#6b817a;font-size:.6875rem;overflow:hidden}.browser-address span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-body{padding:12px;min-width:0}.browser-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.8125rem;font-weight:700;color:#284b43}.learning-table{width:100%;border-collapse:collapse;table-layout:fixed}.learning-table th,.learning-table td{padding:8px 6px;border-bottom:1px solid #e6eeeb;text-align:left;font-size:.6875rem;overflow-wrap:anywhere}.learning-table thead th{color:#5c756d;background:#f5f8f6;font-weight:700}.learning-table tbody th{font-weight:600;color:#31574d}.qty-cell{display:inline-block;border:1px solid #a9d7c3;border-radius:5px;background:#effaf4;color:#176653;padding:3px 6px;font-weight:700}.qty-muted{border-color:#ead8b8;background:#fffaf0;color:#8a6833;font-weight:600}.workflow-title{font-size:1.5rem;line-height:1.5;margin:24px 0 6px;color:#304f4b}.workflow-title strong{color:#153f36}.workflow-note{font-size:.75rem;color:#657a73;margin:0;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pain-section,.trust-section,.setup-section{padding:72px 0;border-top:1px solid var(--line);scroll-margin-top:100px}.section-intro{margin-bottom:32px}.section-intro .overline{margin-bottom:12px}.section-intro h2,.notification-section h2,.landing-pricing h2{font-size:2rem;line-height:1.45;letter-spacing:-.045em;margin:0;font-weight:700}.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pain-card{background:#f7f9fa;border:1px solid #dfe7ea;border-radius:14px;padding:30px;display:flex;flex-direction:column}.feature-label{display:block;font-size:.75rem;color:#4f676b;letter-spacing:.035em;font-weight:600;margin-bottom:18px}.pain-card h3{font-size:1.4rem;line-height:1.5;margin:0 0 14px;letter-spacing:-.035em}.pain-card p{font-size:1rem;color:#455d65;margin:0 0 24px;line-height:1.85;max-width:29em}.feature-result{border-top:1px solid #dce6e5;padding-top:17px;font-size:.875rem;font-weight:700;color:#086b60;margin-top:auto;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.feature-result span{font-size:.875rem;font-weight:400;color:#586e73}
.notification-section{background:#123e40;color:#fff;border-radius:18px;padding:44px;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin:0 0 72px}.notification-section .overline{color:#a9dec9;margin-bottom:12px}.notification-section h2{color:#fff;margin-bottom:20px}.notification-section p{font-size:1rem;color:#d2e3e1;line-height:1.85;margin:0 0 18px}.notification-benefits{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;font-size:1rem}.notification-benefits li::before{content:'✓';color:#a9e3c6;margin-right:10px}.notification-section .notification-note{font-size:.875rem;color:#c0d7d4;margin:0}.message-preview{background:#eff5f1;border-radius:12px;padding:20px;color:#163a34}.message-label{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.875rem}.message-label>span{font-size:.75rem;color:#556c64}.message-preview .msg{font-size:1rem;padding:22px 18px;line-height:1.95;color:#253b36;border:1px solid #d7e5dc}.message-preview>p{font-size:.75rem;color:#52685f;margin:12px 0 0;line-height:1.7}
.trust-section{border-top:0;padding-top:0}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.trust-grid article{padding:0 18px 0 0}.trust-mark{font-size:.875rem;color:#086b60;display:inline-block;border-top:3px solid #086b60;padding-top:12px;margin-bottom:14px;font-weight:700}.trust-grid h3{font-size:1.125rem;margin:0 0 10px}.trust-grid p{font-size:1rem;color:#455d65;margin:0;line-height:1.85}.service-notes{margin-top:32px;background:#f5f8f8;border:1px solid var(--line);border-radius:10px;padding:0 20px}.service-notes summary{font-size:.875rem;font-weight:600;min-height:54px;cursor:pointer;padding:14px 0}.service-notes ul{margin:0 0 22px;padding-left:20px;color:#455d65;font-size:.875rem}.service-notes li+li{margin-top:10px}.setup-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.setup-grid li{background:#f5f8f8;border-radius:12px;padding:24px;border:1px solid #e1e9e9}.setup-grid li>span{font-size:.875rem;color:#086b60;font-weight:700}.setup-grid h3{font-size:1.125rem;margin:14px 0 8px}.setup-grid p{font-size:1rem;color:#455d65;margin:0}
.landing-pricing{border-radius:18px;background:#eaf4ef;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.landing-pricing .overline{margin-bottom:14px}.landing-pricing p{font-size:1rem;color:#455d65}.pricing-summary{padding:28px;background:#fff;border:1px solid #d5e5dc;border-radius:12px}.pricing-summary h3{font-size:1.25rem;margin:0 0 10px}.pricing-summary p{margin:8px 0 0}.pricing-summary b{font-size:1.4rem}.pricing-summary>div+div{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
@media(max-width:1000px){.landing-hero{gap:32px}.landing-intro h1{font-size:2.35rem}.workflow-panel{padding:22px}.notification-section{gap:28px;padding:30px}.pain-card{padding:24px}.pain-card h3{font-size:1.25rem}.app-body .wrap{padding:26px 24px 48px}}
@media(max-width:760px){.topbar-inner{padding:12px 20px;gap:8px}.public-body .nav{gap:2px}.public-body .nav a{padding:8px;font-size:.875rem}.public-body .nav .nav-start{padding:8px 12px}.public-body .brand{font-size:1.125rem;gap:7px}.public-body .brand-mark{width:28px;height:30px;font-size:.875rem}.public-body .wrap{padding:32px 20px 48px}.public-body .landing-wrap{padding-top:0}.public-body .wrap--narrow{padding-top:36px}.public-body .wrap--narrow .card{padding:22px}.landing-hero{grid-template-columns:1fr;gap:32px;padding:42px 0 48px}.landing-intro h1{font-size:2rem;line-height:1.4;letter-spacing:-.055em;margin-bottom:20px}.overline{font-size:.875rem;margin-bottom:16px}.hero-description,.hero-answer{font-size:1rem}.landing-actions{gap:16px;margin-top:24px}.landing-actions .btn{font-size:.875rem;padding:13px 18px;min-height:48px}.trial-note{font-size:.75rem}.workflow-panel{padding:22px}.workflow-title{font-size:1.25rem;margin:20px 0}.workflow-list li{padding:14px}.workflow-handoff{font-size:.875rem}.pain-section,.trust-section,.setup-section{padding:44px 0}.section-intro{margin-bottom:24px}.section-intro h2,.notification-section h2,.landing-pricing h2{font-size:1.625rem}.pain-grid{grid-template-columns:1fr;gap:16px}.pain-card{padding:24px}.pain-card h3{font-size:1.25rem}.pain-card p{font-size:1rem;margin-bottom:20px}.feature-label{margin-bottom:14px}.feature-result{gap:6px 12px}.notification-section{grid-template-columns:1fr;padding:26px 22px;gap:26px;border-radius:14px;margin-bottom:0}.notification-section p{font-size:1rem}.notification-section .notification-note{font-size:.875rem}.message-preview{padding:16px}.message-preview .msg{padding:18px 14px}.message-preview>p{font-size:.75rem}.trust-grid{grid-template-columns:1fr;gap:26px}.trust-grid article{padding:0}.trust-mark{margin-bottom:10px}.trust-grid h3{font-size:1.125rem}.setup-grid{grid-template-columns:1fr;gap:12px}.setup-grid li{padding:20px 24px}.setup-grid h3{margin-top:8px}.setup-grid p br{display:none}.landing-pricing{grid-template-columns:1fr;padding:26px 22px;gap:26px}.pricing-summary{padding:22px}.public-footer{padding:24px 20px;gap:12px}.public-footer>span{width:100%;order:3}.public-footer nav{gap:16px}.card,.app-body .card{padding:22px 18px}.app-body .wrap{padding:22px 18px 48px}.app-body .small{font-size:.875rem}.app-body .page-lede{font-size:1rem}.summary-metric dt{font-size:.875rem;gap:4px}.summary-metric{padding:0 10px}.summary-metrics{padding:18px 14px}.summary-metric dt::before{display:none}.summary-metric dd{font-size:1.75rem}.summary-footer{font-size:.75rem;padding:12px 14px}.hero-message p{font-size:.875rem}.hero-kicker{font-size:.75rem}.hero-message h2{font-size:1.5rem}.hero-action{font-size:.875rem;gap:12px}.overview-hero{padding:23px 18px}.completion-ring{width:85px;height:85px}.completion-ring div>span{font-size:.75rem}.completion-ring strong{font-size:1.625rem}.section-heading a,.section-heading p{font-size:.875rem}.attention-row{flex-wrap:wrap;padding:16px;gap:10px}.attention-copy{flex-basis:calc(100% - 40px)}.attention-copy p{font-size:.75rem}.attention-row .btn{font-size:.875rem;margin-left:37px}.result-list .po>summary{padding:17px 13px}.result-order-title b{font-size:1rem!important}.result-order-title small{font-size:.75rem}.result-badges .tag{font-size:.875rem}.app-body table.stack td{font-size:.875rem;grid-template-columns:84px minmax(0,1fr);padding:7px 12px}.app-body table.stack td::before{font-size:.875rem}.dashboard-support .card h2{font-size:1rem}.dashboard-support .card a,.notification-card .sub,.connection-panel>summary{font-size:.875rem}.history-legend{font-size:.75rem}.app-body .stat{padding:18px 12px}.account-grid{grid-template-columns:1fr;gap:4px}.notify-list li{padding:14px}.notify-list span{padding-left:0}.settings-jump{gap:6px}.settings-jump a{padding:8px 10px}.app-body .banner--info{font-size:.875rem;gap:8px;flex-wrap:wrap}.dashboard-eyebrow,.workspace-caption{font-size:.75rem}.dashboard-refresh{font-size:.875rem!important}.app-body .card h2{font-size:1.125rem}}
@media(max-width:380px){.topbar-inner{padding:12px}.public-body .wrap{padding-left:16px;padding-right:16px}.public-body .nav a{padding:8px 6px}.public-body .nav .nav-start{padding:8px}.landing-intro h1{font-size:1.75rem}.landing-hero .overline{font-size:.75rem}.landing-actions{gap:10px}.workflow-panel{padding:18px}.section-intro h2,.notification-section h2,.landing-pricing h2{font-size:1.5rem}.pain-card{padding:21px}.pain-card h3{font-size:1.125rem}.app-body .wrap{padding-left:12px;padding-right:12px}.overview-hero{flex-wrap:wrap}.hero-message{flex:1}.hero-message h2{font-size:1.25rem}.completion-ring{width:76px;height:76px}.summary-metric dt{font-size:.875rem;line-height:1.5}.summary-metric dd{font-size:1.5rem}.app-body .stats{grid-template-columns:1fr}.app-body .tag{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.history-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:5px}
.public-faq{padding-top:64px}.public-faq .service-notes{margin-top:12px}.public-faq .service-notes summary{font-size:1rem}.public-faq .service-notes p{font-size:1rem;line-height:1.85;color:#455d65;margin:0 0 20px}.public-faq .service-notes strong{color:#16343c}.public-faq .service-notes a{display:inline-block;text-underline-offset:4px;overflow-wrap:anywhere}
.product-demo video{display:block;width:100%;aspect-ratio:30/19;object-fit:contain;background:#101319;border:1px solid #29333d;border-radius:12px;box-shadow:0 14px 32px #102d3820}.product-demo .browser-heading{font-size:1.3rem;line-height:1.55;margin:22px 0}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 24px;font-size:.875rem}.demo-actions button{background:#fff;color:#16343c;border:1px solid #b9cdca;border-radius:6px;padding:8px 12px;font:inherit;min-height:42px;cursor:pointer}.demo-actions a{text-underline-offset:4px}.product-demo .workflow-title{font-size:1.2rem;line-height:1.65}.product-demo .workflow-note{line-height:1.7}
.learning-reel{background:linear-gradient(155deg,#183a40,#102329 70%);border:1px solid #35545b;color:#fff;box-shadow:0 24px 64px #142f3826}.learning-reel .workflow-top{border-color:#ffffff20}.learning-reel .mini-brand{color:#eefaf8;font-weight:700;font-size:1rem}.reel-tag{font-size:.75rem;background:#284c50;border:1px solid #42696b;color:#c8f1e7;padding:5px 9px;border-radius:20px}.reel-headline{font-size:1.55rem;line-height:1.5;letter-spacing:-.045em;color:#f3faf8;margin:25px 0 24px;font-weight:500}.reel-headline strong{color:#9ae6cb}.reel-caption{min-height:78px}.reel-caption>span{font-size:.75rem;letter-spacing:.06em;color:#a2dcca;font-weight:600}.reel-caption p{font-size:1.05rem;line-height:1.6;color:#fff;font-weight:600;margin:7px 0 15px}.demo-screen{position:relative;overflow:hidden;border:1px solid #5e7f85;border-radius:12px;background:#edf0f4;isolation:isolate}.learning-reel video{aspect-ratio:8/5;border:0;border-radius:0;box-shadow:none}.reel-scene-label{position:absolute;bottom:10px;left:10px;background:#142d34ed;border:1px solid #a2e1cf55;border-radius:7px;color:#e7fff6;padding:6px 10px;font-size:.75rem;font-weight:600}.reel-focus{position:absolute;pointer-events:none;border:2px solid #10ab83;border-radius:8px;box-shadow:0 0 0 4px #10ab8330;opacity:0;transition:opacity .16s ease}.demo-screen[data-scene="1"] .reel-focus{opacity:1;left:40%;top:26%;width:35%;height:26%}.demo-screen[data-scene="2"] .reel-focus{opacity:1;left:30%;top:7%;width:29%;height:17%}.demo-screen[data-scene="4"]{border-color:#9ae6cb;box-shadow:0 0 0 3px #9ae6cb20}.reel-stages{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px;margin:17px 0 0}.reel-stages span{border-top:3px solid #456068;padding-top:8px;color:#a8bfc3;font-size:.75rem}.reel-stages span.active{border-color:#9ae6cb;color:#caffed;font-weight:700}.learning-reel .demo-actions{margin:20px 0 14px}.learning-reel .demo-actions button{background:#24464d;color:#e6f5f3;border-color:#4a6a71}.learning-reel .demo-actions a{color:#c7eee5}.learning-reel .workflow-note{font-size:.75rem;color:#aebfc3;margin:0}.learning-reel :focus-visible{outline:2px solid #9ae6cb;outline-offset:4px}@media(max-width:600px){.learning-reel{padding:22px}.reel-headline{font-size:1.35rem}.reel-caption p{font-size:1rem}.reel-caption{min-height:84px}}@media(prefers-reduced-motion:reduce){.reel-focus{transition:none}}