@font-face{font-family:TempsenderUI;src:local("Inter"),local("Arial");font-display:swap}
:root{--gallery:#f5f5f5;--ink:#212123;--action:#151515;--paper:#fff;--muted:#5c5c5c;--line:#dedde1;--violet:#b99bf4;--peach:#ffba9e;--rose:#ef91b7;--success:#80d4a5;--danger:#b5404e;--radius-pill:24px;--radius-window:30px;--shadow:0 28px 70px rgba(37,25,48,.18);--page:min(1240px,calc(100% - 48px));--step-1:clamp(2.7rem,5.2vw,4.75rem);--step-2:clamp(2rem,3.7vw,3.25rem);--step-3:clamp(1.25rem,2vw,1.5rem);font-family:TempsenderUI,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--gallery);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:128px;overflow-x:hidden}body{margin:0;background:var(--gallery);color:var(--ink);font-size:16px;line-height:1.65;overflow-wrap:anywhere}body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(20px);pointer-events:none}body::before{width:620px;height:460px;left:-130px;top:-130px;background:radial-gradient(circle,#c9b5ff 0,rgba(201,181,255,.2) 55%,transparent 72%)}body::after{width:720px;height:490px;right:-190px;top:-90px;background:radial-gradient(circle,#ffc3a9 0,rgba(255,195,169,.22) 55%,transparent 72%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img,svg{display:block;max-width:100%}[hidden]{display:none!important}.hidden{display:none!important}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;border-radius:12px;background:var(--action);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:30;width:100%;background:rgba(245,245,245,.9);border-bottom:1px solid rgba(33,33,35,.08)}.header-crown{width:var(--page);min-height:58px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.header-gallery{border-top:1px solid rgba(33,33,35,.06)}.brand-lockup{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:760;letter-spacing:-.3px;flex:none}.brand-lockup img{width:32px;height:32px}.primary-nav{width:max-content;max-width:var(--page);margin:8px auto;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(33,33,35,.09);border-radius:22px;background:rgba(255,255,255,.74)}.primary-nav a{padding:7px 15px;border-radius:17px;font-size:14px;font-weight:650;white-space:nowrap;color:#474749}.primary-nav a:hover{background:#efedf2;color:var(--ink)}.primary-nav a[aria-current]{background:var(--action);color:#fff}.nav-actions{display:flex;align-items:center;gap:8px;flex:none}.lang-cluster{position:relative}.lang-button,.nav-auth,.nav-create,.nav-toggle{min-height:42px;border-radius:22px;border:1px solid rgba(33,33,35,.14);background:rgba(255,255,255,.6);color:var(--ink);padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:650;white-space:nowrap}.lang-button:hover,.nav-auth:hover{background:#fff;color:var(--ink)}.lang-button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}.nav-create{background:var(--action);color:#fff;border-color:var(--action);padding-inline:18px}.nav-create:hover{background:#343436;color:#fff}.lang-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(30,22,39,.16)}.lang-menu a{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border-radius:11px;font-size:14px}.lang-menu a:hover,.lang-menu a[aria-current]{background:#f1eff4;font-weight:700}.lang-menu a[aria-current]::after{content:"";width:8px;height:4px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}.nav-toggle{display:none;width:42px;padding:0;gap:0}.nav-toggle svg{width:20px}.nav-drawer{position:fixed;z-index:28;top:64px;left:16px;right:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.nav-drawer a{display:block;padding:12px 14px;border-radius:12px;font-weight:650}.nav-drawer a:hover,.nav-drawer a[aria-current]{background:#f2f0f4}.x-short{display:none}.hero{position:relative;padding:78px 0 104px}.hero-stage{width:var(--page);margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:28px}.hero-copy{grid-column:span 4;padding:32px 6px 0 0;min-width:0}.hero-copy h1{font-size:clamp(3rem,5vw,3.875rem);line-height:1.01;letter-spacing:-1.5px;font-weight:560;text-wrap:balance;margin:0}.hero-mode{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.mode-button{min-height:48px;border-radius:24px;padding:0 20px;border:1px solid rgba(33,33,35,.18);background:#fff;color:var(--ink);font-size:16px;font-weight:650;display:inline-flex;align-items:center;justify-content:center}.mode-button.is-active{background:var(--action);color:#fff;border-color:transparent;box-shadow:0 0 0 2px #f7c0ab,0 0 0 4px rgba(183,150,244,.46)}.mode-button:hover{transform:translateY(-1px)}.mode-button.is-active:hover{background:#343436;color:#fff}.workspace-wrap{grid-column:span 8;min-width:0;perspective:1400px}.workspace{height:780px;min-height:700px;border-radius:var(--radius-window);background:#1d1d20;color:#f8f8f8;box-shadow:var(--shadow);overflow:hidden;transform:rotateY(-1.3deg) rotateX(.4deg);animation:workspace-rise .7s ease-out both}.workspace-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #38383d;background:#242428}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#58585f}.window-dots i:nth-child(1){background:#fa907f}.window-dots i:nth-child(2){background:#f4c272}.window-dots i:nth-child(3){background:#79c998}.live-state{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#d5d5d8}.live-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(128,212,165,.12)}.mail-tools{padding:20px 22px 18px;border-bottom:1px solid #38383d}.address-line{display:flex;align-items:center;gap:10px}.mail-address{flex:1;min-width:0;margin:0;color:#fff;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(16px,2vw,22px);letter-spacing:-.3px;overflow-wrap:anywhere}.icon-text-button,.tool-pill,.reader-action,.sheet-close{border:1px solid #4b4b51;background:#303035;color:#fff;border-radius:18px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650}.icon-text-button svg,.tool-pill svg,.reader-action svg{width:16px;height:16px;flex:none}.icon-text-button:hover,.tool-pill:hover,.reader-action:hover{background:#45454c;color:#fff}.mail-subtools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.countdown{display:inline-flex;align-items:center;gap:9px;padding-right:8px;color:#d7d7db;font-size:13px;font-variant-numeric:tabular-nums}.countdown::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.mail-grid{display:grid;grid-template-columns:minmax(245px,.82fr) minmax(0,1.5fr);height:calc(100% - 173px)}.message-list{min-width:0;overflow-y:auto;border-right:1px solid #38383d;background:#202024}.list-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#202024;border-bottom:1px solid #38383d}.list-head strong{font-size:14px}.inbox-count{font-size:12px;color:#b8b8be}.message-row{width:100%;border:0;border-bottom:1px solid #38383d;background:transparent;color:#f3f3f4;padding:16px 17px;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;position:relative}.message-row:hover,.message-row.is-selected{background:#2b2b30;color:#fff}.message-row.is-selected::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:linear-gradient(#bd9cf8,#ffad93)}.sender-mark{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#171719;font-weight:800}.sender-mark svg{width:23px;height:23px}.message-copy{min-width:0}.message-meta{display:flex;align-items:center;gap:8px;min-width:0}.message-meta strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-time{margin-left:auto;flex:none;font-size:11px;color:#aaaab2}.message-subject{font-size:13px;font-weight:650;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-preview{font-size:12px;color:#aaaab2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.unread-dot{width:7px;height:7px;border-radius:50%;background:#ffad93;flex:none}.reader-pane{min-width:0;overflow:auto;background:#f9f9fa;color:var(--ink)}.reader-inner{padding:26px}.reader-kicker,.demo-badge{display:flex;width:max-content;min-width:0;max-width:min(100%,calc(100vw - 48px));align-items:center;border-radius:16px;padding:5px 10px;background:#ece9f0;color:#4b4454;font-size:11px;font-weight:750}.reader-kicker+h2,.demo-badge+h3{margin-top:12px}.reader-pane h2{font-size:clamp(20px,2vw,24px);line-height:1.25;letter-spacing:-.3px;margin-bottom:8px}.reader-meta{font-size:12px;color:#68686d}.reader-actions{display:flex;gap:8px;margin-top:16px}.reader-action{background:#fff;border-color:#d8d8dc;color:#27272a}.reader-action:hover{background:#ececf0;color:#151515}.email-paper{margin-top:22px;background:#fff;border:1px solid #e4e4e7;border-radius:20px;padding:24px;box-shadow:0 9px 24px rgba(32,32,36,.06)}.mail-brand{display:flex;align-items:center;gap:12px}.mail-brand .sender-mark{border:1px solid #e4e4e7}.mail-brand strong{font-size:15px}.email-paper h3{font-size:20px;line-height:1.3;margin:28px 0 12px}.email-paper p{margin:10px 0;color:#4f4f54;font-size:14px}.verification-code{width:max-content;max-width:100%;margin:22px 0;padding:12px 18px;border-radius:14px;background:#f2eff6;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(24px,4vw,36px);font-weight:760;letter-spacing:5px;color:#272329}.demo-note{margin-top:22px!important;padding:10px 12px;border-radius:12px;background:#fff4eb;color:#674c3e!important;font-size:12px!important}.parcel-state{margin:18px 0;padding:15px;border-radius:14px;background:#f3f1f5}.parcel-state strong{display:block}.fake-cta{display:inline-flex;margin-top:10px;padding:9px 14px;border-radius:18px;background:#151515;color:#fff;font-size:13px;font-weight:700;opacity:.72}.real-mail-frame{width:100%;min-height:420px;border:0;background:#fff}.mobile-reader{position:fixed;inset:0;z-index:60;background:#f9f9fa;color:var(--ink);overflow:auto}.mobile-reader-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:10px 14px;background:#f9f9fa;border-bottom:1px solid var(--line)}.sheet-close{width:42px;padding:0;gap:0;background:var(--action);border-color:var(--action);font-size:0}.sheet-close svg{width:20px}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,16px);width:max-content;max-width:min(430px,calc(100% - 32px));padding:11px 16px;border-radius:16px;background:#151515;color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes workspace-rise{from{opacity:0;transform:translateY(26px) rotateY(-1.3deg)}to{opacity:1;transform:translateY(0) rotateY(-1.3deg) rotateX(.4deg)}}
.section{padding:104px 0}.section-shell{width:var(--page);margin:auto}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:end;margin-bottom:46px}.section-heading h2,.split-story h2,.choice-band h2,.faq-section>div>h2{font-size:var(--step-2);line-height:1.05;letter-spacing:-1px;font-weight:580;text-wrap:balance;margin:0}.section-heading p{margin:0;color:var(--muted);max-width:620px}.eyebrow{display:flex;width:max-content;min-width:0;max-width:min(100%,calc(100vw - 48px));padding:6px 11px;border-radius:15px;background:#ece9ef;font-size:12px;font-weight:760;letter-spacing:.02em}.eyebrow+h2{margin-top:14px}.benefit-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.benefit-card{min-width:0;min-height:300px;padding:28px;border-radius:26px;background:#fff;display:flex;flex-direction:column}.benefit-card:first-child{background:#1f1f22;color:#fff}.benefit-card svg{width:38px;height:38px}.benefit-card h3{font-size:var(--step-3);line-height:1.25;margin:42px 0 10px}.benefit-card p{margin:0;color:#626267}.benefit-card:first-child p{color:#d0d0d4}.duration-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.duration-card{min-width:0;padding:26px;border-radius:24px;background:#fff}.duration-card b{font-size:32px;line-height:1;display:block}.duration-card h3{font-size:19px;margin:22px 0 8px}.duration-card p{margin:0;color:var(--muted)}.scenario-section{background:linear-gradient(135deg,#e9dffd 0,#f8e1d5 58%,#f4dfe9 100%)}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario-card{min-width:0;padding:28px;border-radius:26px;background:rgba(255,255,255,.72)}.scenario-card .number{font-size:12px;font-weight:800}.scenario-card h3{font-size:22px;margin:32px 0 8px}.scenario-card p{margin:0;color:#514b50}.split-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}.story-note{margin-top:24px;padding:32px;border-radius:28px;background:#fff}.story-note p{margin:0;color:var(--muted)}.story-note p+p{margin-top:18px}.story-note strong{color:var(--ink)}.diagnostic-list{list-style:none;margin:0;padding:0}.diagnostic-list li{padding:22px 0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}.diagnostic-list li+li{border-top:1px solid var(--line)}.diagnostic-list i{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.diagnostic-list h3{font-size:18px;margin:0 0 5px}.diagnostic-list p{margin:0;color:var(--muted)}.quote-section{padding:84px 0}.quote-card{width:min(940px,calc(100% - 48px));margin:auto;padding:48px;border-radius:30px;background:#fff;text-align:center}.quote-mark{font-size:84px;line-height:.6;color:#d8d8dc}.quote-card blockquote{font-size:clamp(22px,3vw,34px);line-height:1.35;letter-spacing:-.6px;margin:28px auto 20px;max-width:780px}.quote-card cite{font-style:normal;color:var(--muted);font-size:14px}.choice-band{background:#1b1b1e;color:#fff}.choice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:40px}.choice-card{min-width:0;padding:30px;border:1px solid #414147;border-radius:26px}.choice-card p{color:#c7c7cc}.choice-card .mode-button{margin-top:24px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px;align-items:start}.faq-item{min-width:0;border-radius:20px;background:#fff;padding:0 22px}.faq-item summary{list-style:none;cursor:pointer;font-weight:700;padding:20px 34px 20px 0;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";position:absolute;right:4px;top:24px;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.faq-item[open] summary::after{transform:rotate(225deg);top:29px}.faq-item p{margin:0;padding:0 0 22px;color:var(--muted)}.site-footer{padding:70px 0 28px;background:#fff}.footer-grid{width:var(--page);margin:auto;display:grid;grid-template-columns:1.5fr repeat(3,minmax(120px,.7fr));gap:36px}.footer-brand p{max-width:360px;color:var(--muted);font-size:14px}.footer-column h2{font-size:14px;margin:0 0 12px}.footer-column a{display:block;width:max-content;max-width:100%;padding:5px 0;color:var(--muted);font-size:14px}.footer-column a:hover{color:var(--ink)}.footer-bottom{width:var(--page);margin:48px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-languages{display:flex;flex-wrap:wrap;gap:12px}.footer-languages a[aria-current]{color:var(--ink);font-weight:700}.modal h2,.dialog h2{font-size:clamp(20px,2vw,24px)}.content-card h2{font-size:22px}.prose h2{font-size:30px}.prose h3{font-size:21px}
body{display:flex;min-height:100vh;flex-direction:column}main{flex:1 0 auto}.benefit-card{min-height:0}.choice-card h3{font-size:22px;line-height:1.25;margin:0 0 10px}.choice-band .eyebrow{background:#eee9f3;color:#312d35}.diagnostic-list i{width:auto;min-width:42px;padding:0 12px}.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(16,16,18,.58)}.dialog{width:min(430px,100%);padding:28px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.dialog h2{margin:0;font-size:24px;line-height:1.2}.dialog p{margin:10px 0 0;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-actions button{min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:21px;background:#f1f1f3;color:var(--ink);font-weight:700}.dialog-actions button:hover{background:#e4e4e8;color:var(--ink)}.dialog-actions .danger,.dialog-actions .danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.dialog-actions .danger:hover,.dialog-actions .danger-button:hover{background:#8f2f3c;color:#fff}.dialog-actions .secondary-button{background:#fff;border-color:#c9c8cd;color:var(--ink)}.dialog-actions .secondary-button:hover{background:#ececef;color:var(--ink)}
@media(max-width:1080px){html{scroll-padding-top:84px}.header-gallery{display:none}.nav-toggle{display:inline-flex}.hero{padding-top:48px}.hero-stage{display:block}.hero-copy{padding:0 0 38px;max-width:720px}.hero-copy h1{font-size:clamp(3rem,8vw,4.75rem)}.workspace{transform:none}.benefit-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr repeat(2,minmax(0,1fr))}.footer-brand{grid-row:span 2}}
@media(max-width:760px){:root{--page:min(100% - 28px,1240px)}.header-crown{min-height:56px;gap:8px}.brand-lockup{font-size:16px}.brand-lockup img{width:28px;height:28px}.nav-create{display:none}.nav-auth{padding-inline:12px}.nav-drawer{top:60px}.hero{padding:42px 0 68px}.hero-copy h1{font-size:clamp(2.7rem,13vw,4rem)}.hero-mode{margin-top:26px}.mode-button{font-size:14px;padding-inline:16px}.workspace{height:auto;min-height:0;border-radius:24px}.workspace-top{height:48px}.mail-tools{padding:17px}.address-line{align-items:flex-start;flex-wrap:wrap}.mail-address{flex:1 1 100%;font-size:17px}.mail-subtools{gap:7px}.mail-grid{display:block;height:auto}.message-list{height:628px;border-right:0}.inbox-grid>.reader-pane{display:none}.message-row{padding:18px}.mobile-reader .reader-inner{padding:18px}.section{padding:76px 0}.section-heading,.split-story{grid-template-columns:minmax(0,1fr);gap:28px}.benefit-gallery,.duration-strip,.scenario-grid,.choice-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.benefit-card:first-child{grid-column:auto}.quote-card{width:calc(100% - 28px);padding:34px 24px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.x-full{display:none}.x-short{display:inline}}
@media(max-width:430px){.lang-button{width:42px;padding:0;font-size:0;gap:0}.lang-button::after{width:7px;height:7px}.brand-lockup{gap:7px}.hero-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-button{padding-inline:10px}.mail-subtools .tool-pill{padding-inline:10px}.footer-grid{grid-template-columns:minmax(0,1fr)}}
/* shared application system */
.app-card,.form-card,.table-card,.overview-card,.step-card{min-width:0;padding:28px;border:1px solid rgba(33,33,35,.09);border-radius:24px;background:var(--paper);box-shadow:0 14px 38px rgba(37,25,48,.07)}
.app-grid,.overview-grid,.step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-stack{display:grid;gap:24px}.field{display:grid;gap:8px}.field label{font-size:14px;font-weight:700}.field input,.field textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #c9c8cd;border-radius:14px;background:#fff;color:var(--ink)}.field input:focus,.field textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink);box-shadow:none}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px}[data-login-step]{display:grid;gap:24px}[data-login-step] .button-row{margin:0}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:24px;font-weight:700}.primary-button{border:1px solid var(--action);background:var(--action);color:#fff}.primary-button:hover{background:#343438;color:#fff}.secondary-button{border:1px solid #c9c8cd;background:#fff;color:var(--ink)}.secondary-button:hover{background:#ececef;color:var(--ink)}.danger-button{border:1px solid #8f2937;background:#8f2937;color:#fff}.danger-button:hover{background:#6f1e2a;color:#fff}.data-scroll{min-width:0;overflow-x:auto;touch-action:pan-x;border:1px solid var(--line);border-radius:18px}.data-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:14px 16px;text-align:left;border:0}.data-table tr+tr td{border-top:1px solid var(--line)}.data-table th{background:#efeff1;font-size:13px}.status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.status::before{content:"";width:8px;height:8px;border-radius:50%;background:#5f9f79}.empty-state{margin-top:16px;padding:22px;border:1px dashed #c9c8cd;border-radius:18px;background:#f7f7f8;color:var(--muted)}.custom-select{position:relative;width:max-content;max-width:100%}.listbox-button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 38px 0 14px;border:1px solid #c9c8cd;border-radius:21px;background:#fff;color:var(--ink);position:relative}.listbox-button::after{content:"";position:absolute;right:16px;width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px)}.listbox-menu{position:absolute;z-index:12;top:calc(100% + 8px);left:0;width:max-content;min-width:100%;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.listbox-menu button{display:flex;width:100%;padding:9px 12px;border:0;border-radius:10px;background:#fff;color:var(--ink);white-space:nowrap}.listbox-menu button[aria-selected="true"]{background:#ece9ef;font-weight:700}.notice{padding:13px 15px;border-radius:14px;background:#edf6f0;color:#245739}.notice.is-error{background:#f9e9eb;color:#7b2632}.archive-reader{min-width:0;max-width:100%;overflow:hidden}.archive-reader iframe,.mail-frame{display:block;flex:0 0 auto;width:100%;max-width:100%;border:0}.toast{position:fixed;z-index:80;right:20px;bottom:20px;width:max-content;max-width:min(430px,calc(100% - 32px));padding:12px 16px;border-radius:18px;background:#171719;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.faq-item summary{cursor:pointer}.faq-item summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.console-form{display:flow-root}.console-form+.data-scroll{margin-top:24px}
@media(max-width:760px){.app-grid,.overview-grid,.step-grid{grid-template-columns:minmax(0,1fr)}.app-card,.form-card,.table-card,.overview-card,.step-card{padding:20px}.data-scroll{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* inner pages */
.page-hero{padding:76px 0 54px}.page-hero .section-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:56px;align-items:end}.page-hero h1{max-width:850px;margin:14px 0 0;font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.04;letter-spacing:-1.4px;font-weight:580}.page-hero p{margin:0;color:var(--muted);font-size:18px}.content-section{padding:48px 0 88px}.content-section+.content-section{padding-top:0}.overview-card h2,.overview-card h3,.app-card h2,.app-card h3,.step-card h3{margin:0 0 10px;line-height:1.25}.overview-card p,.app-card p,.step-card p{margin:0;color:var(--muted)}.legal-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:48px}.legal-copy{display:grid;gap:36px}.legal-copy section{max-width:900px}.legal-copy h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.2;margin:0 0 12px;font-size:28px;line-height:1.2}.legal-copy p{margin:0 0 10px;color:#414145}.data-scroll{overflow-x:auto;touch-action:pan-x;margin-top:28px}.data-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:13px;background:#efeff1}.list-card ul{margin:14px 0 0;padding-left:20px}.list-card li+li{margin-top:9px}.notice{padding:14px 16px;border-radius:14px;background:#f0eef2;color:#37343a}.notice:empty{display:none}.notice.success{background:#e5f5ea;color:#235535}.notice.error{background:#fbe8ea;color:#7d2833}.console-shell{display:grid;gap:24px}.console-panel{padding-bottom:32px;border-bottom:1px solid var(--line)}.console-panel:last-child{border-bottom:0}.console-panel h2{margin:0}.console-panel>p{margin:8px 0 24px;color:var(--muted)}.login-progress{display:flex;gap:8px;overflow-x:auto;touch-action:pan-x;margin-bottom:24px}.login-progress span{flex:0 0 auto;padding:7px 12px;border-radius:18px;background:#e7e6e9;font-size:13px}.login-progress .current{background:var(--action);color:#fff}.suffix-composer{display:flex;align-items:stretch;border:1px solid #c9c8cd;border-radius:14px;background:#fff}.suffix-composer:focus-within{outline:2px solid var(--ink);outline-offset:2px}.suffix-composer input{flex:1;min-width:0;border:0;padding:11px 14px;outline:none}.suffix-composer span{flex:none;display:flex;align-items:center;padding:0 14px;border-left:1px solid var(--line);white-space:nowrap;color:var(--muted)}.empty-state{margin-top:18px;padding:22px;border:1px dashed #c8c7cc;border-radius:16px;background:#f8f8f9;color:var(--muted)}.status-menu{position:relative;width:max-content}.status-trigger{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink)}.status-trigger::after{content:"";width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px)}.status-options{position:absolute;z-index:3;top:calc(100% + 8px);left:0;min-width:190px;padding:7px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.status-options button{display:flex;width:100%;justify-content:space-between;padding:9px 11px;border:0;border-radius:10px;background:#fff;color:var(--ink)}.status-options button:hover,.status-options button[aria-selected="true"]{background:#ececef;color:var(--ink)}.status-options button[aria-selected="true"]::after{content:"";width:8px;height:4px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.inline-actions{display:flex;flex-wrap:nowrap;gap:8px;white-space:nowrap}.state-dot{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.state-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.faq-list{display:grid;gap:12px}.faq-list details{padding:20px 22px;border-radius:18px;background:#fff}.faq-list summary{font-weight:720;cursor:pointer}.faq-list p{color:var(--muted)}.decision-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.decision-board article{padding:28px;border-radius:24px;background:#fff}.decision-board h2{margin:0 0 10px}.decision-board a,.text-link{display:flex;width:max-content;margin-top:24px;font-weight:750;text-decoration:underline}.toast{width:max-content;max-width:min(430px,calc(100% - 32px));border-radius:18px}.step-card svg{width:32px;height:32px;margin-bottom:18px}.archive-detail,[data-archive-detail]{min-width:0;max-width:100%;overflow:hidden}.archive-detail iframe,[data-archive-detail] iframe,.archive-frame{width:100%;max-width:100%;min-height:420px;border:1px solid var(--line);border-radius:16px;background:#fff}.is-console [data-marketing]{display:none}
[data-alias-prefix].is-flash{animation:alias-flash .55s ease}@keyframes alias-flash{50%{background:#f4e8ff}}.login-progress{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.empty-state{margin-top:24px;padding:18px;border:1px solid #dddbe0;border-radius:16px;background:#f8f8f8}.custom-select{position:relative}.custom-select>button{display:inline-flex;align-items:center;gap:22px;min-height:44px;padding:0 36px 0 15px;border:1px solid #c9c8cd;border-radius:22px;background:#fff;color:var(--ink);font-size:14px;font-weight:650;white-space:nowrap;position:relative}.custom-select>button::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-68%) rotate(45deg)}.custom-select>button:hover{background:#f4f3f6;color:var(--ink)}.custom-select [role=listbox]{position:absolute;z-index:6;right:0;top:calc(100% + 6px);min-width:190px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 30px #0002}.custom-select [role=option]{display:block;width:100%;padding:9px 12px;text-align:left;border:0;border-radius:9px;background:#fff;color:var(--ink);font-size:14px;white-space:nowrap}.custom-select [role=option]:hover{background:#f1f0f3;color:var(--ink)}.custom-select [aria-selected=true]{background:#ece9ef;font-weight:700}
.console-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 22px;border:1px solid rgba(33,33,35,.09);border-radius:20px;background:var(--paper);box-shadow:0 10px 26px rgba(37,25,48,.05)}.account-chip{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:700;overflow-wrap:anywhere}.account-chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--success);flex:none}
.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.panel-title{min-width:0}.panel-head h2{margin:0;font-size:clamp(22px,2.4vw,27px);line-height:1.15;letter-spacing:-.5px}.panel-head .eyebrow+h2{margin-top:10px}.quota-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid rgba(33,33,35,.12);border-radius:19px;background:#f4f2f6;font-size:13px;font-weight:700;white-space:nowrap}.quota-pill b{font-variant-numeric:tabular-nums}
.panel-hint{margin:0 0 10px;color:var(--muted);font-size:13px}.alias-composer{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.alias-composer .suffix-composer{flex:1 1 300px;min-width:0}
.archive-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.archive-search{min-height:44px;min-width:0;width:min(250px,100%);padding:0 15px;border:1px solid #c9c8cd;border-radius:22px;background:#fff;color:var(--ink);font-size:14px}.archive-search:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink);box-shadow:none}
[data-alias-scroll],[data-archive-scroll]{margin-top:24px}.alias-table{width:100%;border-collapse:collapse;background:#fff}.alias-table th,.alias-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.alias-table th{font-size:13px;background:#f2f1f4;white-space:nowrap}.alias-table tbody tr:last-child td{border-bottom:0}.alias-table tbody tr:hover td{background:#f8f7fa}.cell-address{min-width:200px;overflow-wrap:anywhere;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:14px}.cell-status,.cell-count,.cell-time,.cell-actions{white-space:nowrap}.cell-count,.cell-time{font-variant-numeric:tabular-nums;color:#4a4a4f;font-size:14px}.alias-table td::before{content:none}
.table-actions{display:flex;flex-wrap:nowrap;gap:8px}.row-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #c9c8cd;border-radius:18px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;white-space:nowrap}.row-button:hover{background:#ececef;color:var(--ink)}.row-button.is-danger{color:var(--danger);border-color:#dfb2ba}.row-button.is-danger:hover{background:#f9e9eb;color:#7b2632}
.status{padding:5px 11px;border-radius:16px;background:#e9f4ed;font-size:13px;font-weight:650}.status.is-off{background:#efeff1}.status.is-off::before{background:#a9a9b0}
[data-archive-list]{display:grid;gap:8px}.archive-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)}.archive-row:hover{background:#f6f5f8;color:var(--ink)}.archive-status{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:750;white-space:nowrap;background:#efeff1;color:#4a4a4f}.archive-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#9a9aa1}.archive-status.st-delivered{background:#e9f4ed;color:#2c5c3f}.archive-status.st-delivered::before{background:#5f9f79}.archive-status.st-failed{background:#f9e9eb;color:#7b2632}.archive-status.st-failed::before{background:var(--danger)}.archive-status.st-spam{background:#faf0e2;color:#6d4d22}.archive-status.st-spam::before{background:#c98f3d}.archive-status.st-pending{background:#ecf1f7;color:#33507a}.archive-status.st-pending::before{background:#5f7fb2}.archive-main{min-width:0;display:grid;gap:3px}.archive-main strong{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.archive-main span{font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.archive-side{display:grid;gap:3px;justify-items:end;font-size:12px;color:var(--muted);white-space:nowrap}
.archive-detail{min-width:0;max-width:100%;overflow:hidden;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fbfafc}.archive-detail h3{margin:0;font-size:20px;line-height:1.3}.archive-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.archive-meta span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:14px;background:#f1f0f3;font-size:12px;color:#4a4a4f;min-width:0;overflow-wrap:anywhere}.attachment-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.archive-detail .notice{margin:16px 0 0}.archive-detail .mail-frame{width:100%;max-width:100%;margin-top:16px;min-height:320px;border:1px solid var(--line);border-radius:14px;background:#fff}.archive-detail .button-row{margin:16px 0 0}
.state-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:17px;background:#efeff1;font-size:13px;font-weight:750;white-space:nowrap}.state-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#a9a9b0}.state-badge.is-on{background:#e9f4ed;color:#2c5c3f}.state-badge.is-on::before{background:#5f9f79}
.twofa-steps{margin:0 0 24px;padding-left:22px;display:grid;gap:9px;color:#4a4a4f}.twofa-steps li{margin:0}.twofa-card .button-row{margin:0}.twofa-setup{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#faf9fb}.twofa-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}.twofa-grid img{width:150px;height:150px;border:1px solid var(--line);border-radius:14px;background:#fff}.twofa-confirm{display:grid;gap:12px;min-width:0}.secret-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.secret-line code{min-width:0;overflow-wrap:anywhere;padding:9px 12px;border-radius:12px;background:#efedf1;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:13px}.twofa-disable{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);display:grid;gap:16px;max-width:460px}.twofa-disable p{margin:0;color:var(--muted);font-size:14px}.app-card .step-grid{margin-top:24px}.split-story .notice{margin-top:24px}
@media(max-width:760px){.page-hero .section-shell{grid-template-columns:minmax(0,1fr);gap:24px}.page-hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}.legal-glance,.decision-board{grid-template-columns:minmax(0,1fr)}.inline-actions{flex-wrap:wrap}.suffix-composer span{padding-inline:9px}.content-section{padding-bottom:64px}.console-topbar{padding:14px 16px}.panel-head{align-items:flex-start}.archive-tools{width:100%}.archive-search{flex:1 1 150px}.alias-table,.alias-table tbody{display:block;min-width:0}.alias-table thead{display:none}.alias-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.alias-table tr+tr{margin-top:10px}.alias-table td{display:block;min-width:0;padding:0;border:0}.alias-table tbody tr:hover td{background:transparent}.alias-table td[data-t]::before{content:attr(data-t);margin-right:8px;color:var(--muted);font-size:12px}.cell-count,.cell-time{white-space:normal}[data-alias-scroll]{border:0;border-radius:0;overflow:visible}.archive-row{grid-template-columns:minmax(0,1fr)}.archive-side{justify-items:start}.archive-main strong,.archive-main span{white-space:normal;overflow:visible;text-overflow:clip}.twofa-grid{grid-template-columns:minmax(0,1fr)}.twofa-grid img{margin:0 auto}}