@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d2b47;--muted:#67728a;--line:#e4e7ed;--paper:#f8f9f7;--navy:#1d2c50;--lime:#c8eea1;--lav:#e9e5ff}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #87a9ff;outline-offset:3px}.shell{width:min(1216px,calc(100% - 64px));margin-inline:auto}.announcement{height:32px;background:#dff4ce;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;color:#32425c;font-size:11px;font-weight:700;letter-spacing:.02em}.announcement a{margin-left:10px;text-decoration:underline;text-underline-offset:3px}.pulse{width:7px;height:7px;border-radius:50%;background:#5cab6e;box-shadow:0 0 0 3px #bce4b4}.site-header{height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e9ebee}.nav-wrap{max-width:1400px;margin:auto;height:100%;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.075em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--navy);color:#fff;font-size:22px;font-weight:800;letter-spacing:-.1em;padding-right:2px}.brand-dot{color:#7c9d59}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:auto;margin-right:auto;font-size:13px;font-weight:700;color:#56627b}.desktop-nav a:hover,.footer-links a:hover{color:#557946}.nav-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:none;color:var(--ink);font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid transparent;border-radius:10px;padding:15px 20px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d2c5021}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#354a77}.button-small{padding:11px 15px;gap:16px}.button-ghost{background:#fff;border-color:#d8dce4}.menu-toggle,.mobile-nav{display:none}.hero{min-height:680px;display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:50px;padding-top:58px;padding-bottom:72px}.hero-copy{padding:0 0 30px 10px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.17em;color:#51638a}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:20px;height:1px;background:#51638a}.hero h1{font-size:clamp(49px,5.1vw,76px);line-height:1.22;letter-spacing:-.075em;margin:25px 0 25px;font-weight:800;word-break:keep-all}.hero h1 em{font-style:normal;color:#7388b6}.hero-copy>p{max-width:560px;color:#66738a;font-size:16px;line-height:1.85;word-break:keep-all}.hero-actions{display:flex;gap:10px;margin:36px 0 27px}.hero-note{font-size:11px;color:#77849b;display:flex;align-items:center;gap:8px}.mini-check{display:grid;place-items:center;background:#dcf1d2;color:#4c995f;border-radius:50%;width:18px;height:18px;font-weight:900}.hero-visual{height:555px;background:#eaf0ea;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d9e2d9}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff70 1px,transparent 1px),linear-gradient(90deg,#ffffff70 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(120deg,#000 30%,transparent 90%)}.browser-card{position:absolute;left:8%;right:11%;top:11%;height:315px;background:#fff;border:1px solid #dce2e4;border-radius:14px;box-shadow:0 18px 45px #273a4924;transform:rotate(-2deg)}.browser-top{height:42px;border-bottom:1px solid #e9edf0;display:flex;align-items:center;gap:10px;padding:0 17px;color:#9aa6b6;font-size:10px;font-weight:700}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#c5cad2}.browser-dots i:first-child{background:#eea9a2}.browser-dots i:nth-child(2){background:#eacb89}.browser-lock{margin-left:auto}.message-area{padding:26px}.recipient{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #eff1f4}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dce5d7;color:#4e7054;font-size:12px;font-weight:800}.recipient strong,.recipient small{display:block}.recipient strong{font-size:11px}.recipient small{font-size:9px;color:#a2adba;margin-top:3px}.draft-label{font-size:9px;color:#a2adba;margin-top:26px}.draft{font-size:12px;color:#64708a}.floating-icon{position:absolute;right:25px;bottom:42px;width:31px;height:31px;border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:800;box-shadow:0 6px 15px #1d2c5040}.suggestion-card{position:absolute;left:27%;right:4%;bottom:9%;background:#fff;border:1px solid #dce3e0;box-shadow:0 24px 50px #263d3d32;border-radius:16px;padding:20px 24px;transform:rotate(2deg)}.suggestion-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:17px}.suggestion-symbol{color:#6c9775;margin-right:8px;font-size:19px}.sparkle{font-size:20px;color:#83a383}.option-label{font-size:9px;color:#73836b;font-weight:800;letter-spacing:.04em}.option-label span{color:#a6adad;font-weight:500;margin-left:8px}.suggestion-card p{font-size:11px;line-height:1.65;margin:7px 0 14px;word-break:keep-all}.suggestion-rule{border-top:1px solid #edf0ed;margin-bottom:13px}.suggestion-bottom{display:flex;justify-content:space-between;color:#8fa29b;font-size:9px;padding-top:8px}.visual-caption{position:absolute;bottom:17px;left:24px;color:#90a29b;font-size:9px;font-weight:800;letter-spacing:.15em}.trust-strip{border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;background:#fafbf9}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;color:#818c9a;font-size:12px}.trust-inner strong{color:#4d5e70;font-size:14px;letter-spacing:-.02em}.trust-separator{width:1px;height:22px;background:#d6dce0}.section{padding-top:130px;padding-bottom:140px}.section-heading{max-width:650px;margin-bottom:52px}.section-heading h2,.faq-layout h2,.final-cta h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.065em;line-height:1.32;word-break:keep-all;margin:17px 0}.section-heading h2 span{color:#7a8bab}.section-heading p{font-size:14px;color:#77849a;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:#f8f9f8;border:1px solid #e8ece9;border-radius:15px;padding:25px;min-height:350px}.step-num{font-size:10px;letter-spacing:.13em;color:#9ca8af;font-weight:800}.step-art{height:160px;display:flex;align-items:center;justify-content:center;margin:15px 0;border-radius:8px;background:#eff1ed;overflow:hidden}.art-write{padding:18px}.art-write>span:last-child{display:block;background:#fff;border:1px solid #e5e9e6;border-radius:8px;width:100%;padding:20px;font-size:11px;color:#8a969f}.art-cursor{width:2px;height:15px;background:#1d2c50;position:absolute;margin-left:-145px}.typing-dots{color:#8cac77}.art-choose{gap:12px}.art-choose>span{font-size:30px;color:#729877}.art-choose div{display:grid;gap:8px}.art-choose i{display:block;width:135px;height:30px;background:#fff;border:1px solid #dde5dd;border-radius:7px}.art-choose i:last-child{width:115px;background:#dff2dc}.art-send{gap:12px}.art-send span:first-child{background:#fff;border-radius:9px;padding:18px;font-size:11px}.art-send span:last-child{display:grid;place-items:center;background:var(--navy);color:#fff;width:35px;height:35px;border-radius:50%}.step h3,.feature h3{font-size:19px;letter-spacing:-.045em;margin:0 0 10px}.step p,.feature p{font-size:12px;color:#788399;line-height:1.8;word-break:keep-all}.feature-section{background:#f4f6f6;padding:130px 0 140px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{background:white;border:1px solid #e5e9ed;border-radius:17px;padding:34px;min-height:292px;overflow:hidden}.feature-large{background:#e9edfb}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#eaf1e9;align-items:center}.feature-top{display:flex;justify-content:space-between;align-items:center;color:#a7b1bd;font-size:11px;margin-bottom:50px}.feature-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:18px}.feature h3{font-size:23px}.feature p{max-width:390px}.tone-tags,.language-row{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.tone-tags span,.language-row span{background:#fff;border:1px solid #d8dce9;border-radius:20px;padding:9px 13px;font-size:10px;color:#72819d}.tone-tags .selected{background:#26365d;color:#fff}.language-row .language-arrow{background:none;border:0;padding:10px 2px}.saved-note{margin-top:24px;max-width:300px;padding:12px;border:1px solid #e6e9ef;border-radius:9px;display:flex;gap:10px;font-size:11px;font-weight:700}.saved-note span:last-child{margin-left:auto}.saved-star{color:#93ae6d}.context-card{background:#fff;border:1px solid #dce6dd;border-radius:13px;padding:24px;box-shadow:0 15px 35px #41584116;max-width:420px;width:100%;margin:auto}.context-card>div:first-child{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.context-dot{width:8px;height:8px;border-radius:50%;background:#8cba85}.context-switch{margin-left:auto;width:30px;height:18px;background:#39567e;border-radius:20px;position:relative}.context-switch:after{content:'';position:absolute;right:3px;top:3px;width:12px;height:12px;background:white;border-radius:50%}.context-card>span{font-size:10px;color:#a3b0a8;display:block;margin:13px 0}.context-lines i{display:block;background:#eef2ee;border-radius:3px;height:7px;margin-top:8px}.context-lines i:nth-child(2){width:82%}.context-lines i:nth-child(3){width:62%}.dark-quote{background:#182846;color:#fff;padding:105px 0}.quote-inner{text-align:center}.quote-mark{font-size:80px;color:#c3e79f;line-height:.6}.quote-inner h2{font-size:clamp(28px,3.3vw,43px);line-height:1.5;letter-spacing:-.055em}.quote-inner p{color:#b0bbd0;font-size:13px}.pricing-section{padding-bottom:115px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.price-card{border:1px solid #dfe5e8;border-radius:14px;padding:28px 22px;position:relative;background:#fff;min-height:382px;display:flex;flex-direction:column}.price-card.highlight{border:2px solid #344b78;background:#f5f7fc;box-shadow:0 18px 34px #24395a14}.popular{position:absolute;top:-13px;left:20px;padding:6px 10px;background:#344b78;color:#fff;border-radius:5px;font-size:9px;font-weight:800}.plan-tag{font-size:10px;color:#9aa9a3;font-weight:800}.price-card h3{font-size:21px;margin:16px 0 9px}.price{font-weight:800;font-size:32px;letter-spacing:-.06em}.price span{font-weight:500;font-size:12px;color:#8b98a9;letter-spacing:0}.price-card>p{font-size:11px;color:#8996a5;margin:9px 0 26px}.button-plan{background:#e9edf2;color:#3b506f;justify-content:center;width:100%;padding:13px;margin-top:auto}.highlight .button-plan{background:#263b66;color:#fff}.price-line{height:1px;background:#e4e8ed;margin:23px 0 14px}.price-card ul{padding:0;margin:0;list-style:none;display:grid;gap:10px;font-size:11px;color:#5f6b7f}.price-card li:before{content:'✓';font-weight:800;color:#5b9d75;margin-right:9px}.pricing-footnote{font-size:11px;color:#9ba6b3;margin:22px 0 0}.faq-section{background:#f8f9f8}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout>div:first-child>p{font-size:13px;color:#8290a1;line-height:1.8}.faq-layout>div:first-child>p a{text-decoration:underline}.faq-list details{border-bottom:1px solid #dce3e3;padding:22px 4px}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#8c9caa;font-size:18px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#7b8799;font-size:12px;line-height:1.9;max-width:590px}.faq-list p a{text-decoration:underline}.final-cta{background:#dff0d5;padding:95px 0}.final-inner{display:flex;align-items:end;justify-content:space-between}.final-cta h2{font-size:clamp(38px,4.5vw,58px)}.final-cta p{font-size:13px;color:#687e6d}.button-white{background:#fff;color:#1e3051;min-width:190px}footer{background:#f5f7f5;padding:65px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:55px}.footer-top p{font-size:12px;color:#9ca6a7}.footer-links{display:flex;gap:85px}.footer-links>div{display:grid;align-content:start;gap:12px;font-size:11px;color:#85919f}.footer-links strong{font-size:12px;color:#394960;margin-bottom:8px}.footer-bottom{border-top:1px solid #e2e7e2;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#a1aab2}.auth-dialog,.account-dialog{border:1px solid #e1e5eb;border-radius:18px;box-shadow:0 30px 80px #17284845;width:min(440px,calc(100% - 28px));padding:32px;color:var(--ink)}dialog::backdrop{background:#102039a3;backdrop-filter:blur(3px)}.auth-dialog form{position:relative}.dialog-close{position:absolute;right:0;top:0;border:0;background:none;color:#9ca6b3;font-size:24px;line-height:1}.dialog-brand{margin-bottom:20px}.auth-dialog h2,.account-dialog h2{font-size:26px;letter-spacing:-.06em;margin:10px 0 6px}.auth-dialog form>p:not(.form-message):not(.auth-switch):not(.auth-legal),.account-email{color:#8490a1;font-size:12px;line-height:1.6;margin-bottom:25px}.auth-dialog label{display:grid;gap:7px;font-size:11px;font-weight:700;margin:15px 0}.auth-dialog input{width:100%;border:1px solid #d9e1e7;border-radius:8px;padding:12px 13px;outline:none;font-size:13px}.auth-dialog input:focus{border-color:#7898ca}.auth-submit{width:100%;justify-content:center;margin-top:10px}.form-message,.account-message{min-height:18px;color:#b34942;font-size:11px}.auth-switch{text-align:center;font-size:11px;color:#8793a1}.auth-switch button{border:0;background:none;color:#2c4b80;font-size:11px;font-weight:800;text-decoration:underline}.auth-legal{font-size:10px;color:#a5aeb9;line-height:1.6;text-align:center}.auth-legal a{text-decoration:underline}.account-dialog{position:relative}.account-head{display:flex;justify-content:space-between}.account-head .dialog-close{right:29px;top:30px}.account-plan{border:1px solid #e3e8e8;background:#f7f9f7;border-radius:10px;padding:20px;display:grid;gap:6px;margin:22px 0}.account-plan span,.account-plan small{font-size:11px;color:#8b9aa1}.account-plan strong{font-size:24px}.account-manage{width:100%}.account-note{font-size:11px;color:#8290a2;line-height:1.7}.logout-button{padding:10px 0;color:#ad5360}.legal-page{max-width:820px;margin:70px auto 120px;padding:0 24px}.legal-page h1{font-size:38px;letter-spacing:-.05em}.legal-page h2{font-size:19px;margin-top:40px}.legal-page p,.legal-page li{font-size:14px;line-height:1.9;color:#607087}.legal-page a{text-decoration:underline;color:#375a8e}.legal-back{display:inline-block;font-size:13px;font-weight:700;margin-bottom:30px}
.terms-consent{display:flex!important;align-items:flex-start;gap:8px;line-height:1.6;font-size:10px!important;color:#7c8999}.terms-consent[hidden]{display:none!important}.terms-consent input{width:auto;margin:2px 0 0}.terms-consent a{text-decoration:underline;color:#355e95}
.display-controls{display:flex;align-items:center;gap:7px}.language-select,.theme-toggle{height:34px;border:1px solid #dfe5e8;background:#fff;color:#33435f;border-radius:8px;font-size:11px;font-weight:700}.language-select{width:117px;padding:0 7px}.theme-toggle{width:34px;display:grid;place-items:center;font-size:18px;line-height:1}.dark body{background:#0f192b;color:#eff3fb}.dark .site-header{background:#111e33eF;border-color:#293a55}.dark .desktop-nav,.dark .text-button,.dark .brand{color:#eff3fb}.dark .announcement{background:#254635;color:#e1f5dc}.dark .trust-strip,.dark .faq-section,.dark footer{background:#152238;border-color:#2a3951}.dark .trust-inner strong,.dark .footer-links strong{color:#c7d4ec}.dark .section-heading h2 span{color:#9eadd0}.dark .hero h1 em{color:#aab9dd}.dark .hero-copy>p,.dark .section-heading p,.dark .faq-layout>div:first-child>p{color:#a6b4cb}.dark .button-ghost{background:#1c2c45;border-color:#364865;color:#e6eefb}.dark .hero-note,.dark .trust-inner{color:#95a8c3}.dark .step,.dark .feature,.dark .price-card{background:#18263d;border-color:#2d3b55}.dark .step-art{background:#24354d}.dark .art-write>span:last-child,.dark .art-choose i,.dark .art-send span:first-child{background:#1b2c45;border-color:#3c4c66;color:#cad5e7}.dark .feature-large{background:#232e50}.dark .feature-wide{background:#1d3a3a}.dark .tone-tags span,.dark .language-row span,.dark .saved-note,.dark .context-card{background:#172740;border-color:#344866;color:#d4e1f2}.dark .tone-tags .selected{background:#5e7ca7}.dark .price-card.highlight{background:#1e3050;border-color:#799dd1}.dark .price-card p,.dark .step p,.dark .feature p,.dark .faq-list p{color:#a5b4c8}.dark .price-line,.dark .faq-list details,.dark .footer-bottom{border-color:#33425d;background-color:#33425d}.dark .button-plan{background:#2c3d5a;color:#e9f1ff}.dark .highlight .button-plan{background:#83a7d6;color:#112139}.dark .final-cta{background:#244635}.dark .final-cta p{color:#b8d3ba}.dark .auth-dialog,.dark .account-dialog{background:#17253a;color:#eef3fc;border-color:#3a4b65}.dark .auth-dialog input{background:#101d30;color:#eef3fc;border-color:#41536e}.dark .account-plan{background:#1c3046;border-color:#3c5067}.dark .language-select,.dark .theme-toggle{background:#182943;color:#e7efff;border-color:#40516b}.dark .legal-page p,.dark .legal-page li{color:#b1bfd4}.dark .legal-page a{color:#a9c5fa}
@media(max-width:1050px){.hero{gap:25px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-wide{gap:20px}.footer-links{gap:35px}}@media(max-width:760px){.shell{width:min(100% - 36px,550px)}.site-header{height:62px}.nav-wrap{padding:0 18px}.desktop-nav,.nav-actions .text-button,.nav-actions .button{display:none}.menu-toggle{display:block;border:0;background:none;font-size:22px;color:var(--navy)}.mobile-nav:not([hidden]){display:grid;background:white;border-top:1px solid var(--line);padding:15px 22px;gap:13px;font-size:13px;font-weight:700}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:70px;padding-bottom:50px;gap:35px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,10vw,62px)}.hero-copy>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-visual{height:470px}.browser-card{right:4%;left:4%;height:285px}.suggestion-card{left:11%;right:3%;bottom:7%;padding:15px}.visual-caption{display:none}.trust-inner{flex-wrap:wrap;justify-content:center;padding:20px 0;gap:12px 18px}.trust-inner>span:first-child{width:100%;text-align:center}.trust-separator{display:none}.trust-inner strong{font-size:12px}.section,.feature-section{padding:90px 0}.steps,.feature-grid{grid-template-columns:1fr}.step{min-height:0}.feature-wide{grid-column:auto;display:block}.context-card{margin-top:30px}.faq-layout{grid-template-columns:1fr;gap:25px}.final-inner{display:block}.final-inner button{margin-top:25px}.footer-top{display:block}.footer-links{margin-top:40px;justify-content:space-between;gap:12px}.footer-bottom{gap:12px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:350px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.social-login{margin:20px 0 4px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid #dbe2ea;border-radius:9px;background:#fff;color:#24344e;font-size:12px;font-weight:700}.social-button:not(:disabled):hover{border-color:#6485bc;background:#f7f9fc}.social-button:disabled{cursor:not-allowed;opacity:.48}.social-mark{font-size:15px;font-weight:800}.social-google .social-mark{color:#4285f4}.social-apple .social-mark{color:#202837}.social-kakao .social-mark{color:#d9a600}.social-naver .social-mark{color:#03c75a}.social-note{min-height:16px;margin:9px 0 11px;color:#8693a4;font-size:10px;text-align:center}.social-divider{display:flex;align-items:center;gap:12px;color:#9aa6b5;font-size:10px;font-weight:500}.social-divider span{height:1px;background:#e4e9ef;flex:1}.legal-controls{justify-content:flex-end;margin-bottom:30px}.dark .browser-card,.dark .suggestion-card{color:#1d2b47}.dark .social-button{background:#1b2a41;color:#eaf0fc;border-color:#3e5069}.dark .social-button:not(:disabled):hover{background:#273b58}.dark .social-apple .social-mark{color:#f5f7fb}.dark .social-divider span{background:#415169}.dark .mobile-nav:not([hidden]){background:#152238;border-color:#34435c}.dark .menu-toggle{color:#eaf1fe}
@media(max-width:760px){.nav-actions{gap:7px}.nav-actions .display-controls{display:flex}.nav-actions .language-select{width:92px}.mobile-nav .display-controls{display:none}}
.language-control{position:relative}.language-trigger{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#33435f;transition:background .16s,border-color .16s,box-shadow .16s}.language-trigger:hover,.language-trigger[aria-expanded="true"],.theme-toggle:hover{background:#f0f4fa;border-color:#b9c6d8}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid #83a5d7;outline-offset:2px}.language-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:60;width:230px;max-height:min(440px,calc(100vh - 92px));overflow-y:auto;padding:8px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;box-shadow:0 18px 48px #1c2f4b29}.language-menu-heading{padding:10px 11px 8px;color:#8a98aa;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.language-option{width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#31415e;font-size:12px;font-weight:600;text-align:left}.language-option:hover,.language-option:focus-visible{background:#f1f5fa}.language-option.selected{background:#eaf0fb;color:#244576;font-weight:800}.language-check{visibility:hidden;color:#4971b0;font-size:13px}.language-option.selected .language-check{visibility:visible}.dark .language-trigger{background:#182943;color:#e7efff;border-color:#40516b}.dark .language-trigger:hover,.dark .language-trigger[aria-expanded="true"],.dark .theme-toggle:hover{background:#263a59;border-color:#6880a3}.dark .language-menu{background:#17263d;border-color:#3c4e68;box-shadow:0 18px 48px #061021a8}.dark .language-menu-heading{color:#95a6c0}.dark .language-option{color:#dbe6f7}.dark .language-option:hover,.dark .language-option:focus-visible{background:#263956}.dark .language-option.selected{background:#2e4770;color:#fff}.dark .language-check{color:#b9d2ff}
@media(max-width:760px){.nav-actions .language-trigger{width:34px}.nav-actions .display-controls{gap:6px}.language-menu{right:-41px;width:min(230px,calc(100vw - 26px))}}
/* Unify illustration surfaces and the dark palette. */
.hero-visual{background:transparent;box-shadow:none}.visual-grid{display:none}.visual-caption{color:#74839b}.browser-card,.suggestion-card{box-shadow:0 20px 55px #1d2c5024}
.dark .hero-visual{background:transparent}.dark .browser-card,.dark .suggestion-card{background:#f8faff;border-color:#d8e1ee;color:#1d2b47;box-shadow:0 24px 60px #02091699}.dark .browser-top{border-color:#e3e9f3}.dark .recipient{border-color:#e4eaf3}.dark .visual-caption{color:#9aaed0}
.hero-visual .draft{min-height:1.6em}.hero-visual.demo-animating:not(.demo-complete) .draft:after{content:'';display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;background:#516b9b;animation:demo-caret .65s steps(1) infinite}.hero-visual.demo-animating .suggestion-card{opacity:0;transform:translateY(15px) rotate(2deg)}.hero-visual.demo-animating.demo-complete .suggestion-card{opacity:1;transform:translateY(0) rotate(2deg);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.hero-visual.demo-animating.demo-complete .floating-icon{animation:demo-pulse .7s ease}@keyframes demo-caret{50%{opacity:0}}@keyframes demo-pulse{50%{box-shadow:0 0 0 9px #7e9fd930,0 6px 15px #1d2c5040}}@media(prefers-reduced-motion:reduce){.hero-visual.demo-animating .suggestion-card{opacity:1;transform:rotate(2deg)}}
.hero-visual{height:430px;display:grid;place-items:center;overflow:visible}.demo-shell{width:min(100%,540px);height:280px;position:relative;padding:28px 6px}.demo-overline{font-size:10px;font-weight:800;letter-spacing:.18em;color:#8c9ab0;margin-bottom:29px}.demo-input,.demo-result{position:absolute;top:93px;left:6px;right:6px;border:1px solid #d9e1ec;border-radius:15px;background:#fff;box-shadow:0 18px 45px #1d2c5015}.demo-input{min-height:67px;display:flex;align-items:center;gap:16px;padding:9px 10px 9px 22px;transition:opacity .5s,transform .7s}.demo-draft{flex:1;min-width:0;color:#596981;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-trigger{flex:none;width:42px;height:42px;border:0;border-radius:11px;background:#263b66;color:white;font-size:23px;font-weight:800;letter-spacing:-.1em;box-shadow:0 5px 12px #263b6630;transition:transform .3s,box-shadow .3s}.demo-trigger:hover{transform:translateY(-2px);box-shadow:0 7px 16px #263b6650}.demo-trigger.demo-pressed{transform:scale(.84);box-shadow:0 0 0 11px #7396ce30}.demo-typing .demo-draft:after{content:'';display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;background:#526b9b;animation:demo-caret .65s steps(1) infinite}.demo-result{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;min-height:95px;opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:opacity .7s,transform .8s cubic-bezier(.18,.75,.24,1);border-color:#cbd9e8;box-shadow:0 22px 55px #1d2c5022}.demo-sparkle{font-size:22px;color:#7699ce;line-height:1}.demo-result p{font-size:15px;font-weight:650;line-height:1.65;margin:0;color:#263653;word-break:keep-all}.demo-revealed .demo-input{opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none}.demo-revealed .demo-result{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hero-description br{display:block;content:'';margin-top:4px}.dark .demo-input,.dark .demo-result{background:#f8faff;border-color:#d8e1ee}.dark .demo-overline{color:#a9b8d0}@media(max-width:760px){.hero-visual{height:290px}.demo-shell{height:240px;padding-inline:0}.demo-input,.demo-result{left:0;right:0;top:76px}.demo-result p{font-size:13px}.demo-draft{font-size:13px}.demo-overline{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.demo-input,.demo-result,.demo-trigger{transition:none!important}.demo-typing .demo-draft:after{animation:none}}
.dark .announcement{background:#223351;color:#dce8fb}.dark .pulse{background:#9bb9e6;box-shadow:0 0 0 3px #45638b}.dark .trust-strip{background:#17243a}.dark .feature-wide{background:#233553}.dark .final-cta{background:#243756}.dark .final-cta p{color:#c0cee4}.dark .final-cta .kicker{color:#a9bee1}.dark .button-white{background:#ecf3ff;color:#1d3052}.dark .context-card{background:#1b2d49;border-color:#415a7a}.dark .context-dot{background:#a8c3e8}.dark .context-switch{background:#5479b0}.dark .quote-mark{color:#b8ccef}.dark .mini-check{background:#304b6c;color:#c9dcf8}.dark .footer-bottom{background:transparent!important;border-top:1px solid #33425d}
.dark .faq-list details{background:transparent!important;border-bottom:1px solid #33425d}
.auth-dialog{max-height:min(92vh,760px);overflow-y:auto}.social-grid{grid-template-columns:1fr;gap:8px}.social-button{justify-content:center;min-height:42px;position:relative;font-size:12px}.social-mark{position:absolute;left:16px;width:20px;text-align:center}.social-label{display:block;width:100%;text-align:center}.social-facebook .social-mark{color:#1877f2;font-family:Arial,sans-serif;font-size:19px}.social-x .social-mark{color:#111827;font-size:18px}.dark .social-x .social-mark{color:#fff}
.auth-dialog{max-height:calc(100vh - 32px)}
.forgot-link{display:block;margin:-7px 0 15px auto;padding:4px 0;border:0;background:none;color:#416390;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.reset-page{min-height:100vh;display:grid;place-items:center;background:#f5f7fa;padding:24px}.reset-shell{width:min(100%,440px)}.reset-shell>.brand{margin-bottom:26px}.reset-card{background:#fff;border:1px solid #e4e7ed;border-radius:20px;padding:34px;box-shadow:0 20px 60px #1d2c5014}.reset-card h1{font-size:28px;letter-spacing:-.05em;margin:12px 0}.reset-card>p{color:#68758b;font-size:14px;line-height:1.6}.reset-card form{display:grid;gap:15px;margin-top:24px}.reset-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.reset-card input{width:100%;padding:13px;border:1px solid #d7dce7;border-radius:9px}.reset-card .auth-submit{justify-content:center;margin-top:5px}.reset-login-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;color:#416390}.dark .reset-page{background:#0f192b}.dark .reset-card{background:#17253a;border-color:#3a4b65}.dark .reset-card input{background:#101d30;color:#eef3fc;border-color:#41536e}.dark .forgot-link,.dark .reset-login-link{color:#a9c5fa}

/* Comfortable reading sizes for supporting copy. */
.announcement{font-size:13px}.hero-copy>p{font-size:17px;line-height:1.9}.trust-inner{font-size:14px}.section-heading p{font-size:16px;line-height:1.85}.step p,.feature p{font-size:15px;line-height:1.8}.faq-layout>div:first-child>p,.faq-list p{font-size:15px;line-height:1.85}.price-card>p,.price-card ul,.pricing-footnote{font-size:14px;line-height:1.6}.price-card ul{gap:12px}.footer-top p,.footer-links>div,.footer-bottom{font-size:13px;line-height:1.7}.footer-links strong{font-size:13px}.final-cta p{font-size:15px}.auth-dialog form>p:not(.form-message):not(.auth-switch):not(.auth-legal),.account-email{font-size:14px}.auth-switch,.account-note,.form-message,.account-message{font-size:13px}.social-note{font-size:12px}.legal-page p,.legal-page li{font-size:16px;line-height:1.85}@media(max-width:760px){.hero-copy>p{font-size:16px}.section-heading p{font-size:15px}.step p,.feature p,.faq-list p{font-size:14px}.price-card>p,.price-card ul,.pricing-footnote{font-size:14px}.footer-top p,.footer-links>div,.footer-bottom{font-size:13px}}

.support-page{max-width:760px}.support-heading{margin:42px 0 30px}.support-heading h1{font-size:clamp(36px,5vw,54px);margin:13px 0}.support-heading p{font-size:16px}.support-form{background:#fff;border:1px solid #e0e6ee;border-radius:18px;padding:30px;box-shadow:0 16px 45px #1d2c500d}.support-form label{display:grid;gap:9px;margin-bottom:20px;font-size:14px;font-weight:700}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid #ced8e4;border-radius:9px;background:#fff;color:#1d2b47;padding:13px 14px;font-size:15px;font-weight:400;outline:none}.support-form textarea{resize:vertical;min-height:170px;line-height:1.6}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:#6087c6;box-shadow:0 0 0 3px #6087c625}.support-form .button{justify-content:center;min-width:185px}.support-form .button:disabled{opacity:.65;cursor:wait}.support-privacy{font-size:13px!important;margin:0 0 24px!important}.support-status{min-height:24px;margin:18px 0 0!important;font-size:14px!important}.support-status.success{color:#24704d}.support-status.error{color:#b34942}.support-direct{font-size:14px!important;text-align:center}.support-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.dark .support-form{background:#17253a;border-color:#3a4b65}.dark .support-form input,.dark .support-form select,.dark .support-form textarea{background:#101d30;color:#eef3fc;border-color:#41536e}.dark .support-status.success{color:#90d4ae}@media(max-width:600px){.support-form{padding:22px}.support-grid{grid-template-columns:1fr;gap:0}.support-form .button{width:100%}}

.demo-input,.demo-result{top:72px}.demo-word{display:inline-block;white-space:pre-wrap;opacity:0;filter:blur(5px);transform:translateY(10px);transition:opacity .48s ease,filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.demo-revealed .demo-word{opacity:1;filter:blur(0);transform:translateY(0);transition-delay:calc(var(--word-index) * 65ms)}.demo-revealed .demo-result{overflow:hidden}.demo-revealed .demo-result:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#9ec2f532 48%,transparent 75%);transform:translateX(-110%);animation:demo-shimmer 1.2s ease-out both;pointer-events:none}@keyframes demo-shimmer{to{transform:translateX(110%)}}@media(max-width:760px){.demo-input,.demo-result{top:64px}}@media(prefers-reduced-motion:reduce){.demo-word{opacity:1;filter:none;transform:none;transition:none}.demo-revealed .demo-result:before{animation:none;display:none}}

/* Let every translation determine the demo card height and wrap long unspaced text. */
.hero-copy,.hero-visual{min-width:0}.hero-visual{height:auto;min-height:430px}.demo-shell{height:auto;min-height:280px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.demo-input,.demo-result{position:relative;top:auto;left:auto;right:auto;grid-area:1/1;min-width:0;width:100%}.demo-result{overflow:hidden}.demo-result-text{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.demo-word{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.demo-result p{word-break:normal}@media(max-width:760px){.hero-visual{height:auto;min-height:320px}.demo-shell{height:auto;min-height:280px}.demo-input,.demo-result{top:auto;left:auto;right:auto}}@media(max-width:380px){.demo-result{padding:18px 16px;gap:9px}.demo-result p{font-size:12px}}

/* Dark palette: charcoal base, quiet blue and desaturated teal accents. */
.dark body{background:#101824;color:#f1f4f8}.dark .site-header{background:#131e2bed;border-color:#2b3b4b}.dark .brand-mark{background:#344e70}.dark .desktop-nav,.dark .text-button,.dark .brand{color:#eaf0f6}.dark .desktop-nav a:hover,.dark .footer-links a:hover{color:#a5c9d0}.dark .hero{background:radial-gradient(circle at 82% 45%,#31465a55,transparent 48%)}.dark .hero h1 em,.dark .section-heading h2 span{color:#a6b9d5}.dark .hero-copy>p,.dark .section-heading p,.dark .faq-layout>div:first-child>p{color:#b5c2d0}.dark .eyebrow,.dark .kicker{color:#9db5c7}.dark .button-dark{background:#93accb;color:#122234}.dark .button-dark:hover{background:#acc2da}.dark .button-ghost{background:#1a2937;border-color:#405467;color:#e5eef5}.dark .button-ghost:hover{background:#233648}.dark .trust-strip{background:#17232e;border-color:#304251}.dark .trust-inner,.dark .trust-inner strong{color:#b6c9d0}.dark .trust-separator{background:#455866}.dark .step{background:#1b2937;border-color:#344555}.dark .step-art{background:#273847}.dark .step-num{color:#9eb2c3}.dark .step p,.dark .feature p,.dark .faq-list p{color:#b8c5d3}.dark .art-write>span:last-child,.dark .art-choose i,.dark .art-send span:first-child{background:#1c2d3a;border-color:#415667;color:#d5e0e9}.dark .art-choose i:last-child{background:#344c58}.dark .art-choose>span{color:#a2c6bf}.dark .feature-section{background:#15222e}.dark .feature{background:#1d2d3b;border-color:#354958}.dark .feature-large{background:#27354a;border-color:#4a5a73}.dark .feature-wide{background:#213b3e;border-color:#456566}.dark .feature-icon{background:#3f5b75;color:#f6f8fa}.dark .tone-tags span,.dark .language-row span,.dark .saved-note,.dark .context-card{background:#182b3a;border-color:#42596b;color:#dbe7ee}.dark .tone-tags .selected{background:#6e8aab;border-color:#6e8aab;color:#fff}.dark .language-row .language-arrow{background:none;border:0}.dark .context-dot{background:#9ac7bc}.dark .context-switch{background:#648f9c}.dark .context-lines i{background:#3a5662}.dark .dark-quote{background:linear-gradient(130deg,#1c2d3e,#223b43)}.dark .quote-mark{color:#a9c9c3}.dark .quote-inner p{color:#c5d3dd}.dark .price-card{background:#1b2936;border-color:#344859}.dark .price-card.highlight{background:#26364a;border-color:#849fbe;box-shadow:0 18px 36px #08111b60}.dark .popular{background:#7896b4;color:#0f2030}.dark .price-card p,.dark .pricing-footnote,.dark .price-card ul{color:#bdcad6}.dark .price-card li:before{color:#9dc8bb}.dark .price-line{background:#3b4d5c}.dark .button-plan{background:#31485c;color:#edf4f8}.dark .highlight .button-plan{background:#9eb9d2;color:#102439}.dark .faq-section{background:#172430}.dark .faq-list details{border-color:#3c4d5a;background:transparent!important}.dark .faq-list summary span{color:#a1c2c2}.dark .final-cta{background:#273b45}.dark .final-cta .kicker{color:#a8c7c5}.dark .final-cta p{color:#c2d4d6}.dark .button-white{background:#eef4f5;color:#183044}.dark footer{background:#101a26;border-color:#2b3c4b}.dark .footer-bottom{background:transparent!important;border-color:#334857}.dark .footer-top p,.dark .footer-links>div,.dark .footer-bottom{color:#aab9c8}.dark .auth-dialog,.dark .account-dialog,.dark .reset-card,.dark .support-form{background:#1b2a38;border-color:#405160;color:#f0f4f8}.dark .auth-dialog input,.dark .reset-card input,.dark .support-form input,.dark .support-form select,.dark .support-form textarea{background:#12212e;border-color:#465b6b;color:#eef4f8}.dark .account-plan{background:#223645;border-color:#47606e}.dark .language-select,.dark .theme-toggle,.dark .language-trigger{background:#1d2e3d;border-color:#486071;color:#e9f2f6}.dark .legal-page p,.dark .legal-page li{color:#bdcad6}.dark .legal-page a,.dark .reset-login-link,.dark .forgot-link{color:#a9c6dd}
/* Hero demo: keep actual word spacing and grow/shrink the message window. */
.demo-result{height:67px;min-height:0;overflow:hidden;visibility:hidden;opacity:1;transform:none;transition:height .8s cubic-bezier(.22,.8,.22,1);box-sizing:border-box}
.demo-revealed .demo-result{height:var(--demo-open-height,110px);visibility:visible;opacity:1;transform:none;transition:height .8s cubic-bezier(.22,.8,.22,1)}
.demo-collapsing .demo-result{height:67px;visibility:visible;opacity:1;transform:none}
.demo-revealed .demo-input,.demo-collapsing .demo-input{visibility:hidden;opacity:1;transform:none;transition:none}
.demo-word,.demo-revealed .demo-word{display:inline;white-space:normal;opacity:1;filter:none;transform:none;transition:none}
.demo-revealed .demo-result:before{display:none}
@media(prefers-reduced-motion:reduce){.demo-result,.demo-revealed .demo-result{transition:none}}
/* Softer, more readable controls. */
.button{border-radius:16px;font-size:15px;padding:16px 21px}
.button-small{border-radius:14px;font-size:14px;padding:12px 16px}
.button-plan{border-radius:14px;font-size:15px;padding:14px}
.demo-trigger{border-radius:14px}
@media(max-width:760px){.button{font-size:14px;padding:14px 17px}.button-small{font-size:13px}}
/* A restrained magical reveal: words resolve as the card opens, then vanish before it closes. */
.demo-word,.demo-revealed .demo-word{display:inline-block;white-space:normal}
.demo-revealed:not(.demo-vanishing) .demo-word{animation:demo-word-appear .55s cubic-bezier(.18,.75,.2,1) both;animation-delay:calc(var(--word-index) * var(--word-step))}
.demo-vanishing .demo-word{animation:demo-word-vanish .38s ease-in both;animation-delay:calc((var(--word-count) - var(--word-index) - 1) * var(--word-step))}
.demo-revealed:not(.demo-vanishing) .demo-sparkle{animation:demo-sparkle-in .75s ease-out both}
.demo-vanishing .demo-sparkle{animation:demo-sparkle-out .38s ease-in both}
.demo-revealed:not(.demo-vanishing) .demo-result::before{display:block;content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 23%,#9cc5e733 49%,transparent 75%);transform:translateX(-110%);animation:demo-light-sweep .9s ease-out .1s both}
.demo-vanishing .demo-result::before{display:none}
@keyframes demo-word-appear{from{opacity:0;filter:blur(7px);transform:translateY(9px) scale(.96)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes demo-word-vanish{from{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(6px);transform:translateY(-6px) scale(.98)}}
@keyframes demo-sparkle-in{from{opacity:0;transform:scale(.55) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes demo-sparkle-out{to{opacity:0;transform:scale(.5) rotate(35deg)}}
@keyframes demo-light-sweep{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.demo-word,.demo-revealed .demo-word,.demo-sparkle,.demo-revealed .demo-result::before{animation:none!important;opacity:1;filter:none;transform:none}.demo-revealed .demo-result::before{display:none!important}}
.demo-collapsing .demo-word,.demo-collapsing .demo-sparkle{opacity:0;filter:blur(6px);transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){.demo-collapsing .demo-word,.demo-collapsing .demo-sparkle{opacity:1;filter:none;transform:none}}
/* Keep the R control above both cards and animate it with each size change. */
.demo-shell{position:relative}
.demo-input{padding-right:72px}
.demo-result{padding-right:76px}
.demo-shell>.demo-trigger{position:absolute;z-index:3;top:50%;right:16px;transform:translateY(-50%);transform-origin:center;box-shadow:0 5px 14px #263b6633}
.demo-shell>.demo-trigger:hover{transform:translateY(calc(-50% - 2px))}
.demo-revealed .demo-trigger{animation:demo-r-grow .85s cubic-bezier(.18,.78,.22,1) both}
.demo-collapsing .demo-trigger{animation:demo-r-shrink .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes demo-r-grow{0%{transform:translateY(-50%) scale(1) rotate(0)}28%{transform:translateY(-50%) scale(.78) rotate(-10deg);box-shadow:0 0 0 8px #7795c329}62%{transform:translateY(-50%) scale(1.14) rotate(7deg);box-shadow:0 0 0 14px #7795c314}100%{transform:translateY(-50%) scale(1) rotate(0);box-shadow:0 5px 14px #263b6633}}
@keyframes demo-r-shrink{0%{transform:translateY(-50%) scale(1) rotate(0)}48%{transform:translateY(-50%) scale(.74) rotate(-12deg);box-shadow:0 0 0 9px #7795c323}100%{transform:translateY(-50%) scale(1) rotate(0);box-shadow:0 5px 14px #263b6633}}
@media(max-width:760px){.demo-shell>.demo-trigger{right:10px}.demo-input{padding-right:64px}.demo-result{padding-right:68px}}
@media(prefers-reduced-motion:reduce){.demo-revealed .demo-trigger,.demo-collapsing .demo-trigger{animation:none!important;transform:translateY(-50%)}}
/* Keep the demo control comfortably inside the message field. */
.demo-shell>.demo-trigger{right:27px}
.demo-input{padding-right:84px}
.demo-result{padding-right:87px}
@media(max-width:760px){.demo-shell>.demo-trigger{right:19px}.demo-input{padding-right:73px}.demo-result{padding-right:77px}}
.chrome-icon{width:22px;height:22px;flex:none}
.download-link{gap:13px}
.download-link span:last-child{margin-left:8px}
.download-notice{position:fixed;z-index:80;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 18px;border:1px solid #cad5e3;border-radius:13px;background:#fff;color:#263750;box-shadow:0 12px 34px #1328492d;font-size:14px;font-weight:700;text-align:center}
.download-notice[hidden]{display:none}
.dark .download-notice{background:#253747;color:#f2f6fa;border-color:#526779}
@media(max-width:760px){.download-link{gap:10px}.chrome-icon{width:20px;height:20px}}

/* Keep all four feature cards the same size in the two-column grid. */
.feature-grid{grid-auto-rows:minmax(0,1fr)}
.feature{display:flex;flex-direction:column;min-width:0;min-height:400px}
.feature-wide{grid-column:auto;display:flex;gap:0;align-items:stretch}
.feature-wide>div:first-child{min-width:0}
.feature-wide .context-card{max-width:100%;margin:20px 0 0;padding:16px}
@media(max-width:760px){.feature-grid{grid-auto-rows:auto}.feature{min-height:0}.feature-wide .context-card{margin-top:24px}}