@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.resize{resize:both}.overline{text-decoration-line:overline}}:root{--ink:#17211d;--ink-soft:#46534d;--muted:#7c8983;--line:#e5e9e5;--paper:#fbfcfa;--card:#fff;--mint:#d9f4e7;--mint-strong:#a9e7c7;--green:#2d8b5b;--yellow:#fff4c4;--orange:#ffb56f;--lavender:#e8e0ff;--accent:#3d9b6c;--shadow:0 18px 50px #1a312614}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--muted);letter-spacing:.14em;font-size:10px;font-weight:800;line-height:1.3}.eyebrow,.workspace-label{text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.18}em{color:var(--green);font-style:normal}.brand-logo{letter-spacing:-.06em;white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:900;display:inline-flex}.brand-logo__mark{background:var(--ink);color:#fff;border-radius:9px 9px 9px 3px;justify-content:center;align-items:center;width:29px;height:29px;font-size:18px;line-height:1;display:inline-flex;transform:rotate(-4deg)}.brand-logo--compact .brand-logo__mark{border-radius:7px 7px 7px 2px;width:23px;height:23px;font-size:14px}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--ghost{border-color:var(--line);background:#fff}.button--soft{color:var(--green);background:#eff7f1}.button--small{min-height:35px;padding:0 12px}.text-link{color:var(--green);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.text-link--large{color:var(--ink-soft);font-size:13px}.icon-button{color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.icon-button:hover{border-color:var(--line);background:#f1f5f1}.icon-button--subtle{color:var(--muted);width:32px;height:32px}.pill{letter-spacing:.01em;border-radius:99px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.status-dot{background:#52bf7e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #52bf7e1f}.marketing-page{overflow:hidden}.public-header{justify-content:space-between;align-items:center;gap:34px;max-width:1190px;margin:0 auto;padding:24px 28px;display:flex}.public-nav{gap:27px;margin-left:auto;display:flex}.public-header__actions{align-items:center;gap:8px;display:flex}.hero-section{grid-template-columns:minmax(0,.91fr) minmax(380px,.96fr);align-items:center;gap:clamp(42px,8vw,115px);max-width:1190px;margin:40px auto 0;padding:70px 28px 108px;display:grid}.hero-copy{padding:20px 0}.hero-copy h1{max-width:650px;margin:25px 0 22px;font-size:clamp(42px,5.6vw,73px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:21px;display:flex}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:17px;margin-top:25px;font-size:10px;display:flex}.hero-trust span{align-items:center;gap:5px;display:inline-flex}.landing-preview{max-width:505px;transform:rotate(2.2deg)}.landing-preview__browser{background:#fff;border:1px solid #e0e7e1;border-radius:15px;overflow:hidden;box-shadow:0 28px 65px #274a3921}.browser-bar{background:#f4f7f4;border-bottom:1px solid #e9ede9;align-items:center;gap:5px;height:31px;padding:0 12px;display:flex}.browser-bar>span{background:#d4dcd6;border-radius:50%;width:6px;height:6px}.browser-bar small{color:#9aa69e;margin-left:9px;font-size:7px}.landing-preview__page{background:#fcfdfa;padding:27px 33px 32px}.mini-page-meta{color:#7a8c82;align-items:center;gap:7px;font-size:8px;display:flex}.mini-page-meta .status-dot{width:5px;height:5px}.landing-preview__page h2{margin:14px 0 9px;font-size:25px}.landing-preview__page>p{color:#7c8982;margin-bottom:17px;font-size:10px}.mini-progress{gap:4px;margin-bottom:17px;display:flex}.mini-progress span{background:#d7e9dd;border-radius:9px;width:42px;height:4px}.mini-progress span:first-child{background:#55b477;width:77px}.mini-card{background:#fff;border:1px solid #edf0ed;border-radius:8px;flex-direction:column;gap:5px;margin-top:10px;padding:11px 13px;display:flex;box-shadow:0 4px 15px #203c2c0a}.mini-card strong{color:#698276;font-size:8px}.mini-card span{color:#435249;font-size:9px}.mini-card--yellow{background:#fffdf3;border-color:#f7edc6}.mini-card--reply{background:#f1fbf5;border-color:#d7efe0}.mini-card--reply div{background:#fff;border:1px solid #e4eee7;border-radius:4px;height:18px;margin-top:4px}.preview-caption{background:#fff;border:1px solid #e7ece8;border-radius:10px;align-items:center;gap:10px;margin:-22px 20px 0;padding:10px 13px;display:flex;position:relative;transform:rotate(-2.2deg);box-shadow:0 13px 25px #274a3912}.preview-avatar,.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.preview-avatar{color:#6d5ca3;background:#e9dcff;width:29px;height:29px;font-size:11px}.preview-caption span:nth-child(2){flex-direction:column;flex:1;display:flex}.preview-caption strong{font-size:10px}.preview-caption small{color:var(--muted);font-size:8px}.preview-caption svg{color:var(--green)}.how-section,.usecase-section{max-width:1190px;margin:0 auto;padding:90px 28px}.how-section{border-top:1px solid var(--line)}.section-heading{margin-bottom:47px}.section-heading h2{margin:16px 0 0;font-size:clamp(31px,4vw,48px)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.steps-grid article{border-right:1px solid var(--line);min-height:220px;padding:8px 35px 8px 0;position:relative}.steps-grid article:last-child{border-right:0}.step-number{color:#a0aaa3;font-size:11px;font-weight:800}.step-icon{background:var(--mint);color:var(--green);border-radius:12px;justify-content:center;align-items:center;width:47px;height:47px;margin:29px 0 16px;display:flex}.steps-grid h3{margin-bottom:8px;font-size:17px}.steps-grid p{color:var(--ink-soft);max-width:245px;margin:0;font-size:12px;line-height:1.9}.usecase-section{background:#f1f8f3;max-width:none;padding-left:max(28px,50vw - 567px);padding-right:max(28px,50vw - 567px)}.section-heading--row{justify-content:space-between;align-items:end;display:flex}.section-heading--row>p{color:var(--ink-soft);margin:0 0 3px;font-size:12px;line-height:1.9}.usecase-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.usecase-grid article{background:#fff;border:1px solid #e5eee8;border-radius:13px;min-height:210px;padding:23px;transition:box-shadow .2s,transform .2s;position:relative}.usecase-grid article:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.usecase-icon{background:var(--mint);color:var(--green);border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.usecase-grid h3{margin:25px 0 7px;font-size:17px}.usecase-grid p{color:var(--ink-soft);max-width:230px;font-size:11px;line-height:1.8}.usecase-arrow{color:var(--green);font-size:18px;position:absolute;bottom:22px;right:24px}.final-cta{justify-content:space-between;align-items:center;max-width:1190px;margin:0 auto;padding:130px 28px 145px;display:flex}.final-cta h2{margin:15px 0 0;font-size:clamp(32px,4vw,48px)}.final-cta__action{min-width:260px}.final-cta__action p{color:var(--ink-soft);font-size:12px;line-height:1.9}.marketing-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;max-width:1134px;margin:0 auto;padding:22px 0 27px;font-size:10px;display:flex}.marketing-footer>span{margin-right:auto}.marketing-footer div{gap:18px;display:flex}.viewer-page{background:#f8faf8;min-height:100vh}.viewer-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 max(22px,50vw - 540px);display:flex}.viewer-header__brand{letter-spacing:-.06em;font-size:16px;font-weight:900}.viewer-header__meta,.viewer-header__author{align-items:center;gap:10px;display:flex}.viewer-header__meta{color:var(--muted);font-size:10px}.viewer-header__author{color:var(--ink-soft);font-weight:700}.viewer-header__author svg{color:var(--muted)}.avatar{color:#39865c;background:#dff3e5;width:26px;height:26px;font-size:10px}.avatar--small{width:25px;height:25px}.avatar--green{color:#37865b;background:#d4f0df}.avatar--orange{color:#b67132;background:#ffe1c2}.avatar--purple{color:#7560a5;background:#e4dcff}.avatar--more{color:#6d7a71;background:#f0f2f0}.notification-dot{background:#e96c56;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.preview-label{background:var(--yellow);color:#9a7833;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.viewer-main{max-width:930px;margin:0 auto;padding:70px 22px 100px}.viewer-hero{border:1px solid var(--line);background:#fff;border-radius:18px;padding:36px 42px;box-shadow:0 12px 30px #1f402d0a}.viewer-hero__eyebrow{color:var(--green);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.viewer-hero h1{max-width:650px;margin:20px 0 12px;font-size:clamp(30px,5vw,48px)}.viewer-hero>p{color:var(--ink-soft);max-width:600px;font-size:13px;line-height:1.9}.viewer-hero__share{color:var(--muted);align-items:center;gap:10px;margin-top:26px;font-size:10px;display:flex}.avatar-stack{padding-left:5px;display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-5px}.progress-track{background:#e8eee9;border-radius:99px;height:5px;margin:12px 0 0;overflow:hidden}.progress-track__fill{background:var(--green);border-radius:inherit;width:66%;height:100%;display:block}.viewer-progress{background:#f0f8f2;border-radius:12px;grid-template-columns:120px 1fr 42px;align-items:center;gap:15px;margin:20px 0 43px;padding:16px 20px;display:grid}.viewer-progress strong{font-size:11px;display:block}.progress-count{color:var(--green);text-align:right;font-size:12px;font-weight:900}.viewer-layout{grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:30px;display:grid}.viewer-blocks{flex-direction:column;gap:15px;min-width:0;display:flex}.viewer-block-frame{border-radius:14px}.viewer-block{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px 28px}.viewer-block__eyebrow{color:var(--green);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.viewer-block__icon{color:var(--green);background:#e3f4e8;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.viewer-block h2{margin:15px 0 7px;font-size:20px}.viewer-block p{color:var(--ink-soft);margin-bottom:17px;font-size:12px;line-height:1.9}.agenda-list,.checklist-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.agenda-list li,.checklist-list li{color:var(--ink-soft);align-items:center;gap:10px;font-size:11px;display:flex}.list-bullet{color:var(--green);background:#e6f4ea;border-radius:5px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.agenda-list .list-bullet{border-radius:50%;width:7px;height:7px}.agenda-list .list-bullet span{background:var(--green);border-radius:50%;width:3px;height:3px}.reply-form{margin-top:17px}.reply-form label{margin-bottom:7px;font-size:11px;font-weight:800;display:block}.reply-form textarea{resize:vertical;background:#fff;border:1px solid #d9eae0;border-radius:8px;width:100%;min-height:92px;padding:11px}.reply-form textarea:focus{border-color:var(--green);outline:3px solid #3d9b6c24}.reply-form__footer{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.viewer-aside__sticky{position:sticky;top:20px}.viewer-card{border-radius:13px;margin-bottom:14px;padding:19px}.viewer-card--outline{border:1px solid var(--line);background:#fff}.viewer-card__icon{color:var(--green);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;margin-bottom:15px;display:flex}.viewer-card strong{font-size:12px;display:block}.viewer-card p{color:var(--ink-soft);margin:8px 0 14px;font-size:10px;line-height:1.8}.viewer-card a{color:var(--green);font-size:10px;font-weight:800}.success-callout{color:#2e7e51;background:#e3f7e9;border:1px solid #c8ebd4;border-radius:12px;align-items:flex-start;gap:11px;padding:17px;display:flex}.success-callout strong,.success-callout span{display:block}.success-callout strong{font-size:12px}.success-callout span{margin-top:3px;font-size:10px}.form-error{color:#b24e42;margin:8px 0;font-size:11px}.viewer-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;max-width:886px;margin:0 auto;padding:25px 0 35px;font-size:10px;display:flex}.viewer-footer a{color:var(--green);font-weight:800}.author-app{background:#f7faf7;min-height:100vh;display:flex}.author-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 236px;padding:25px 15px 17px;display:flex}.author-sidebar__top{padding:0 12px}.workspace-label{color:#a0aaa3;letter-spacing:.12em;margin:44px 0 13px;font-size:9px;font-weight:800;display:block}.author-nav{flex-direction:column;gap:4px;display:flex}.author-nav__item{color:#728078;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:11px;display:flex}.author-nav__item svg:last-child{margin-left:auto}.nav-count{color:var(--green);background:#d9f2e1;border-radius:99px;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;font-size:9px;display:inline-flex}.author-sidebar__bottom{margin-top:auto}.author-account{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:15px;padding:17px 7px 0;display:flex}.author-account>div:nth-child(2){flex-direction:column;flex:1;display:flex}.author-account strong{font-size:10px}.author-account span{color:var(--muted);font-size:9px}.author-account>svg{color:var(--muted)}.author-main{flex:1;min-width:0}.author-header{justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto;padding:48px 43px 26px;display:flex}.author-header h1{margin:9px 0 0;font-size:27px}.author-header__actions{align-items:center;gap:12px;display:flex}.author-content{max-width:1060px;margin:0 auto;padding:0 43px 65px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:117px;padding:17px 19px}.stat-card>span{color:var(--muted);font-size:10px;display:block}.stat-card strong{letter-spacing:-.07em;margin-top:11px;font-size:32px;display:inline-block}.stat-card small{color:var(--green);margin-left:8px;font-size:9px}.author-columns{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:13px;margin-top:13px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0}.panel__header{justify-content:space-between;align-items:center;padding:19px 20px 13px;display:flex}.panel__header h2{margin:6px 0 0;font-size:16px}.panel__header .text-link{font-size:10px}.page-list{padding:0 9px}.page-row{border-top:1px solid #f0f2f0;align-items:center;gap:11px;min-height:69px;padding:9px 11px;display:flex}.page-thumb{border-radius:8px;flex:none;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.page-thumb--mint{background:var(--mint);color:var(--green)}.page-thumb--lavender{background:var(--lavender);color:#7e6aa9}.page-row__main{flex-direction:column;flex:1;min-width:0;display:flex}.page-row__main a{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.page-row__main a:hover{color:var(--green)}.page-row__main span{color:var(--muted);margin-top:3px;font-size:9px}.page-row__stats{color:var(--muted);gap:9px;font-size:9px;display:flex}.page-row__stats span{align-items:center;gap:4px;display:inline-flex}.page-row__stats svg{color:#a4b0a8}.panel__footer-link{color:var(--green);border-top:1px solid #f0f2f0;align-items:center;gap:6px;margin:0 20px;padding:15px 0;font-size:10px;font-weight:800;display:flex}.activity-list{padding:0 20px}.activity-row{border-top:1px solid #f0f2f0;align-items:flex-start;gap:9px;padding:13px 0;display:flex}.activity-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px;box-shadow:0 0 0 4px #e4f5e9}.activity-dot--blue{background:#669dd2;box-shadow:0 0 0 4px #e8f0fa}.activity-dot--yellow{background:#d5a33a;box-shadow:0 0 0 4px #fff5d7}.activity-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.activity-row strong{font-size:10px}.activity-row span{color:var(--muted);margin-top:2px;font-size:9px}.activity-row time{color:#abb5ae;white-space:nowrap;font-size:8px}.quick-share{background:#f0faf3;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:7px 20px 20px;padding:12px;display:flex}.quick-share div{flex-direction:column;display:flex}.quick-share strong{font-size:10px}.quick-share span{color:var(--muted);font-size:8px}.author-tip{color:var(--green);background:#e6f5ea;border-radius:10px;align-items:center;gap:12px;margin-top:13px;padding:16px 19px;display:flex}.author-tip>div{flex-direction:column;flex:1;display:flex}.author-tip strong{font-size:11px}.author-tip span{color:#5f8b6d;margin-top:2px;font-size:9px}.toast{background:var(--ink);box-shadow:var(--shadow);color:#fff;z-index:30;border-radius:9px;padding:10px 15px;font-size:11px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.simple-app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px max(22px,50vw - 510px);display:flex}.new-page-screen,.billing-screen{min-height:100vh}.new-page-main,.billing-main{max-width:780px;margin:0 auto;padding:64px 22px 100px}.new-page-heading{margin-bottom:37px}.new-page-heading h1{margin:12px 0 10px;font-size:35px}.new-page-heading p{color:var(--ink-soft);margin:0;font-size:13px}.new-page-form{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px}.new-page-form fieldset{border:0;margin:0 0 30px;padding:0}.new-page-form legend,.field-group label{margin-bottom:12px;font-size:12px;font-weight:900;display:block}.template-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.template-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;flex-direction:column;min-height:140px;padding:14px;display:flex;position:relative}.template-card__icon{color:var(--green);background:#eef7f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:14px;display:flex}.template-card strong{font-size:11px}.template-card>span:not(.template-card__icon):not(.template-card__check){color:var(--muted);margin-top:4px;font-size:9px;line-height:1.6}.template-card__check{color:var(--green);position:absolute;top:11px;right:11px}.field-group{position:relative}.field-group input{border:1px solid var(--line);border-radius:9px;width:100%;padding:12px 13px}.field-group input:focus{border-color:var(--green);outline:3px solid #3d9b6c24}.field-group>span{color:var(--muted);font-size:9px;position:absolute;top:42px;right:11px}.privacy-note{color:#518162;background:#f2faf4;border-radius:8px;align-items:center;gap:7px;margin:22px 0;padding:11px 12px;font-size:10px;display:flex}.form-message{color:#876b2b;background:#fff7dc;border-radius:8px;padding:10px 12px;font-size:11px}.created-page-actions{flex-direction:column;align-items:center;gap:9px;margin:15px 0;display:flex}.created-page-actions .button{color:var(--green);background:#e4f7ea}.billing-main{max-width:860px}.billing-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.plan-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px;position:relative}.plan-card h2{margin:11px 0 4px;font-size:24px}.plan-card p{color:var(--ink-soft);min-height:37px;font-size:11px}.plan-card>strong{letter-spacing:-.06em;margin:18px 0;font-size:28px;display:block}.plan-card>strong small{color:var(--muted);letter-spacing:0;font-size:10px;font-weight:500}.plan-card ul{border-top:1px solid var(--line);margin:0 0 23px;padding:13px 0 0;list-style:none}.plan-card li{align-items:center;gap:7px;margin:8px 0;font-size:10px;display:flex}.plan-badge{background:var(--green);color:#fff;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;position:absolute;top:18px;right:18px}.plan-footnote{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:9px;display:flex}.billing-disclaimer{color:var(--muted);text-align:center;margin-top:20px;font-size:10px}.design-lab-screen{background:#eef2ef;min-height:100vh}.design-lab-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:13px 24px;display:flex}.design-lab-header__title{align-items:center;gap:8px;margin-left:90px;font-size:12px;font-weight:900;display:flex}.paintbrush-icon{background:var(--mint);color:var(--green);border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.beta-label{color:var(--muted);letter-spacing:.08em;background:#f0f3f0;border-radius:4px;padding:3px 5px;font-size:8px}.design-lab-main{max-width:1280px;margin:0 auto;padding:26px 24px 34px}.design-lab-toolbar{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:8px;display:flex}.surface-tabs,.viewport-switcher{align-items:center;gap:4px;display:flex}.toolbar-label{color:var(--muted);margin:0 9px 0 7px;font-size:10px;font-weight:800}.surface-tabs button,.viewport-switcher button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.surface-tabs button:hover,.surface-tabs button.is-active,.viewport-switcher button:hover,.viewport-switcher button.is-active{background:var(--ink);color:#fff}.viewport-switcher{border-left:1px solid var(--line);padding-left:8px}.viewport-switcher button{align-items:center;gap:4px;display:inline-flex}.design-lab-workspace{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:17px;margin-top:17px;display:grid}.design-lab-canvas{background:#dfe6e0;border:1px solid #d3dcd4;border-radius:11px;min-height:690px;padding:37px 22px 22px;position:relative;overflow:auto}.design-lab-canvas--mobile .canvas-inner{max-width:390px;margin:0 auto}.design-lab-canvas--desktop .canvas-inner{max-width:920px;margin:0 auto}.canvas-ruler{color:#92a198;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:12px;left:24px;right:24px}.canvas-inner{min-height:630px}.design-lab-inspector{border:1px solid var(--line);background:#fff;border-radius:11px;padding:19px}.inspector-heading{border-bottom:1px solid var(--line);flex-direction:column;padding-bottom:15px;display:flex}.inspector-heading strong{margin-top:8px;font-size:14px}.inspector-id{color:var(--muted);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.element-picker{padding:17px 0 13px}.element-picker label{color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:800;display:block}.element-picker select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:9px;font-size:10px}.inspector-controls{border-top:1px solid var(--line);padding-top:14px}.range-control{margin:14px 0;display:block}.range-control>span{justify-content:space-between;align-items:center;display:flex}.range-control strong{font-size:10px}.range-control output{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.range-control input{accent-color:var(--green);width:100%;margin-top:6px;display:block}.reset-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin:3px 0 16px;padding:0;font-size:9px;display:inline-flex}.inspector-actions{border-top:1px solid var(--line);flex-direction:column;gap:7px;padding-top:15px;display:flex}.inspector-actions .button{min-height:38px;font-size:10px}.lab-message{color:var(--green);align-items:center;gap:5px;margin:11px 0 0;font-size:10px;display:flex}.design-lab-footer{color:var(--muted);align-items:center;gap:7px;margin-top:13px;font-size:9px;display:flex}.design-lab-footer>div{align-items:center;gap:6px;display:flex}.design-lab-footer>div+div{border-left:1px solid #cbd5cd;margin-left:11px;padding-left:11px}.design-lab-footer strong{color:var(--green)}.design-lab-footer code{background:#e0e8e1;border-radius:3px;padding:2px 4px}.footer-spacer{flex:1}.lab-landing-preview,.lab-author-preview,.lab-viewer-preview,.lab-billing-preview{background:#fbfdfb;border:1px solid #e3eae4;border-radius:10px;min-height:625px;padding:36px}.lab-landing-preview{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.lab-landing-hero{align-self:center;padding:20px}.lab-landing-hero h2{margin:20px 0 10px;font-size:36px}.lab-landing-hero p{color:var(--muted);font-size:11px}.lab-landing-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;align-self:center;gap:4px;padding:22px;display:flex}.lab-landing-card strong{margin-top:15px;font-size:18px}.lab-landing-card>span:not(.eyebrow){color:var(--muted);font-size:10px}.lab-skeleton{background:linear-gradient(#e6f5eb,#f8fbf8);border-radius:7px;height:100px;margin-top:15px}.lab-landing-usecases{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.lab-landing-usecases div{background:#eaf6ed;border-radius:9px;height:70px}.lab-author-preview{grid-template-columns:140px 1fr;gap:22px;display:grid}.lab-author-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:13px;padding:14px;display:flex}.lab-author-sidebar>span{background:#eaf2eb;border-radius:5px;width:85%;height:19px;margin-top:13px}.lab-author-sidebar>span:nth-of-type(2){width:74%}.lab-author-sidebar>span:nth-of-type(3){width:90%}.lab-author-sidebar>span:nth-of-type(4){width:65%;margin-top:auto}.lab-author-content{flex-direction:column;gap:16px;display:flex}.lab-author-header h2{margin:9px 0 0;font-size:22px}.lab-author-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lab-author-stats div{border:1px solid var(--line);background:#fff;border-radius:8px;height:72px}.lab-author-pages{border:1px solid var(--line);background:#fff;border-radius:9px;padding:17px}.lab-author-pages h3{margin:7px 0 15px;font-size:16px}.lab-author-pages>div{border-top:1px solid #edf0ed;height:38px}.lab-author-extra-list,.lab-viewer-extra-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lab-author-extra,.lab-viewer-extra{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:70px;padding:12px}.lab-author-extra strong,.lab-viewer-extra strong{color:var(--ink);margin-top:5px;font-size:11px;display:block}.lab-extra-skeleton{background:#edf5ef;border-radius:3px;width:75%;height:5px;margin-top:9px}.lab-viewer-preview{flex-direction:column;gap:12px;display:flex}.lab-viewer-hero{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px}.lab-viewer-hero>span:not(.status-dot){color:var(--green);margin-left:8px;font-size:9px}.lab-viewer-hero h2{margin:15px 0 3px;font-size:28px}.lab-viewer-hero p{color:var(--muted);margin:0;font-size:10px}.lab-viewer-progress{background:#eff8f1;border-radius:7px;gap:5px;padding:10px;display:flex}.lab-viewer-progress span{background:#b7dfc2;border-radius:3px;width:35%;height:4px}.lab-viewer-progress span:first-child{background:var(--green);width:60%}.lab-viewer-timeline,.lab-viewer-question{border:1px solid var(--line);background:#fff;border-radius:9px;padding:19px}.lab-viewer-timeline h3,.lab-viewer-question h3{margin:7px 0 13px;font-size:16px}.lab-viewer-timeline>div{border-top:1px solid #edf0ed;height:28px}.lab-viewer-footer{color:var(--green);text-align:center;padding:13px;font-size:10px}.lab-billing-preview{flex-direction:column;justify-content:center;align-items:center;display:flex}.lab-billing-card{background:#f1faf4;border:1px solid #ccead5;border-radius:12px;width:100%;max-width:310px;padding:27px}.lab-billing-card h2{margin:12px 0;font-size:24px}.lab-billing-card strong{font-size:28px;display:block}.lab-billing-card>span:last-child{color:var(--muted);margin-top:10px;font-size:10px;display:block}.lab-billing-cta{width:100%;max-width:310px;margin-top:10px}.auth-page{background:#f3f8f4;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:100vh;padding:24px;display:flex}.auth-brand{letter-spacing:-.07em;font-size:21px;font-weight:900}.design-frame{height:var(--design-height,auto);min-height:var(--design-height,auto);transform:translate(var(--design-x,0px), var(--design-y,0px));width:var(--design-width,auto)}.design-frame.is-design-selected{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:900px){.public-header{gap:18px}.public-nav{gap:14px}.hero-section{grid-template-columns:1fr;gap:45px;margin-top:20px;padding-top:45px;padding-bottom:75px}.hero-copy{max-width:660px}.landing-preview{justify-self:center;width:min(100%,505px)}.viewer-main{padding-top:45px}.author-header,.author-content{padding-left:28px;padding-right:28px}.design-lab-workspace{grid-template-columns:minmax(0,1fr) 260px}.design-lab-main{padding-left:15px;padding-right:15px}}@media (max-width:700px){.public-header{padding:17px 18px}.public-nav,.public-header__actions .button--ghost{display:none}.hero-section{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:clamp(39px,12vw,59px)}.hero-copy p{font-size:13px}.how-section,.usecase-section{padding:67px 18px}.steps-grid{grid-template-columns:1fr;gap:0}.steps-grid article{border-bottom:1px solid var(--line);border-right:0;min-height:auto;padding:21px 0 25px 53px}.steps-grid article:first-child{padding-top:0}.step-icon{margin:0;position:absolute;top:19px;left:0}.steps-grid article:first-child .step-icon{top:0}.section-heading--row{flex-direction:column;align-items:start;gap:15px}.usecase-grid{grid-template-columns:1fr}.usecase-grid article{min-height:160px}.final-cta{flex-direction:column;align-items:start;gap:28px;padding:83px 18px 100px}.final-cta__action{width:100%}.marketing-footer{margin:0 18px}.marketing-footer>span{display:none}.viewer-header{min-height:57px;padding:0 15px}.viewer-header__author span:not(.avatar){display:none}.viewer-header__meta{gap:3px}.viewer-main{padding:27px 13px 58px}.viewer-hero{padding:25px 21px}.viewer-hero h1{font-size:30px}.viewer-progress{grid-template-columns:93px 1fr 33px;gap:10px;margin-bottom:27px;padding:13px}.viewer-layout{display:block}.viewer-aside{display:none}.viewer-block{padding:21px 18px}.viewer-block h2{font-size:18px}.viewer-footer{flex-direction:column;align-items:start;gap:4px;margin:0 15px}.author-app{display:block}.author-sidebar{border-bottom:1px solid var(--line);border-right:0;padding:14px 15px 9px;display:block}.author-sidebar__top{justify-content:space-between;align-items:center;padding:0;display:flex}.workspace-label{margin:0}.author-nav,.author-sidebar__bottom{display:none}.author-header{align-items:start;padding:28px 17px 20px}.author-header h1{font-size:22px}.author-header .eyebrow{font-size:8px}.author-header__actions .icon-button{display:none}.author-header__actions .button{min-height:36px;padding:0 10px;font-size:10px}.author-content{padding:0 17px 40px}.stats-grid{gap:7px}.stat-card{min-height:91px;padding:12px 11px}.stat-card>span{font-size:8px}.stat-card strong{margin-top:8px;font-size:24px}.stat-card small{margin:0;font-size:8px;display:block}.author-columns{grid-template-columns:1fr}.panel--activity{order:-1}.page-row__stats{display:none}.author-tip{align-items:start}.author-tip .text-link{display:none}.simple-app-header{padding:15px 17px}.simple-app-header .text-link{font-size:10px}.new-page-main,.billing-main{padding:42px 17px 70px}.new-page-heading h1{font-size:29px}.new-page-form{padding:17px}.template-grid{grid-template-columns:repeat(2,1fr)}.billing-grid{grid-template-columns:1fr}.billing-grid .plan-card--plus{order:-1}.design-lab-header{padding:11px 14px}.design-lab-header__title{margin-left:0}.design-lab-header>.text-link{font-size:0}.design-lab-header>.text-link svg{margin:0}.design-lab-main{padding:13px 9px 24px}.design-lab-toolbar{flex-direction:column;align-items:stretch;gap:7px}.surface-tabs{overflow-x:auto}.toolbar-label{display:none}.viewport-switcher{border-left:0;border-top:1px solid var(--line);justify-content:flex-end;padding:7px 0 0}.design-lab-workspace{flex-direction:column;display:flex}.design-lab-canvas{order:0;width:100%;min-height:520px;padding:30px 10px 10px}.design-lab-inspector{order:1;width:100%}.lab-landing-preview,.lab-author-preview,.lab-viewer-preview,.lab-billing-preview{min-height:470px;padding:19px}.lab-landing-preview{flex-direction:column;display:flex}.lab-landing-hero h2{font-size:27px}.lab-author-preview{grid-template-columns:82px 1fr}.lab-author-sidebar .brand-logo{font-size:0}.lab-author-sidebar .brand-logo__mark{font-size:15px}.lab-author-header h2{font-size:17px}.lab-author-extra-list,.lab-viewer-extra-list{grid-template-columns:1fr}.lab-viewer-hero h2{font-size:23px}.design-lab-footer{flex-wrap:wrap;align-items:start}.design-lab-footer>div+div{border-left:0;width:100%;margin-left:0;padding-left:0}.footer-spacer{display:none}}@media (max-width:360px){.public-header__actions .button{padding:0 9px;font-size:10px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-link{justify-content:center}.viewer-hero__share{font-size:9px}.template-card{padding:10px}}:root{--ink:#162844;--ink-soft:#5e6876;--muted:#8d96a1;--line:#e7e5df;--paper:#fcfbf8;--card:#fff;--mint:#e3f5eb;--mint-strong:#bce8cf;--green:#37a46e;--yellow:#fff5d9;--orange:#ff6740;--orange-dark:#e95231;--lavender:#f0ebff;--accent:#ff6740;--navy:#122541;--peach:#fff1e9;--blue-soft:#edf5ff;--shadow:0 20px 55px #192b471a}body{background:var(--paper);color:var(--ink);letter-spacing:.01em;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,sans-serif;font-size:14px}h1,h2,h3{letter-spacing:-.055em}em{color:var(--orange)}.brand-logo{color:var(--ink);letter-spacing:-.06em;gap:6px;font-size:14px;font-weight:800}.brand-logo__mark{color:#0000;background:0 0;border-radius:0;justify-content:center;align-items:flex-end;gap:2px;width:15px;height:18px;display:inline-flex;transform:none}.brand-logo__mark i{border-radius:1px 1px 0 0;width:3px;height:12px;display:block}.brand-logo__mark i:first-child{background:#f4a340;height:10px}.brand-logo__mark i:nth-child(2){background:#43aa72;height:15px}.brand-logo__mark i:nth-child(3){background:#e56c50;height:12px}.brand-logo--compact{font-size:12px}.brand-logo--compact .brand-logo__mark{width:13px;height:15px}.brand-logo--compact .brand-logo__mark i{width:2px}.button{letter-spacing:.01em;border-radius:7px;min-height:40px;padding:0 15px;font-size:12px;font-weight:800}.button--dark{background:var(--navy);color:#fff}.button--dark:hover{background:#203a60}.button--primary{background:var(--orange);color:#fff}.button--primary:hover{background:var(--orange-dark)}.button--ghost{color:var(--ink);background:#fff;border-color:#dfdfda}.button--ghost:hover,.button--soft:hover{background:#fff8f3;border-color:#f0c2b4}.button--soft{background:var(--peach);color:var(--orange-dark)}.button--large{border-radius:8px;min-height:46px;padding:0 18px}.button--wide{width:100%}.text-link{color:var(--orange-dark)}.text-link:hover{color:var(--orange)}.icon-button{color:var(--ink-soft)}.icon-button:hover{background:#fff8f3;border-color:#f0ddd5}.pill{border-radius:99px;padding:6px 10px;font-size:10px}.pill--mint{background:var(--mint);color:#398d61}.status-dot{background:var(--green);box-shadow:0 0 0 4px #37a46e1f}.marketing-page{background:var(--paper);overflow:hidden}.public-header{border-bottom:1px solid #efeee9;max-width:1320px;padding:17px 42px}.public-nav{gap:25px}.public-nav a{color:#5a6575;font-size:11px;font-weight:700}.public-nav a:hover{color:var(--orange)}.public-header__actions{gap:9px}.public-header__actions .button{min-height:34px;font-size:10px}.hero-section{background:linear-gradient(120deg,#eff9f1b8,#0000 43%),linear-gradient(300deg,#ffede29e,#0000 48%);grid-template-columns:minmax(0,.9fr) minmax(430px,1.05fr);align-items:center;gap:clamp(38px,6vw,92px);max-width:1320px;min-height:640px;margin:0 auto;padding:76px 55px 88px}.hero-copy{max-width:570px;padding:0}.hero-kicker{color:var(--orange-dark);letter-spacing:.08em;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.hero-kicker svg{color:var(--orange)}.hero-copy h1{color:var(--navy);max-width:590px;margin:23px 0 22px;font-size:clamp(38px,4.2vw,61px);line-height:1.2}.hero-copy h1 strong{color:var(--navy);font-weight:800}.hero-slogan{color:var(--orange);letter-spacing:.01em;margin:-8px 0 12px;font-size:12px;font-weight:800}.hero-copy p{color:#657080;margin-bottom:27px;font-size:13px;line-height:2}.hero-actions{align-items:center;gap:19px}.hero-text-link{color:var(--ink);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.hero-text-link:hover{color:var(--orange)}.hero-trust{color:#7f8995;gap:14px;margin-top:22px;font-size:9px}.hero-trust span{gap:4px}.hero-trust svg{color:var(--green)}.landing-preview{width:100%;max-width:560px;transform:rotate(1deg)}.hero-product-preview{background:#fff;border:1px solid #dfe6e0;border-radius:14px;position:relative;overflow:visible;box-shadow:0 26px 58px #1f375826}.hero-browser-bar{color:#9aa4ab;background:#f8faf8;border-bottom:1px solid #e9ece8;border-radius:14px 14px 0 0;align-items:center;gap:5px;height:32px;padding:0 14px;display:flex}.hero-browser-bar>span:not(.hero-browser-status){background:#d8dfda;border-radius:50%;width:6px;height:6px}.hero-browser-bar small{margin-left:8px;font-size:7px}.hero-browser-status{background:var(--mint);color:#3e9767;border-radius:99px;margin-left:auto;padding:4px 7px;font-size:7px;font-weight:800}.hero-browser-body{grid-template-columns:142px minmax(0,1fr);min-height:400px;display:grid}.hero-browser-sidebar{background:#fbfcfa;border-right:1px solid #edf0eb;flex-direction:column;gap:5px;padding:24px 14px 17px;display:flex}.hero-sidebar-caption{color:#adb5b2;letter-spacing:.12em;margin-bottom:10px;font-size:7px;font-weight:800}.hero-sidebar-item{color:#87918e;border-radius:6px;align-items:center;gap:7px;padding:8px 7px;font-size:8px;display:flex}.hero-sidebar-item i{background:#cfd8d2;border-radius:2px;width:8px;height:8px;display:inline-block}.hero-sidebar-item.is-active{color:#3d9b67;background:#e9f7ee;font-weight:800}.hero-sidebar-item.is-active i{background:var(--green)}.hero-sidebar-footer{color:#a1aaa8;margin-top:auto;padding:8px 7px 0;font-size:7px;line-height:1.7}.hero-browser-content{padding:30px 34px 32px}.hero-mini-meta{color:#5a9e76;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.hero-mini-meta .status-dot{width:5px;height:5px}.hero-browser-content h2{color:var(--navy);margin:18px 0 4px;font-size:26px;line-height:1.15}.hero-browser-content>p{color:#8c9698;margin-bottom:16px;font-size:9px}.hero-mini-tabs{gap:5px;margin-bottom:13px;display:flex}.hero-mini-tabs span{background:#dcebe2;border-radius:99px;width:41px;height:4px}.hero-mini-tabs span.is-active{background:var(--green);width:77px}.hero-mini-card{background:#fff;border:1px solid #e9ede9;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;margin-top:9px;padding:12px 14px;display:grid;box-shadow:0 5px 15px #213b560d}.hero-mini-card strong{color:#708078;grid-column:1/-1;font-size:8px}.hero-mini-card strong em{color:var(--orange);margin-left:7px;font-size:7px;font-style:normal}.hero-mini-card span{color:#3c4d47;grid-column:1/-1;font-size:9px}.hero-mini-card b{color:var(--green);grid-area:1/2/span 2;font-size:13px}.hero-mini-card--green{background:#f2fbf5;border-color:#d9eee0}.hero-mini-card--orange{background:#fff8f2;border-color:#f7ddcd}.hero-mini-card--orange strong{color:var(--orange-dark)}.hero-mini-card--orange svg{color:var(--orange);grid-area:1/2/span 2}.hero-preview-note{background:#fff;border:1px solid #e8e8e2;border-radius:10px;align-items:center;gap:9px;margin:-20px -7px 0 17px;padding:10px 13px;display:flex;position:relative;transform:rotate(-1.5deg);box-shadow:0 12px 22px #192b4714}.hero-preview-note__icon{color:#796ab2;background:#f0eaff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.hero-preview-note>span:nth-child(2){flex-direction:column;flex:1;display:flex}.hero-preview-note strong{color:var(--navy);font-size:9px}.hero-preview-note small{color:#8c9692;margin-top:2px;font-size:7px}.hero-preview-note>svg{color:var(--green)}.problem-section,.steps-section,.usecases-section,.pricing-section,.faq-section{max-width:1200px;margin:0 auto;padding:92px 42px}.problem-section{background:#fff;max-width:none;padding-left:max(42px,50vw - 555px);padding-right:max(42px,50vw - 555px)}.narrow-section-heading{text-align:center;max-width:660px;margin:0 auto 40px}.section-kicker{color:var(--orange);letter-spacing:.15em;font-size:9px;font-weight:900;line-height:1.3;display:inline-block}.narrow-section-heading h2,.section-heading-row h2,.faq-intro h2{color:var(--navy);margin:14px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.25}.narrow-section-heading p,.faq-intro p{color:#788390;margin:0;font-size:11px;line-height:1.9}.problem-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1100px;margin:0 auto;display:grid}.problem-grid article{background:#fcfbf8;border:1px solid #eeeae4;border-radius:9px;min-height:168px;padding:21px 22px;position:relative}.problem-card-icon{color:var(--green);background:#f1f8f3;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:15px;display:flex}.problem-grid article strong{color:var(--navy);margin-bottom:7px;font-size:12px;display:block}.problem-grid article p{color:#77818c;max-width:250px;margin:0;font-size:9px;line-height:1.8}.card-index{color:#c1c4be;font-size:8px;position:absolute;top:13px;right:14px}.section-footnote{color:#959c9c;justify-content:center;align-items:center;gap:11px;margin:30px auto 0;font-size:8px;display:flex}.section-footnote span{background:#e9e8e2;width:115px;height:1px;display:block}.steps-section{background:#fcfbf7;max-width:none;padding-left:max(42px,50vw - 555px);padding-right:max(42px,50vw - 555px)}.steps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1100px;margin:0 auto;display:grid}.steps-grid article{background:#fff;border:1px solid #ece9e2;border-radius:8px;min-height:146px;padding:13px;position:relative}.steps-grid article:not(:last-child):after{color:#c0c5be;content:"→";z-index:1;font-size:13px;position:absolute;top:66px;right:-11px}.step-number{color:#b7beb8;font-size:8px;font-weight:900;display:block}.step-icon{border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;margin:16px 0 12px;display:flex}.step-icon--green{color:var(--green);background:#e7f6ec}.step-icon--blue{color:#5689bd;background:#eaf3ff}.step-icon--orange{color:var(--orange);background:#fff0e7}.steps-grid article strong{color:var(--navy);margin-bottom:4px;font-size:11px;display:block}.steps-grid article>span:last-child{color:#8a9291;font-size:8px;line-height:1.6;display:block}.feature-section{background:var(--navy);color:#fff;margin:0;padding:76px max(42px,50vw - 555px)}.feature-section__inner{grid-template-columns:minmax(0,.83fr) minmax(430px,1.17fr);align-items:center;gap:clamp(40px,8vw,100px);max-width:1100px;margin:0 auto;display:grid}.section-kicker--light{color:#f89978}.feature-copy h2{color:#fff;margin:17px 0 13px;font-size:clamp(28px,3.2vw,42px);line-height:1.25}.feature-copy h2 strong{color:#ff875e;font-weight:800}.feature-copy p{color:#c2cad6;max-width:330px;margin-bottom:25px;font-size:11px;line-height:1.9}.feature-link{color:#fff;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.feature-link:hover{color:#ff9a7a}.feature-product-card{color:var(--navy);background:#fff;border:1px solid #dce7df;border-radius:11px;width:100%;max-width:500px;padding:19px;box-shadow:0 22px 40px #020f2547}.feature-product-card__top{color:#8c969e;justify-content:space-between;align-items:center;font-size:9px;display:flex}.feature-live-pill{color:#399365;background:#e9f7ed;border-radius:99px;align-items:center;gap:4px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.feature-live-pill .status-dot{box-shadow:none;width:4px;height:4px}.feature-product-card__title{letter-spacing:-.05em;margin:18px 0 15px;font-size:19px;font-weight:800}.feature-product-card__rows{flex-direction:column;gap:7px;display:flex}.feature-product-card__rows>div{background:#fbfcfa;border:1px solid #eef0eb;border-radius:7px;align-items:center;gap:9px;min-height:51px;padding:8px 10px;display:flex}.feature-product-card__rows>div>span:nth-child(2){flex-direction:column;flex:1;display:flex}.feature-product-card__rows strong{font-size:9px}.feature-product-card__rows small{color:#8a9494;margin-top:2px;font-size:7px}.feature-product-card__rows>div>svg{color:#b1bbb7}.feature-row-icon{border-radius:6px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:flex}.feature-row-icon--green{color:var(--green);background:#e4f6ea}.feature-row-icon--blue{color:#5b8fc4;background:#eaf3ff}.feature-row-icon--orange{color:var(--orange);background:#fff0e8}.feature-row-icon--purple{color:#8970bf;background:#f2edff}.feature-product-card__bottom{color:#9c8b7d;background:#fff8f2;border:1px solid #f3e2d8;border-radius:7px;align-items:center;gap:8px;margin-top:14px;padding:8px 10px;font-size:7px;display:flex}.feature-product-card__bottom b{color:#6f7478;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:600;overflow:hidden}.feature-product-card__bottom button{color:var(--orange);background:0 0;border:0;align-items:center;margin-left:auto;padding:3px;display:flex}.handover-section{background:var(--peach);margin:0;padding:75px max(42px,50vw - 555px)}.section-kicker--orange{color:var(--orange)}.handover-section .narrow-section-heading{margin-bottom:35px}.handover-flow{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr);align-items:stretch;gap:11px;max-width:1100px;margin:0 auto;display:grid}.handover-flow article{background:#fff;border:1px solid #f1ded5;border-radius:9px;min-height:155px;padding:18px;position:relative}.handover-flow article.is-highlighted{border-color:#ffb39b;box-shadow:0 10px 22px #ff674017}.handover-icon{border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;margin-bottom:17px;display:flex}.handover-icon--green{color:var(--green);background:#e6f6eb}.handover-icon--blue{color:#5b8fc4;background:#eaf3ff}.handover-icon--orange{color:var(--orange);background:#fff0e8}.handover-flow article strong{color:var(--navy);margin-bottom:7px;font-size:12px;display:block}.handover-flow article p{color:#8a8581;margin:0;font-size:9px;line-height:1.75}.flow-label{color:#a59d97;font-size:8px;position:absolute;bottom:15px;left:18px}.handover-flow article.is-highlighted .flow-label{color:var(--orange);font-weight:800}.flow-arrow{color:#e6aa96;justify-content:center;align-items:center;display:flex}.handover-caption{color:#8a8782;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:8px;display:flex}.handover-caption svg{color:var(--green)}.usecases-section{background:#fff;max-width:none;padding-left:max(42px,50vw - 555px);padding-right:max(42px,50vw - 555px)}.section-heading-row{justify-content:space-between;align-items:end;max-width:1100px;margin:0 auto 32px;display:flex}.section-heading-row h2{margin-bottom:0}.section-link{color:var(--orange);align-items:center;gap:4px;font-size:9px;font-weight:800;display:inline-flex}.usecase-grid{grid-template-columns:repeat(4,1fr);gap:13px;max-width:1100px;margin:0 auto;display:grid}.usecase-grid article{background:#fbfaf7;border:1px solid #ece9e2;border-radius:9px;min-height:172px;padding:19px;position:relative}.usecase-grid article:hover{transform:translateY(-2px);box-shadow:0 14px 30px #192b4712}.usecase-icon{color:var(--green);background:#eff8f1;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.usecase-grid article strong{color:var(--navy);margin:18px 0 10px;font-size:12px;display:block}.usecase-grid article>div{flex-direction:column;gap:5px;display:flex}.usecase-grid article>div span{color:#89918e;font-size:9px}.usecase-arrow{color:var(--orange);position:absolute;bottom:19px;right:19px}.privacy-section{background:#eef8f1;padding:74px max(42px,50vw - 555px)}.section-kicker--green{color:var(--green)}.privacy-section .narrow-section-heading{margin-bottom:32px}.privacy-grid{grid-template-columns:repeat(3,1fr);gap:13px;max-width:1100px;margin:0 auto;display:grid}.privacy-grid article{background:#ffffffbd;border:1px solid #dceee1;border-radius:8px;flex-direction:column;align-items:flex-start;padding:16px 17px;display:flex}.privacy-grid article>span{color:var(--green);background:#dff4e6;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;margin-bottom:14px;display:flex}.privacy-grid strong{color:var(--navy);font-size:10px}.privacy-grid p{color:#7f8d84;margin:6px 0 0;font-size:8px;line-height:1.8}.pricing-section{background:#fcfbf7;max-width:none;padding-left:max(42px,50vw - 555px);padding-right:max(42px,50vw - 555px)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:13px;max-width:1100px;margin:0 auto;display:grid}.price-card{background:#fff;border:1px solid #e7e5de;border-radius:9px;min-height:265px;padding:20px;position:relative}.price-card--featured{border-color:#ff997c;transform:translateY(-7px);box-shadow:0 13px 27px #ff67401a}.price-label{color:#9aa09d;letter-spacing:.11em;font-size:8px;font-weight:900;display:block}.price-card h3{color:var(--navy);margin:10px 0 2px;font-size:17px}.price-card>strong{color:var(--navy);letter-spacing:-.08em;margin:2px 0 14px;font-size:28px;display:block}.price-card>strong small{color:#8d969e;letter-spacing:0;font-size:9px;font-weight:500}.price-card ul{border-top:1px solid #efeee9;margin:0 0 18px;padding:10px 0 0;list-style:none}.price-card li{color:#7b858a;align-items:center;gap:5px;margin:7px 0;font-size:8px;display:flex}.price-card li svg{color:var(--green)}.price-card-button{color:var(--navy);border:1px solid #dfe2df;border-radius:6px;justify-content:center;align-items:center;min-height:34px;font-size:9px;font-weight:800;display:flex}.price-card-button:hover{border-color:var(--orange);color:var(--orange)}.price-badge{background:var(--orange);color:#fff;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800;position:absolute;top:-11px;right:14px}.pricing-note{color:#9b9f9b;text-align:center;max-width:1100px;margin:22px auto 0;font-size:8px}.faq-section{background:#fff;grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;max-width:none;padding-left:max(42px,50vw - 555px);padding-right:max(42px,50vw - 555px);display:grid}.faq-intro h2{margin-bottom:13px}.faq-list{border-top:1px solid #eceae4}.faq-list details{border-bottom:1px solid #eceae4}.faq-list summary{color:var(--navy);cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;font-size:10px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:var(--orange);transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:#7f8991;margin:-3px 20px 14px 0;font-size:9px;line-height:1.8}.final-cta{background:var(--peach);justify-content:space-between;align-items:center;max-width:none;min-height:330px;margin:0;padding:70px max(42px,50vw - 555px);display:flex;position:relative;overflow:hidden}.final-cta__copy{z-index:1;position:relative}.final-cta__copy h2{color:var(--navy);margin:14px 0 9px;font-size:clamp(26px,3vw,38px);line-height:1.28}.final-cta__copy h2 strong{color:var(--orange)}.final-cta__copy p{color:#9d867d;margin-bottom:18px;font-size:10px}.final-cta__decoration{width:250px;height:210px;margin-right:9%;position:relative;transform:rotate(7deg)}.final-cta__decoration:before{content:"";border:1px solid #ffa0816e;border-radius:50%;width:205px;height:205px;position:absolute;top:0;left:16px}.final-note-card{background:#fff;border:1px solid #f0dfd7;border-radius:12px;flex-direction:column;gap:10px;width:174px;height:116px;padding:20px;display:flex;position:absolute;top:38px;left:43px;transform:rotate(-8deg);box-shadow:0 15px 30px #c26b4f21}.final-note-card span{background:#dcefe2;border-radius:99px;width:72px;height:7px;display:block}.final-note-card span:nth-child(2){background:#fbe4d9;width:106px}.final-note-card span:nth-child(3){background:#e9e4fb;width:87px}.final-note-card b{color:#9ba69e;margin-top:auto;font-size:8px}.final-note-badge{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;display:flex;position:absolute;bottom:34px;right:31px;transform:rotate(-8deg)}.marketing-footer{color:#8b9397;border-top:1px solid #e9e7e0;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:28px;max-width:1110px;margin:0 auto;padding:26px 0 22px;font-size:9px;display:flex}.marketing-footer__brand{flex-direction:column;flex:240px;gap:8px;display:flex}.marketing-footer__brand>span{color:#a1a6a4;font-size:8px}.marketing-footer__links{gap:55px;display:flex}.marketing-footer__links>span{flex-direction:column;gap:7px;min-width:85px;display:flex}.marketing-footer__links strong{color:#68727b;margin-bottom:3px;font-size:8px}.marketing-footer__links a:hover{color:var(--orange)}.marketing-footer__bottom{border-top:1px solid #f0eee9;justify-content:space-between;width:100%;padding-top:15px;display:flex}.viewer-page{background:#f6f8f6}.viewer-header{min-height:60px;padding:0 max(22px,50vw - 530px)}.viewer-header__brand{color:var(--navy);font-size:15px}.viewer-header__meta{color:#87918f}.viewer-header__author{color:var(--navy)}.viewer-main{max-width:970px;padding:54px 22px 84px}.viewer-hero{border-radius:9px;padding:30px 34px;box-shadow:0 10px 27px #1c2f460a}.viewer-hero__eyebrow{color:var(--green)}.viewer-hero h1{color:var(--navy);font-size:clamp(29px,4.2vw,45px)}.viewer-hero>p{color:#626d76}.viewer-progress{background:#edf8f0;border-radius:6px;margin:18px 0 36px}.progress-track__fill{background:var(--green)}.progress-count{color:var(--green)}.viewer-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.viewer-block{border-radius:10px;padding:22px 25px}.viewer-block--notice{background:#fffaf0;border-color:#f3e3bc}.viewer-block--reply,.viewer-block--question{background:#f0faf3;border-color:#d5ecdc}.viewer-block__eyebrow{color:var(--green)}.viewer-block__icon{color:var(--green);background:#e4f5e9}.viewer-block--notice .viewer-block__icon{color:#ba8732;background:#ffefc8}.viewer-block h2{color:var(--navy)}.viewer-block p{color:#68747c}.reply-form textarea{border-color:#d8e7dc}.reply-form textarea:focus{border-color:var(--orange);outline-color:#ff674026}.viewer-card--soft{background:#e2f5e8}.viewer-card--outline{border-color:#e6e7e2}.viewer-card a{color:var(--orange-dark)}.viewer-footer{border-top-color:#e6e7e2}.viewer-footer a{color:var(--orange-dark)}.author-app{background:#f8f7f3}.author-sidebar{border-right-color:#e7e5df}.workspace-label{color:#a1a5a2}.author-nav__item{color:#747e83}.author-nav__item:hover,.author-nav__item.is-active{color:var(--orange-dark);background:#fff0e9}.nav-count{color:var(--orange-dark);background:#fff0e8}.author-header h1{color:var(--navy)}.stat-card,.panel{border-color:#e7e5df;border-radius:9px}.stat-card strong{color:var(--navy)}.stat-card small,.page-row__main a:hover,.panel__footer-link{color:var(--orange-dark)}.page-thumb--mint{color:var(--green);background:#e5f5ea}.page-thumb--peach{color:var(--orange);background:#fff0e8}.page-thumb--lavender{color:#8873b3;background:#f0ebff}.quick-share{background:#fff5ef}.author-tip{color:var(--green);background:#eef8f1}.toast{background:var(--navy)}.simple-app-header{background:#fff;border-bottom-color:#e7e5df}.new-page-screen,.billing-screen{background:#f8f7f3}.new-page-heading h1{color:var(--navy)}.new-page-form,.plan-card{border-color:#e7e5df;border-radius:10px}.template-card:hover,.template-card.is-selected{border-color:#ffad94;box-shadow:0 0 0 3px #ff67401f}.template-card__icon{color:var(--orange);background:#fff0e8}.field-group input:focus{border-color:var(--orange);outline-color:#ff674026}.privacy-note{color:#508464;background:#eef8f1}.plan-card--plus{background:#fff4ee;border-color:#ffb199}.plan-badge{background:var(--orange)}.plan-card li svg{color:var(--green)}.design-lab-screen{background:#f3f1eb}.design-lab-header,.design-lab-toolbar,.design-lab-inspector{border-color:#e5e2da}.paintbrush-icon{color:var(--orange);background:#fff0e8}.surface-tabs button:hover,.surface-tabs button.is-active,.viewport-switcher button:hover,.viewport-switcher button.is-active{background:var(--navy)}.design-lab-canvas{background:#dddeda;border-color:#d4d5cf}.design-lab-footer strong,.lab-message{color:var(--orange-dark)}.range-control output{color:var(--orange)}.range-control input{accent-color:var(--orange)}.reset-button:hover{color:var(--orange)}.lab-landing-preview,.lab-author-preview,.lab-viewer-preview,.lab-billing-preview{background:#fffefa;border-color:#e6e4de}.lab-skeleton{background:linear-gradient(#fff0e8,#f2f8f3)}.lab-landing-usecases div{background:#fff0e8}.lab-viewer-question{background:#fff3ed}.lab-billing-card{background:#fff3ed;border-color:#ffc0aa}.auth-page{background:#f8f7f3}.auth-brand{color:var(--navy)}@media (max-width:960px){.public-header{padding-left:27px;padding-right:27px}.hero-section{grid-template-columns:1fr;gap:48px;min-height:0;padding:65px 42px 80px}.hero-copy{max-width:670px}.landing-preview{justify-self:center;max-width:560px}.feature-section__inner{grid-template-columns:1fr}.feature-copy{max-width:560px}.feature-product-card{justify-self:center}.faq-section{gap:40px}}@media (max-width:700px){body{font-size:13px}.public-header{padding:15px 18px}.public-nav,.public-header__actions .button--ghost{display:none}.public-header__actions .button{min-height:32px;padding:0 10px;font-size:9px}.hero-section{background:linear-gradient(160deg,#eff9f1b8,#0000 35%),linear-gradient(330deg,#ffede29e,#0000 55%);gap:35px;padding:46px 18px 63px}.hero-copy h1{margin:18px 0 17px;font-size:clamp(31px,9.5vw,43px);line-height:1.24}.hero-slogan{font-size:10px}.hero-copy p{font-size:11px;line-height:1.9}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .button{width:100%}.hero-text-link{justify-content:center}.hero-trust{flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px}.landing-preview{max-width:100%;transform:none}.hero-browser-body{grid-template-columns:92px minmax(0,1fr);min-height:340px}.hero-browser-sidebar{padding:19px 8px 13px}.hero-sidebar-caption{font-size:6px}.hero-sidebar-item{gap:4px;padding:7px 4px;font-size:7px}.hero-sidebar-footer{padding-left:4px;font-size:6px}.hero-browser-content{padding:23px 18px 24px}.hero-browser-content h2{font-size:20px}.hero-mini-card{padding:9px 10px}.hero-mini-card strong,.hero-mini-card span{font-size:7px}.hero-preview-note{margin-left:11px;margin-right:3px}.problem-section,.steps-section,.usecases-section,.pricing-section,.faq-section{padding:65px 18px}.narrow-section-heading{margin-bottom:29px}.narrow-section-heading h2,.section-heading-row h2,.faq-intro h2{font-size:25px}.narrow-section-heading p,.faq-intro p{font-size:10px}.problem-grid,.privacy-grid,.pricing-grid{grid-template-columns:1fr}.problem-grid{gap:10px}.problem-grid article{min-height:143px;padding:17px}.problem-card-icon{margin-bottom:11px}.section-footnote{font-size:7px}.section-footnote span{width:45px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:8px}.steps-grid article{min-height:125px;padding:12px}.steps-grid article:not(:last-child):after{display:none}.steps-grid article:last-child{grid-column:1/-1}.step-icon{margin:12px 0 9px}.feature-section,.handover-section,.privacy-section{padding-left:18px;padding-right:18px}.feature-section{padding-top:60px;padding-bottom:60px}.feature-copy h2{font-size:27px}.feature-copy p{font-size:10px}.feature-product-card{padding:13px}.feature-product-card__title{font-size:17px}.feature-product-card__rows strong{font-size:8px}.feature-product-card__rows small{font-size:6px}.handover-section{padding-top:60px;padding-bottom:58px}.handover-flow{flex-direction:column;align-items:stretch;gap:8px;display:flex}.handover-flow article{min-height:130px;padding:16px}.flow-arrow{height:17px;transform:rotate(90deg)}.flow-label{bottom:14px;left:16px}.section-heading-row{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:24px}.usecase-grid{grid-template-columns:repeat(2,1fr)}.usecase-grid article{min-height:145px;padding:15px}.usecase-grid article strong{margin:14px 0 8px;font-size:10px}.usecase-grid article>div span{font-size:8px}.usecase-arrow{bottom:15px;right:15px}.privacy-grid{gap:9px}.privacy-grid article{padding:14px}.price-card--featured{transform:none}.price-card{min-height:0}.faq-section{display:block}.faq-intro{margin-bottom:32px}.faq-list summary{min-height:48px}.final-cta{flex-direction:column;align-items:flex-start;min-height:450px;padding:60px 18px}.final-cta__copy h2{font-size:27px}.final-cta__decoration{align-self:center;margin:15px 0 0}.marketing-footer{flex-direction:column;align-items:flex-start;margin:0 18px;padding-bottom:20px}.marketing-footer__links{gap:25px;width:100%}.marketing-footer__links>span{min-width:0}.marketing-footer__bottom{font-size:8px}.viewer-main{padding:28px 13px 58px}.viewer-hero{padding:24px 19px}.viewer-hero h1{font-size:28px}.viewer-layout{display:block}.viewer-aside{display:none}.viewer-block{padding:20px 17px}.author-sidebar{padding:14px 15px 9px}.new-page-main,.billing-main{padding:42px 17px 70px}.design-lab-main{padding-left:9px;padding-right:9px}}@media (max-width:390px){.hero-browser-sidebar{display:none}.hero-browser-body{grid-template-columns:1fr}.hero-browser-content{padding:22px 18px 25px}.hero-browser-content h2{font-size:23px}.usecase-grid{gap:7px}}@media (max-width:360px){.author-header{display:block}.author-header__actions{justify-content:flex-start;margin-top:14px}.author-header h1{max-width:250px}}.landing-section-frame{display:block}.lab-landing-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:10px;display:grid}.lab-landing-hero,.lab-landing-card{min-height:175px}.lab-landing-strip{background:#fff;border:1px solid #ece9e2;border-radius:8px;flex-direction:column;grid-column:1/-1;justify-content:center;gap:7px;min-height:90px;padding:15px;display:flex}.lab-landing-strip strong{color:var(--navy);font-size:12px}.lab-landing-strip>div{gap:5px;display:flex}.lab-landing-strip>div i{background:#e9f5ec;border-radius:3px;width:17%;height:17px;display:block}.lab-landing-strip--dark{background:var(--navy);border-color:var(--navy)}.lab-landing-strip--dark strong{color:#fff}.lab-landing-strip--dark .eyebrow{color:#ff987a}.lab-landing-strip--peach{background:var(--peach);border-color:#f1ddd3}.lab-landing-strip--green{background:#eef8f1;border-color:#dceee2}.lab-auth-preview{grid-template-columns:140px minmax(0,1fr);gap:22px;display:grid}.lab-auth-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:13px;padding:14px;display:flex}.lab-auth-sidebar>span{background:#eaf2eb;border-radius:5px;width:85%;height:19px;margin-top:13px}.lab-auth-sidebar>span:nth-of-type(2){width:74%}.lab-auth-sidebar>span:nth-of-type(3){width:90%}.lab-auth-content{align-items:center;min-width:0;padding:40px;display:grid}.lab-auth-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:9px;width:min(360px,100%);padding:24px}.lab-auth-card h2{color:var(--ink);margin:10px 0 17px;font-size:22px}.lab-auth-provider .button{width:100%}.lab-auth-note{color:var(--muted);text-align:center;margin-top:14px;font-size:10px}.inspector-measurement{border:1px solid var(--line);background:#f7faf7;border-radius:7px;margin-bottom:14px;padding:11px}.inspector-measurement .eyebrow{color:var(--muted);font-size:8px}.inspector-measurement dl{grid-template-columns:1fr 1fr;gap:6px 10px;margin:8px 0 0;display:grid}.inspector-measurement dl div{justify-content:space-between;gap:8px;display:flex}.inspector-measurement dt{color:var(--muted);font-size:9px}.inspector-measurement dd{color:var(--green);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.inspector-measurement p,.inspector-measurement small{color:var(--muted);margin:8px 0 0;font-size:8px}@media (max-width:700px){.lab-landing-preview{flex-direction:column;display:flex}.lab-landing-hero,.lab-landing-card{min-height:150px}.lab-auth-preview{flex-direction:column;display:flex}.lab-auth-sidebar{min-height:82px}.lab-auth-content{padding:20px 0}}
.reference-marketing{--ink:#10213d;--ink-soft:#41516a;--muted:#718096;--paper:#faf9f5;--surface:#fff;--line:#e5e8e4;--line-dark:#ffffff24;--orange:#ff5b1f;--orange-dark:#dc4210;--orange-soft:#fff0e8;--green:#39945a;--green-soft:#eaf7ed;--blue:#2c6da5;--blue-soft:#edf5fd;--purple:#6b6bb8;--purple-soft:#f0effc;--pink:#c25586;--pink-soft:#fff0f6;--shadow-soft:0 14px 35px #10213d14;--shadow-window:0 30px 80px #10213d26, 0 8px 20px #10213d14;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--content:1180px;--ease:cubic-bezier(.2, .7, .2, 1)}.reference-marketing *{box-sizing:border-box}.reference-marketing{scroll-behavior:smooth;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Noto Sans JP,Meiryo,sans-serif;font-size:16px;line-height:1.75}.reference-marketing a{color:inherit;text-decoration:none}.reference-marketing button,.reference-marketing a{-webkit-tap-highlight-color:transparent}.reference-marketing button,.reference-marketing input{font:inherit}.reference-marketing .container{width:min(var(--content), calc(100% - 48px));margin:0 auto}.reference-marketing .icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.reference-marketing .icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:20px;height:20px}.reference-marketing .icon-small{width:16px;height:16px}.reference-marketing .icon-tiny{width:14px;height:14px}.reference-marketing .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-marketing .site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f5e0;border-bottom:1px solid #10213d14;position:sticky;top:0}.reference-marketing .nav-wrap{align-items:center;gap:36px;min-height:76px;display:flex;position:relative}.reference-marketing .brand{color:var(--ink);letter-spacing:-.06em;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.reference-marketing .brand-mark{align-items:flex-end;gap:3px;width:25px;height:25px;display:inline-flex;position:relative;transform:rotate(-10deg)}.reference-marketing .brand-mark span{background:var(--orange);border-radius:5px 5px 2px 2px;width:6px;display:block}.reference-marketing .brand-mark span:first-child{background:var(--green);height:13px}.reference-marketing .brand-mark span:nth-child(2){height:20px}.reference-marketing .brand-mark span:nth-child(3){background:var(--ink);height:16px}.reference-marketing .desktop-nav{align-items:center;gap:34px;margin-left:auto;display:flex}.reference-marketing .desktop-nav a,.reference-marketing .mobile-nav a:not(.button){color:var(--ink-soft);font-size:14px;font-weight:700;transition:color .18s}.reference-marketing .desktop-nav a:hover,.reference-marketing .mobile-nav a:not(.button):hover{color:var(--orange)}.reference-marketing .button{letter-spacing:-.02em;min-height:50px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s ease, border-color .18s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 23px;font-size:14px;font-weight:800;display:inline-flex}.reference-marketing .button:hover{transform:translateY(-2px)}.reference-marketing .button:focus-visible,.reference-marketing .text-link:focus-visible,.reference-marketing .desktop-nav a:focus-visible,.reference-marketing .mobile-nav a:focus-visible,.reference-marketing .brand:focus-visible,.reference-marketing .loop-card-cta:focus-visible,.reference-marketing .template-card>a:focus-visible,.reference-marketing .summary:focus-visible{outline-offset:4px;outline:3px solid #ff5b1f52}.reference-marketing .button-small{background:var(--orange);color:#fff;min-height:44px;padding:0 17px;box-shadow:0 8px 18px #ff5b1f38}.reference-marketing .button-small:hover,.reference-marketing .button-primary:hover{background:var(--orange-dark);box-shadow:0 12px 24px #ff5b1f47}.reference-marketing .button-primary{background:var(--orange);color:#fff;box-shadow:0 12px 24px #ff5b1f38}.reference-marketing .button-ghost{color:var(--ink);background:#ffffff9e;border-color:#b9c3ce}.reference-marketing .button-ghost:hover{border-color:var(--ink);background:#fff}.reference-marketing .button-full{width:100%}.reference-marketing .menu-toggle,.reference-marketing .menu-button,.reference-marketing .mobile-nav{display:none}.reference-marketing .hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.reference-marketing .hero-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.reference-marketing .hero-glow-one{background:radial-gradient(circle,#ffb48740,#ffb48700 68%);width:500px;height:500px;top:40px;right:-160px}.reference-marketing .hero-glow-two{background:radial-gradient(circle,#94d9ac2b,#94d9ac00 68%);width:580px;height:580px;bottom:-230px;left:-220px}.reference-marketing .hero-grid{grid-template-columns:minmax(330px,.82fr) minmax(580px,1.18fr);align-items:center;gap:64px;min-height:670px;padding-top:84px;padding-bottom:104px;display:grid;position:relative}.reference-marketing .hero-copy{z-index:1;position:relative}.reference-marketing .eyebrow,.reference-marketing .section-kicker{color:var(--orange-dark);letter-spacing:.08em;align-items:center;gap:9px;margin:0 0 18px;font-size:12px;font-weight:900;display:flex}.reference-marketing .eyebrow-dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 5px var(--green-soft);border-radius:50%}.reference-marketing .hero h1{max-width:620px;color:var(--ink);letter-spacing:-.09em;margin:0;font-size:clamp(42px,4.4vw,68px);font-weight:900;line-height:1.22}.reference-marketing .hero h1 span{display:block}.reference-marketing .hero-lead{color:var(--ink-soft);letter-spacing:-.03em;margin:28px 0 0;font-size:17px;font-weight:600;line-height:2}.reference-marketing .hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.reference-marketing .promise-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:540px;margin-top:34px;display:grid}.reference-marketing .promise-item{min-height:72px;color:var(--ink-soft);background:#ffffffb3;border:1px solid #10213d14;border-radius:14px;align-items:center;gap:10px;padding:12px 13px;font-size:11px;font-weight:700;line-height:1.45;display:flex;box-shadow:0 8px 20px #10213d0a}.reference-marketing .promise-item .icon{width:25px;height:25px;color:var(--green)}.reference-marketing .promise-item:nth-child(2) .icon{color:var(--blue)}.reference-marketing .promise-item:nth-child(3) .icon{color:var(--orange)}.reference-marketing .promise-item strong{color:var(--ink);font-size:12px}.reference-marketing .product-stage{z-index:1;padding:21px 0 28px;position:relative}.reference-marketing .browser-window{background:var(--surface);box-shadow:var(--shadow-window);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border:1px solid #dce2e4;border-radius:24px;overflow:hidden;transform:perspective(1400px)rotateY(-2deg)rotateX(1deg)}.reference-marketing .browser-window:hover{transform:perspective(1400px)rotateY(0)rotateX(0)translateY(-4px);box-shadow:0 38px 92px #10213d2e,0 10px 24px #10213d17}.reference-marketing .browser-bar{color:#8190a0;background:#f8faf9;border-bottom:1px solid #e1e6e7;align-items:center;height:42px;padding:0 16px;font-size:10px;font-weight:700;display:flex}.reference-marketing .browser-dots{gap:5px;margin-right:17px;display:flex}.reference-marketing .browser-dots i{background:#ff6a52;border-radius:50%;width:8px;height:8px}.reference-marketing .browser-dots i:nth-child(2){background:#f4be45}.reference-marketing .browser-dots i:nth-child(3){background:#68bd6d}.reference-marketing .browser-url{flex:1;min-width:0}.reference-marketing .browser-status{width:auto;height:auto;color:var(--green);white-space:nowrap;background:0 0;border-radius:0;flex:none}.reference-marketing .product-layout{grid-template-columns:168px minmax(0,1fr);min-height:505px;display:grid}.reference-marketing .preview-sidebar{background:#fbfcfb;border-right:1px solid #edf0ee;flex-direction:column;padding:23px 12px 16px;display:flex}.reference-marketing .event-overview{gap:5px;padding:0 10px 20px;display:grid}.reference-marketing .overline{color:#8794a2;letter-spacing:.05em;font-size:9px;font-weight:800}.reference-marketing .event-overview strong{color:var(--ink);letter-spacing:-.05em;font-size:15px;line-height:1.35}.reference-marketing .event-meta{color:#718096;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.reference-marketing .preview-nav{gap:4px;display:grid}.reference-marketing .preview-nav a{min-height:37px;color:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:10px;font-weight:800;display:flex}.reference-marketing .preview-nav a.is-active{color:var(--green);background:#e8f5eb}.reference-marketing .preview-nav .icon{width:15px;height:15px}.reference-marketing .status-icon{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:11px;line-height:1;display:inline-grid}.reference-marketing .preview-sidebar-actions{gap:8px;margin-top:auto;display:grid}.reference-marketing .mini-button{min-height:34px;color:var(--ink);text-align:center;border:1px solid #bdc9d2;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:900;line-height:1.2;display:flex}.reference-marketing .mini-button .icon{width:14px;height:14px}.reference-marketing .mini-button-orange{border-color:var(--orange);background:var(--orange);color:#fff}.reference-marketing .preview-main{min-width:0;padding:24px 24px 20px}.reference-marketing .preview-heading,.reference-marketing .feature-board-top,.reference-marketing .block-heading{align-items:center;display:flex}.reference-marketing .preview-heading{justify-content:space-between;gap:10px;margin-bottom:14px}.reference-marketing .preview-heading h2{color:var(--ink);letter-spacing:-.06em;margin:3px 0 0;font-size:22px;line-height:1.3}.reference-marketing .confirmed-pill,.reference-marketing .feature-board-status{color:var(--green);white-space:nowrap;border:1px solid #9ccfa7;border-radius:7px;align-items:center;gap:3px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.reference-marketing .preview-block{background:#fff;border:1px solid #e7ece9;border-radius:12px;margin-top:11px;padding:13px 14px;box-shadow:0 4px 12px #10213d08}.reference-marketing .block-heading{color:var(--ink);gap:8px;font-size:11px}.reference-marketing .block-icon,.reference-marketing .feature-row-icon{border-radius:7px;place-items:center;width:23px;height:23px;font-size:14px;font-weight:900;display:inline-grid}.reference-marketing .block-icon .icon,.reference-marketing .feature-row-icon .icon{width:15px;height:15px}.reference-marketing .block-icon-green{background:var(--green-soft);color:var(--green)}.reference-marketing .block-icon-orange{background:var(--orange-soft);color:var(--orange)}.reference-marketing .block-icon-blue{background:var(--blue-soft);color:var(--blue)}.reference-marketing .block-icon-gray{color:#687887;background:#f0f3f4}.reference-marketing .block-label{color:#91a09e;margin-left:auto;font-size:9px;font-weight:800}.reference-marketing .block-label-orange{color:var(--orange)}.reference-marketing .decision-grid{color:#7d8c9b;border:1px solid #edf0ef;border-radius:7px;grid-template-columns:88px 1fr;gap:5px 12px;margin-top:10px;padding:9px 10px;font-size:9px;font-weight:700;display:grid}.reference-marketing .decision-grid b{color:var(--ink-soft);font-weight:800}.reference-marketing .compact-list{color:var(--ink-soft);gap:4px;margin:9px 0 0;padding:0 0 0 20px;font-size:10px;font-weight:700;display:grid}.reference-marketing .compact-list li::marker{color:var(--orange)}.reference-marketing .task-table{color:var(--ink-soft);gap:6px;margin-top:10px;font-size:9px;font-weight:800;display:grid}.reference-marketing .task-table div{border-bottom:1px solid #edf0ef;grid-template-columns:1fr 45px 48px;align-items:center;gap:6px;padding-bottom:5px;display:grid}.reference-marketing .task-table div:last-child{border-bottom:0;padding-bottom:0}.reference-marketing .task-table em{text-align:center;font-style:normal}.reference-marketing .task-done{color:var(--green)}.reference-marketing .task-progress{color:var(--orange)}.reference-marketing .preview-history p{color:#6c7b88;margin:7px 0 0;font-size:9px;font-weight:700;line-height:1.4}.reference-marketing .preview-history time{color:#9aa6ae;width:83px;display:inline-block}.reference-marketing .floating-note{z-index:2;box-shadow:var(--shadow-soft);color:var(--ink-soft);white-space:nowrap;background:#ffffffe6;border:1px solid #10213d1a;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:800;display:flex;position:absolute}.reference-marketing .note-top{top:0;right:-28px}.reference-marketing .note-bottom{bottom:0;right:31px}.reference-marketing .note-dot{border-radius:50%;width:9px;height:9px}.reference-marketing .note-dot-green{background:var(--green)}.reference-marketing .note-dot-orange{background:var(--orange)}.reference-marketing .section{padding:112px 0}.reference-marketing .section-heading{max-width:660px}.reference-marketing .section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.reference-marketing .section-heading.centered .section-kicker{justify-content:center}.reference-marketing .section-kicker{letter-spacing:.08em;margin-bottom:12px}.reference-marketing .section-heading h2,.reference-marketing .feature-copy h2,.reference-marketing .faq-layout h2,.reference-marketing .final-cta h2{color:var(--ink);letter-spacing:-.09em;margin:0;font-size:clamp(30px,3.3vw,46px);font-weight:900;line-height:1.32}.reference-marketing .section-heading p:not(.section-kicker),.reference-marketing .feature-copy>p:not(.section-kicker),.reference-marketing .faq-layout .section-heading>p:not(.section-kicker){color:var(--muted);letter-spacing:-.025em;margin:19px 0 0;font-size:15px;font-weight:600;line-height:1.9}.reference-marketing .problem-section{background:#fff}.reference-marketing .problem-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:49px;display:grid}.reference-marketing .problem-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);min-height:240px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s ease;padding:30px 29px 26px;position:relative}.reference-marketing .problem-card:hover{box-shadow:var(--shadow-soft);border-color:#d8dfdc;transform:translateY(-5px)}.reference-marketing .problem-number{color:#c5cece;letter-spacing:.08em;font-size:12px;font-weight:900;position:absolute;top:23px;right:25px}.reference-marketing .problem-icon,.reference-marketing .template-icon,.reference-marketing .trust-icon,.reference-marketing .step-icon,.reference-marketing .loop-card-icon{border-radius:16px;place-items:center;width:52px;height:52px;display:inline-grid}.reference-marketing .problem-icon .icon,.reference-marketing .template-icon .icon,.reference-marketing .trust-icon .icon,.reference-marketing .step-icon .icon,.reference-marketing .loop-card-icon .icon{width:28px;height:28px}.reference-marketing .problem-icon-green,.reference-marketing .step-icon-green,.reference-marketing .template-icon-green{background:var(--green-soft);color:var(--green)}.reference-marketing .problem-icon-blue,.reference-marketing .step-icon-blue,.reference-marketing .template-icon-blue{background:var(--blue-soft);color:var(--blue)}.reference-marketing .problem-icon-orange,.reference-marketing .step-icon-orange{background:var(--orange-soft);color:var(--orange)}.reference-marketing .template-icon-purple{background:var(--purple-soft);color:var(--purple)}.reference-marketing .template-icon-pink{background:var(--pink-soft);color:var(--pink)}.reference-marketing .problem-card h3{letter-spacing:-.06em;margin:25px 0 7px;font-size:17px;font-weight:900}.reference-marketing .problem-card p{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.8}.reference-marketing .problem-callout{color:var(--ink-soft);letter-spacing:-.04em;justify-content:center;align-items:center;gap:20px;margin-top:42px;font-size:14px;display:flex}.reference-marketing .callout-line{background:#cbd5d1;width:58px;height:1px}.reference-marketing .flow-section{background:var(--paper)}.reference-marketing .flow-grid{grid-template-columns:repeat(5,1fr);gap:17px;margin-top:53px;display:grid}.reference-marketing .step-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:center;min-height:240px;padding:27px 18px 22px;position:relative;box-shadow:0 7px 18px #10213d08}.reference-marketing .step-card:not(:last-child):after{z-index:2;content:"→";color:#a7b0b4;font-size:25px;font-weight:400;position:absolute;top:76px;right:-22px}.reference-marketing .step-index{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:900;display:inline-grid;position:absolute;top:15px;left:17px}.reference-marketing .step-card-accent .step-index{background:var(--orange)}.reference-marketing .step-icon{margin-top:5px}.reference-marketing .step-card h3{letter-spacing:-.06em;margin:17px 0 5px;font-size:17px;font-weight:900}.reference-marketing .step-card-accent h3{color:var(--orange)}.reference-marketing .step-card p{color:var(--muted);margin:0;font-size:12px;font-weight:700;line-height:1.7}.reference-marketing .feature-section{background:var(--ink);overflow:hidden}.reference-marketing .feature-grid{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);align-items:center;gap:74px;display:grid}.reference-marketing .section-kicker-light{color:#ff9a72}.reference-marketing .feature-copy h2,.reference-marketing .feature-copy h2 span{color:#fff}.reference-marketing .feature-copy h2 span{color:#ff9a72;display:block}.reference-marketing .feature-copy>p:not(.section-kicker){color:#b4c2d0;max-width:420px}.reference-marketing .text-link{color:var(--orange-dark);align-items:center;gap:8px;margin-top:29px;font-size:14px;font-weight:900;display:inline-flex}.reference-marketing .text-link:hover{color:var(--orange)}.reference-marketing .text-link-light{color:#ffab8a}.reference-marketing .text-link-light:hover{color:#fff}.reference-marketing .feature-board{background:#f8fbfc;border:1px solid #e3eaee;border-radius:24px;padding:21px;box-shadow:0 20px 45px #0003}.reference-marketing .feature-board-top{color:var(--ink);justify-content:space-between;padding:0 4px 16px;font-size:15px;font-weight:900}.reference-marketing .feature-row{min-height:76px;color:var(--ink);border-top:1px solid #e6ecee;grid-template-columns:35px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:12px 14px;display:grid}.reference-marketing .feature-row-icon{border-radius:11px;width:35px;height:35px}.reference-marketing .feature-row-green .feature-row-icon{background:var(--green-soft);color:var(--green)}.reference-marketing .feature-row-orange .feature-row-icon{background:var(--orange-soft);color:var(--orange)}.reference-marketing .feature-row-blue .feature-row-icon{background:var(--blue-soft);color:var(--blue)}.reference-marketing .feature-row-gray .feature-row-icon{color:#718096;background:#eef2f4}.reference-marketing .feature-row strong{letter-spacing:-.04em;font-size:13px;font-weight:900;display:block}.reference-marketing .feature-row p{color:var(--muted);margin:2px 0 0;font-size:11px;font-weight:700}.reference-marketing .feature-row-count{color:#8d9ba6;font-size:10px;font-weight:800}.reference-marketing .feature-row-handover{border-bottom:0}.reference-marketing .icon-muted{color:#9eabb2;width:16px;height:16px}.reference-marketing .loop-section{background:#fff8f3}.reference-marketing .loop-visual{grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;gap:13px;margin-top:53px;display:grid}.reference-marketing .loop-card{background:#fff;border:1px solid #eaded5;border-radius:20px;min-height:260px;padding:28px 28px 25px;position:relative;box-shadow:0 10px 28px #7c502a0f}.reference-marketing .loop-card-final{border-color:#ffb092;box-shadow:0 13px 30px #ff5b1f1f}.reference-marketing .loop-card-label{color:#c5b9b0;font-size:11px;font-weight:900;position:absolute;top:23px;right:24px}.reference-marketing .loop-card-icon{border-radius:15px;width:48px;height:48px}.reference-marketing .loop-card-icon-green{background:var(--green-soft);color:var(--green)}.reference-marketing .loop-card-icon-blue{background:var(--blue-soft);color:var(--blue)}.reference-marketing .loop-card-icon-orange{background:var(--orange-soft);color:var(--orange)}.reference-marketing .loop-card h3{letter-spacing:-.06em;max-width:220px;margin:22px 0 7px;font-size:17px;font-weight:900;line-height:1.45}.reference-marketing .loop-card p{color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.8}.reference-marketing .loop-tag{color:#917d6d;background:#f5f1ee;border-radius:999px;margin-top:18px;padding:4px 9px;font-size:10px;font-weight:900;display:inline-flex}.reference-marketing .loop-card-cta{color:var(--orange-dark);align-items:center;gap:5px;margin-top:17px;font-size:11px;font-weight:900;display:inline-flex}.reference-marketing .loop-arrow{color:#dba98e;place-items:center;display:inline-grid}.reference-marketing .loop-arrow .icon{width:28px;height:28px}.reference-marketing .loop-caption{color:var(--ink);letter-spacing:-.05em;justify-content:center;align-items:center;gap:15px;margin-top:40px;font-size:16px;font-weight:900;display:flex}.reference-marketing .caption-orbit{border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid}.reference-marketing .caption-orbit .icon{width:16px;height:16px}.reference-marketing .caption-orbit-green{background:var(--green-soft);color:var(--green)}.reference-marketing .caption-orbit-orange{background:var(--orange-soft);color:var(--orange)}.reference-marketing .template-section{background:#fff}.reference-marketing .section-heading-row{justify-content:space-between;align-items:flex-end;gap:30px;max-width:none;display:flex}.reference-marketing .section-heading-row .text-link{margin:0 0 7px}.reference-marketing .template-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:47px;display:grid}.reference-marketing .template-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);min-height:306px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s ease;flex-direction:column;padding:25px 22px 20px;display:flex}.reference-marketing .template-card:hover{box-shadow:var(--shadow-soft);border-color:#d1dad5;transform:translateY(-5px)}.reference-marketing .template-icon{border-radius:14px;width:49px;height:49px}.reference-marketing .template-card h3{letter-spacing:-.06em;margin:18px 0 8px;font-size:17px;font-weight:900}.reference-marketing .template-card ul{color:var(--muted);gap:2px;margin:0;padding:0;font-size:12px;font-weight:700;line-height:1.7;list-style:none;display:grid}.reference-marketing .template-card li:before{content:"・";color:#a6b0b0}.reference-marketing .template-card>a{color:var(--ink-soft);align-items:center;gap:7px;margin-top:auto;padding-top:16px;font-size:11px;font-weight:900;display:inline-flex}.reference-marketing .template-card>a:hover{color:var(--orange)}.reference-marketing .trust-section{background:#eef8f0}.reference-marketing .trust-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:48px;display:grid}.reference-marketing .trust-card{border-radius:var(--radius-md);background:#ffffffb8;border:1px solid #d9ebdc;align-items:flex-start;gap:15px;min-height:150px;padding:25px 24px;display:flex}.reference-marketing .trust-icon{width:46px;height:46px;color:var(--green);background:#dff1e2;flex:none}.reference-marketing .trust-card h3{letter-spacing:-.06em;margin:4px 0 5px;font-size:15px;font-weight:900}.reference-marketing .trust-card p{color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.75}.reference-marketing .pricing-section{background:var(--paper)}.reference-marketing .pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-top:49px;display:grid}.reference-marketing .price-card{border:1px solid var(--line);background:#fff;border-radius:21px;flex-direction:column;min-height:400px;padding:31px 27px 26px;display:flex;position:relative;box-shadow:0 7px 18px #10213d08}.reference-marketing .price-card-featured{border:2px solid var(--orange);box-shadow:0 16px 35px #ff5b1f21}.reference-marketing .price-badge{background:var(--orange);color:#fff;border-radius:999px;padding:4px 14px;font-size:10px;font-weight:900;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.reference-marketing .price-label{color:var(--muted);font-size:11px;font-weight:800}.reference-marketing .price-head h3{letter-spacing:-.07em;margin:8px 0 3px;font-size:22px;font-weight:900}.reference-marketing .price{color:var(--ink);align-items:baseline;margin:0;display:flex}.reference-marketing .price strong{letter-spacing:-.08em;font-size:37px;line-height:1.25}.reference-marketing .price span{color:var(--muted);font-size:12px;font-weight:800}.reference-marketing .price-list{color:var(--ink-soft);gap:9px;margin:28px 0;padding:0;font-size:12px;font-weight:700;list-style:none;display:grid}.reference-marketing .price-list li{align-items:flex-start;gap:7px;display:flex}.reference-marketing .price-list .icon{width:16px;height:16px;color:var(--green);stroke-width:2.3px}.reference-marketing .price-card .button{margin-top:auto}.reference-marketing .pricing-note{color:#8d989d;text-align:center;margin:20px 0 0;font-size:11px}.reference-marketing .faq-section{background:#fff}.reference-marketing .faq-layout{grid-template-columns:minmax(240px,.65fr) minmax(500px,1.35fr);align-items:start;gap:92px;display:grid}.reference-marketing .faq-layout .section-heading{position:sticky;top:122px}.reference-marketing .faq-list{border-top:1px solid var(--line)}.reference-marketing .faq-list details{border-bottom:1px solid var(--line)}.reference-marketing .faq-list summary{min-height:65px;color:var(--ink);letter-spacing:-.04em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:900;list-style:none;display:flex}.reference-marketing .faq-list summary::-webkit-details-marker{display:none}.reference-marketing .faq-list summary span{color:var(--orange);font-size:21px;font-weight:400;transition:transform .18s}.reference-marketing .faq-list details[open] summary span{transform:rotate(45deg)}.reference-marketing .faq-list details p{color:var(--muted);margin:-1px 36px 20px 0;font-size:13px;font-weight:600;line-height:1.9}.reference-marketing .final-cta{background:#fff1e7;position:relative;overflow:hidden}.reference-marketing .final-cta:before{content:"";border:1px solid #ff5b1f2b;border-radius:50%;width:540px;height:540px;position:absolute;top:-230px;right:-80px}.reference-marketing .final-cta-inner{grid-template-columns:1fr .7fr;align-items:center;min-height:390px;display:grid;position:relative}.reference-marketing .final-cta h2 span{color:var(--orange-dark)}.reference-marketing .final-cta p:not(.section-kicker){color:var(--muted);margin:17px 0 0;font-size:14px;font-weight:700}.reference-marketing .final-cta .button{margin-top:27px}.reference-marketing .final-cta-art{min-height:270px;position:relative}.reference-marketing .art-window{z-index:2;background:#fff;border:1px solid #e8d6c8;border-radius:17px;width:230px;height:166px;padding:25px 19px 18px;position:absolute;top:34px;right:40px;transform:rotate(5deg);box-shadow:0 18px 40px #8c4b2726}.reference-marketing .art-window>span{background:#ff6a52;border-radius:50%;width:6px;height:6px;position:absolute;top:12px}.reference-marketing .art-window>span:first-child{left:15px}.reference-marketing .art-window>span:nth-child(2){background:#f4be45;left:25px}.reference-marketing .art-window>span:nth-child(3){background:#68bd6d;left:35px}.reference-marketing .art-checks{gap:12px;display:grid}.reference-marketing .art-checks i{background:#e8f1ec;border-radius:99px;height:9px;display:block;position:relative}.reference-marketing .art-checks i:before{background:var(--green);content:"✓";color:#fff;text-align:center;border-radius:5px;width:15px;height:15px;font-size:10px;line-height:15px;position:absolute;top:-3px;left:-1px}.reference-marketing .art-checks i:nth-child(2){width:78%}.reference-marketing .art-checks i:nth-child(3){width:58%}.reference-marketing .art-copy-icon{background:var(--orange);color:#fff;border:5px solid #fff1e7;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:absolute;bottom:-23px;right:-25px;box-shadow:0 10px 25px #ff5b1f47}.reference-marketing .art-copy-icon .icon{width:28px;height:28px}.reference-marketing .art-orbit{border:1px solid #ff5b1f38;border-radius:50%;position:absolute}.reference-marketing .art-orbit-one{width:280px;height:280px;top:0;right:0}.reference-marketing .art-orbit-two{border-color:#39945a40;width:190px;height:190px;top:42px;right:41px}.reference-marketing .site-footer{background:#fff}.reference-marketing .footer-grid{grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:62px;padding-bottom:47px;display:grid}.reference-marketing .footer-brand p{color:var(--muted);margin:18px 0 0;font-size:11px;font-weight:600;line-height:1.8}.reference-marketing .footer-links{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.reference-marketing .footer-links div{align-content:start;gap:7px;display:grid}.reference-marketing .footer-links strong{color:var(--ink);margin-bottom:6px;font-size:11px;font-weight:900}.reference-marketing .footer-links a{color:var(--muted);font-size:11px;font-weight:600}.reference-marketing .footer-links a:hover{color:var(--orange)}.reference-marketing .footer-links .footer-link-disabled{color:#aab2b6;font-size:11px;font-weight:600}.reference-marketing .footer-bottom{border-top:1px solid var(--line);color:#a0a9ac;justify-content:space-between;padding:17px 0 22px;font-size:10px;font-weight:700;display:flex}@media (max-width:1100px){.reference-marketing .nav-wrap{gap:22px}.reference-marketing .desktop-nav{gap:20px}.reference-marketing .hero-grid{grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr);gap:38px}.reference-marketing .product-stage{padding-right:11px}.reference-marketing .note-top{right:-10px}.reference-marketing .note-bottom{right:15px}.reference-marketing .feature-grid{gap:48px}.reference-marketing .faq-layout{gap:54px}}@media (max-width:900px){.reference-marketing .desktop-nav,.reference-marketing .desktop-cta{display:none}.reference-marketing .menu-toggle{opacity:0;width:1px;height:1px;position:absolute}.reference-marketing .menu-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;margin-left:auto;display:inline-grid}.reference-marketing .menu-button .icon{width:23px;height:23px}.reference-marketing .mobile-nav{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffffff7;border-radius:16px;gap:2px;padding:10px;display:none;position:absolute;top:calc(100% + 9px);left:0;right:0}.reference-marketing .mobile-nav a:not(.button){padding:10px 12px}.reference-marketing .mobile-nav .button{margin-top:6px}.reference-marketing .menu-toggle:checked~.mobile-nav{display:grid}.reference-marketing .hero-grid{grid-template-columns:1fr;padding-top:70px}.reference-marketing .hero-copy{text-align:center;max-width:720px;margin:0 auto}.reference-marketing .eyebrow{justify-content:center}.reference-marketing .hero h1{margin:0 auto}.reference-marketing .hero-actions{justify-content:center}.reference-marketing .promise-list{text-align:left;margin-left:auto;margin-right:auto}.reference-marketing .product-stage{width:100%;max-width:760px;margin:17px auto 0;padding-right:0}.reference-marketing .feature-grid,.reference-marketing .faq-layout{grid-template-columns:1fr}.reference-marketing .feature-copy{max-width:620px}.reference-marketing .faq-layout .section-heading{position:static}.reference-marketing .faq-list{margin-top:35px}.reference-marketing .footer-grid{gap:50px}}@media (max-width:720px){.reference-marketing .container{width:min(var(--content), calc(100% - 36px))}.reference-marketing .section{padding:78px 0}.reference-marketing .hero-grid{min-height:auto;padding-top:51px;padding-bottom:77px}.reference-marketing .hero h1{font-size:clamp(38px,9.4vw,56px)}.reference-marketing .hero-lead{font-size:15px}.reference-marketing .promise-list{grid-template-columns:1fr;width:100%;max-width:430px}.reference-marketing .promise-item{min-height:59px}.reference-marketing .browser-window{border-radius:18px}.reference-marketing .product-layout{grid-template-columns:1fr}.reference-marketing .preview-sidebar{display:none}.reference-marketing .preview-main{padding:20px 17px 18px}.reference-marketing .preview-heading h2{font-size:18px}.reference-marketing .floating-note{font-size:10px}.reference-marketing .note-top{top:-15px;right:12px}.reference-marketing .note-bottom{bottom:-17px;right:22px}.reference-marketing .problem-grid,.reference-marketing .trust-grid,.reference-marketing .pricing-grid{grid-template-columns:1fr}.reference-marketing .problem-grid{margin-top:36px}.reference-marketing .problem-card{min-height:205px}.reference-marketing .problem-callout{text-align:center;gap:10px;font-size:12px}.reference-marketing .callout-line{width:20px}.reference-marketing .flow-grid{grid-template-columns:1fr;gap:13px;margin-top:37px}.reference-marketing .step-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:36px 60px 1fr;align-items:center;min-height:90px;padding:14px 16px;display:grid}.reference-marketing .step-index{grid-row:span 2;position:static}.reference-marketing .step-icon{grid-row:span 2;width:49px;height:49px;margin:0}.reference-marketing .step-card h3{margin:0;font-size:16px}.reference-marketing .step-card p{font-size:11px}.reference-marketing .step-card:not(:last-child):after{content:"↓";inset:auto auto -20px 50%;transform:translate(-50%)}.reference-marketing .feature-board{padding:13px}.reference-marketing .feature-row{grid-template-columns:32px minmax(0,1fr) 16px;gap:9px;padding:11px 8px}.reference-marketing .feature-row-count{display:none}.reference-marketing .feature-row-icon{width:32px;height:32px}.reference-marketing .feature-row strong{font-size:12px}.reference-marketing .feature-row p{font-size:10px}.reference-marketing .loop-visual{grid-template-columns:1fr;gap:13px;margin-top:36px}.reference-marketing .loop-card{min-height:190px;padding:23px 22px}.reference-marketing .loop-arrow{transform:rotate(90deg)}.reference-marketing .loop-card h3{margin-top:15px}.reference-marketing .loop-caption{font-size:14px}.reference-marketing .section-heading-row{display:block}.reference-marketing .section-heading-row .text-link{margin-top:20px}.reference-marketing .template-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.reference-marketing .template-card{min-height:250px;padding:20px 17px 17px}.reference-marketing .template-card h3{font-size:15px}.reference-marketing .template-card ul{font-size:11px}.reference-marketing .trust-card{min-height:123px;padding:20px}.reference-marketing .price-card{min-height:0;padding:26px 23px 23px}.reference-marketing .price-list{margin-bottom:23px}.reference-marketing .faq-list summary{min-height:60px;font-size:13px}.reference-marketing .final-cta-inner{grid-template-columns:1fr;min-height:0;padding-top:75px;padding-bottom:40px}.reference-marketing .final-cta-art{min-height:210px;margin-top:12px}.reference-marketing .art-window{transform-origin:50%;top:22px;right:50%;transform:translate(50%)rotate(5deg)scale(.86)}.reference-marketing .art-orbit-one{right:50%;transform:translate(50%)}.reference-marketing .art-orbit-two{right:calc(50% + 1px);transform:translate(50%)}.reference-marketing .footer-grid{grid-template-columns:1fr;gap:37px;padding-top:47px;padding-bottom:36px}.reference-marketing .footer-links{gap:14px}}@media (max-width:420px){.reference-marketing .container{width:min(var(--content), calc(100% - 28px))}.reference-marketing .nav-wrap{min-height:68px}.reference-marketing .brand{font-size:18px}.reference-marketing .hero-grid{padding-top:42px}.reference-marketing .hero h1{font-size:37px}.reference-marketing .hero-lead{font-size:14px}.reference-marketing .hero-actions{flex-direction:column;align-items:stretch}.reference-marketing .hero-actions .button{width:100%}.reference-marketing .browser-bar{height:36px;padding:0 11px}.reference-marketing .browser-dots{margin-right:10px}.reference-marketing .browser-url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reference-marketing .browser-status{display:none}.reference-marketing .preview-heading{flex-direction:column;align-items:flex-start}.reference-marketing .confirmed-pill{align-self:flex-start}.reference-marketing .decision-grid{grid-template-columns:70px 1fr;font-size:8px}.reference-marketing .preview-history time{width:66px}.reference-marketing .template-grid{grid-template-columns:1fr 1fr}.reference-marketing .template-card{min-height:230px}.reference-marketing .template-card>a{font-size:10px}.reference-marketing .footer-links{grid-template-columns:repeat(2,1fr)}.reference-marketing .footer-links div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.reference-marketing{scroll-behavior:auto}.reference-marketing *,.reference-marketing :before,.reference-marketing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.reference-marketing{letter-spacing:normal}.reference-marketing .container,.reference-marketing .hero-grid{max-width:none}.reference-marketing .hero-copy{max-width:none;padding:0}.reference-marketing .eyebrow,.reference-marketing .section-kicker,.reference-marketing .problem-card h3,.reference-marketing .step-card h3,.reference-marketing .template-card h3,.reference-marketing .trust-card h3,.reference-marketing .price-head h3{line-height:1.75}.reference-marketing .section-heading,.reference-marketing .section-heading-row{margin-bottom:0}.reference-marketing .section-heading-row{max-width:none;margin-top:0;margin-left:0;margin-right:0}.reference-marketing .problem-grid,.reference-marketing .pricing-grid{max-width:none;margin-left:0;margin-right:0}.reference-marketing .feature-copy>.section-kicker,.reference-marketing .pricing-note{max-width:none}.reference-marketing .template-card>span.template-icon{font-size:inherit;line-height:inherit;margin:0}.reference-marketing .price-label{display:inline}.reference-marketing .price-list{border-top:0}.reference-marketing .price-list li{color:inherit;font-size:inherit;line-height:inherit;margin:0}.reference-marketing .template-card{position:static}.reference-marketing .faq-section{grid-template-columns:none;align-items:normal;gap:normal;min-height:0;padding-left:0;padding-right:0;display:block}.reference-marketing .faq-layout{min-height:0}.reference-marketing .final-cta{justify-content:normal;align-items:normal;min-height:0;padding:0;display:block}@media (max-width:900px){.reference-marketing .hero-copy{max-width:720px}}@media (max-width:720px){.reference-marketing .step-icon{position:static;top:auto;left:auto}}