/* Markitown / English workspace redesign. Local, system-native, dependency-free. */
:root{--brand-blue:#007dff;--background:#f7f8fa;--foreground:#171b20;--secondary:#4f5963;--codeBackground:#e9edf0;--quoteBackground:#eef1f4;--accent:#235c83;--gutter:clamp(22px,5vw,88px);--page-width:1240px;--hairline:color-mix(in srgb,var(--foreground) 16%,transparent);--surface:color-mix(in srgb,var(--foreground) 3%,var(--background));color-scheme:light dark}
@media(prefers-color-scheme:dark){html[data-theme=system]{--background:#171b20;--foreground:#edf0f2;--secondary:#adb5bb;--codeBackground:#232b33;--quoteBackground:#1e252c;--accent:#a3bfd1}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,select,a{touch-action:manipulation}button,select{cursor:pointer}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--foreground);color:var(--background)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:650;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(62px,7.4vw,112px);letter-spacing:-.065em;line-height:.99}h2{font-size:clamp(42px,4.8vw,72px)}h3{font-size:36px}p{max-width:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin-inline:auto}.skip:not(:focus),.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:100;left:16px;top:16px;padding:14px 22px;background:var(--foreground);color:var(--background)}[hidden]{display:none!important}.kicker{font-weight:600;font-size:13px;letter-spacing:.025em;color:var(--accent);margin-bottom:23px;line-height:1.5}.feature-description,.center-heading>p:last-child{font-size:clamp(18px,1.65vw,22px);line-height:1.6;letter-spacing:-.02em}.feature-note{font-size:14px;color:var(--secondary);line-height:1.65;margin-top:25px;max-width:none}.feature-note a{display:inline-block;margin-top:10px}.site-header{display:flex;align-items:center;gap:35px;min-height:112px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:var(--foreground);font-size:34px;font-weight:700;letter-spacing:-1.6px;line-height:1;flex:none}.brand img{width:48px;height:48px;border-radius:12px;flex:none}.site-header nav{display:flex;gap:26px;align-items:center;margin-left:auto;font-size:14px;font-weight:500}.site-header nav a{color:var(--foreground);text-decoration:none}.site-header nav a:hover{text-decoration:underline}.theme-control{position:relative;display:grid;font-size:12px;margin-left:7px}.theme-control label{position:absolute;bottom:calc(100% + 2px);left:0;white-space:nowrap;color:var(--secondary)}select{border:0;border-bottom:1px solid var(--hairline);border-radius:0;padding:3px 20px 5px 0;color:var(--foreground);background:var(--background);font-size:13px;max-width:144px;min-height:32px}.hero{padding-block:58px 0}.hero-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,8vw,140px);align-items:end}.hero h1 span{color:var(--brand-blue)}.hero-summary{padding-bottom:8px}.hero-summary>p:first-child{font-size:clamp(27px,2.9vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.04em}.hero-summary .hero-detail{font-size:18px;line-height:1.65;color:var(--secondary);margin-top:23px;max-width:none}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border:1px solid var(--foreground);border-radius:999px;padding:11px 22px;font-size:14px;font-weight:600;color:var(--foreground);text-decoration:none}.primary{background:var(--foreground);color:var(--background)}.primary:hover{background:var(--accent);border-color:var(--accent)}.text-link{font-size:14px;font-weight:600}.availability{font-size:12px;line-height:1.7;margin-top:21px}.availability span{color:var(--secondary);display:block}.hero-stage{position:relative;margin:65px auto 0;max-width:1130px;padding-inline:20px}.hero-stage:before{content:"";position:absolute;inset:20% 10% 4%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);pointer-events:none}.product{position:relative;margin:0 auto;min-width:0}.product-link{display:block;text-decoration:none;color:inherit;border-radius:inherit}.product--mac{max-width:100%}.product figcaption{text-align:center;font-size:12px;line-height:1.6;color:var(--secondary);margin-top:22px}.product--iphone{width:clamp(230px,23vw,294px);flex:none}.product--duo{max-width:650px}.product--vision{max-width:1160px}.platform-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,5vw,72px);border-bottom:1px solid var(--hairline);padding:29px 0 35px;font-size:14px;font-weight:550;letter-spacing:-.015em}.feature{padding-block:clamp(41px,4.5vw,72px)}.feature-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(42px,7vw,110px)}.feature-copy{max-width:490px;position:relative;z-index:1}.feature-copy h2{margin-bottom:27px}.feature-copy .feature-description{max-width:none}.product-stage{min-width:0;position:relative;display:flex;justify-content:center;align-items:center}.reverse .feature-copy{order:2}.reverse .product-stage{order:1}.surface{background:var(--surface)}.center-heading{text-align:center;margin-inline:auto;max-width:950px;margin-bottom:64px}.center-heading h2{margin-bottom:27px}.center-heading p{margin-inline:auto;max-width:none}.center-stage .feature-layout{display:flex;flex-direction:column;gap:65px}.center-stage .feature-copy{max-width:850px;text-align:center}.center-stage .feature-copy .feature-description{max-width:none;margin-inline:auto}.center-stage .feature-note{margin-inline:auto;max-width:none}.center-stage .product-stage{width:min(100%,1030px)}.reading-section{padding-top:60px;padding-bottom:60px}.reading-section .product-stage{justify-content:flex-start;padding-left:25px}.reading-section .product--iphone{z-index:1;transform:rotate(-3deg)}.reading-wordmark{position:absolute;left:46%;top:24%;font-size:clamp(74px,9vw,135px);font-weight:700;letter-spacing:-.07em;line-height:.95;color:color-mix(in srgb,var(--accent) 22%,var(--background));z-index:0}.quicklook-section .feature-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px}.quicklook-section h2{font-size:clamp(42px,4.2vw,63px)}kbd{font-family:inherit;font-size:12px;padding:6px 16px;border:1px solid var(--hairline);border-bottom-width:3px;border-radius:6px;display:inline-block;margin-left:12px;color:var(--foreground)}.tables-section .product-stage{justify-content:flex-start;padding-left:13%}.tables-section .feature-copy{max-width:500px}.diagrams-section .product-stage{width:min(100%,1000px)}.diagrams-section .feature-copy>.kicker{max-width:none}.math-section .product-stage{padding-block:15px}.math-section .product-stage:before{content:"";position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:var(--surface);border:1px solid var(--hairline)}.code-section .feature-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px}.code-section .feature-copy h2{font-size:clamp(42px,4.25vw,64px)}.yaml-section .product-stage{width:min(100%,990px)}.search-section .product-stage{justify-content:flex-start;padding-left:13%}.files-section .feature-layout{grid-template-columns:1fr 1fr}.files-section .product-stage{justify-content:center}.devices-section{padding-bottom:50px}.spatial-stage{margin-bottom:110px}.duo-row{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}.duo-row h2{font-size:clamp(38px,3.8vw,58px)}.duo-row .feature-description{font-size:19px}.export-section .product-stage{max-width:930px}.export-section .feature-copy>.kicker{max-width:none}.accessibility-section .feature-layout{grid-template-columns:.9fr 1.1fr;gap:65px}.accessibility-section h2{font-size:clamp(42px,4.2vw,64px)}.typography-section .feature-layout{grid-template-columns:1.2fr .8fr;gap:65px}.typography-section h2{font-size:clamp(42px,4.1vw,62px)}.theme-editorial{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.theme-editorial h2{font-size:clamp(42px,4.15vw,62px)}.theme-editorial .feature-description{font-size:19px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:32px;max-width:490px}.theme-grid button{display:flex;align-items:center;gap:9px;text-align:left;min-height:48px;padding:9px 8px;background:transparent;color:var(--foreground);font-size:12px;border:1px solid transparent;border-radius:9px;line-height:1.3}.theme-grid button:hover{background:var(--codeBackground)}.theme-grid button[aria-pressed=true]{border-color:var(--foreground);background:var(--background)}.swatch{display:block;width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #7778}.swatch-system{background:linear-gradient(90deg,#f7f8fa 50%,#171b20 50%)}.swatch-paper{background:#f5f2e8}.swatch-solar{background:#fcf5db}.swatch-graphite{background:#1c1f21}.swatch-sepia{background:#e8d6b8}.swatch-sage{background:#dbe8d9}.swatch-ink{background:#121a24}.swatch-nord{background:#263040}.swatch-highContrast{background:#000;border:2px solid #f2c71f}.full-section .center-heading{max-width:960px}.purchase-comparison{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--hairline)}.purchase-comparison article{padding:50px 55px 50px 0}.purchase-comparison article+article{padding-inline:55px 30px;border-left:1px solid var(--hairline);background:var(--surface)}.purchase-comparison h3{font-size:clamp(32px,3vw,44px);margin-bottom:20px}.purchase-comparison article>p:not(.kicker){font-size:17px;max-width:none;min-height:3.4em}.purchase-comparison ul{padding:0;list-style:none;font-size:15px;margin:30px 0 0}.purchase-comparison li{position:relative;padding-left:23px;margin-top:12px}.purchase-comparison li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.purchase-note{font-size:13px;color:var(--secondary);margin-top:20px;text-align:center;max-width:none}.closing{text-align:center;padding-block:22.5px 65px}.closing-icon{margin:0 auto 28px;border-radius:23px}.closing h2{font-size:clamp(49px,6vw,88px);margin-bottom:28px}.closing p{margin-inline:auto}.closing>.feature-note{margin-top:4px}.closing .text-link{display:inline-block;margin-top:30px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:38px;border-top:1px solid var(--hairline);padding-block:45px 30px}.footer .brand{font-size:32px}.footer .brand img{width:44px;height:44px}.footer>div>p{font-size:13px;color:var(--secondary);margin-top:15px}.footer nav{display:flex;flex-wrap:wrap;gap:13px 24px;align-content:start;justify-content:flex-end;font-size:13px}.footer nav a{color:var(--foreground);text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer .footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px}.footer .footer-meta p{font-size:11px;margin:0;color:var(--secondary)}.review-indicator:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}
/* The writing demonstration is native HTML, not a disguised screenshot. */
.writing-section{padding-top:52.5px}.writing-demo{border:1px solid var(--hairline);border-radius:20px;overflow:hidden;background:var(--background);box-shadow:0 28px 70px -45px #0006;max-width:1120px;margin:auto}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--hairline);background:var(--surface)}.demo-filename{font-size:13px;font-weight:500;letter-spacing:-.01em}.demo-filename>span{color:var(--accent);font-size:19px;margin-right:9px}.mode-selector{display:flex;gap:3px;padding:4px;background:var(--codeBackground);border-radius:10px;flex:none}.mode-selector button{border:0;padding:8px 15px;min-height:38px;border-radius:7px;background:transparent;color:var(--foreground);font-size:13px;font-weight:550}.mode-selector button[aria-pressed=true]{background:var(--background);box-shadow:0 1px 5px #0002}.mode-selector button:hover{box-shadow:inset 0 0 0 1px var(--hairline)}.writing-canvas{display:grid;grid-template-columns:1fr;min-height:405px}.demo-source,.demo-rendered{min-width:0;padding:28px 48px 42px;animation:mode-enter .32s ease-out}.pane-label{font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--secondary);margin-bottom:26px}.demo-rendered .demo-document{max-width:620px;margin:auto}.demo-document h3{font-size:clamp(29px,3vw,43px);line-height:1.12;margin-bottom:20px}.demo-document>p{font-size:17px;letter-spacing:-.02em}.demo-document h4{font-size:22px;margin-block:29px 17px;letter-spacing:-.03em;line-height:1.25}.demo-tasks{list-style:none;padding:0;font-size:15px;line-height:1.7;margin:0}.demo-tasks li{display:flex;align-items:center;gap:10px;margin:6px 0}.demo-tasks span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-size:11px;background:var(--accent);color:var(--background);flex:none}.demo-tasks .unchecked{border:1px solid var(--secondary);background:none}.demo-document blockquote{border-left:3px solid var(--accent);padding:9px 15px;margin:26px 0 0;background:var(--quoteBackground);font-size:14px}.demo-source pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}.md-punctuation{color:var(--accent);font-weight:700}.writing-demo[data-mode=split] .writing-canvas{grid-template-columns:1fr 1fr}.writing-demo[data-mode=split] .demo-source{border-right:1px solid var(--hairline);padding-inline:30px}.writing-demo[data-mode=split] .demo-rendered{padding-inline:30px}.writing-demo[data-mode=split] .demo-document h3{font-size:31px}.writing-demo[data-mode=split] .demo-source pre{font-size:12px}.demo-bottom{display:flex;justify-content:space-between;gap:24px;padding:13px 22px;border-top:1px solid var(--hairline);font-size:11px;line-height:1.6;color:var(--secondary)}.demo-instruction{font-size:12px;color:var(--secondary);margin:20px auto 0;text-align:center;max-width:70ch}.writing-demo[data-mode=markdown] .demo-source{max-width:800px;width:100%;margin:auto}.writing-demo[data-mode=markdown] .demo-source pre{font-size:15px}.writing-demo[data-mode=markdown] .writing-canvas{min-height:450px}@keyframes mode-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Native dialog enhancement; original PNG links remain usable without scripts. */
dialog{background:var(--background);color:var(--foreground);border:1px solid var(--hairline);border-radius:17px;padding:20px;width:min(96vw,1500px);max-width:1500px;max-height:94vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:13px}.dialog-toolbar p{max-width:none}.dialog-toolbar button{min-height:44px;border:1px solid var(--hairline);border-radius:999px;padding:8px 18px;background:var(--background);color:var(--foreground);flex:none}#dialog-image{max-height:73vh;width:auto;margin:auto;object-fit:contain}.dialog-hint{font-size:11px;color:var(--secondary);text-align:center;margin:15px auto 0}
@media(min-width:1600px){.hero-stage{max-width:1170px}.hero-intro{gap:150px}.feature{padding-block:72.5px}}
@media(max-width:1100px){.site-header{gap:24px;flex-wrap:wrap;padding-block:24px}.site-header nav{gap:21px}.theme-control{margin-left:0}.hero-intro{gap:55px}.hero-summary>p:first-child{font-size:31px}.hero-summary .hero-detail{font-size:17px}.hero-actions{gap:15px}.hero-stage{padding:0}.feature-layout{gap:50px}.quicklook-section .feature-layout{gap:40px}.code-section .feature-layout,.typography-section .feature-layout,.accessibility-section .feature-layout{gap:45px}.theme-editorial{gap:40px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-grid button{font-size:11px;padding-inline:4px}.duo-row{gap:45px}}
@media(max-width:880px){.site-header nav{order:3;width:100%;margin:0;justify-content:space-between;padding-top:12px}.theme-control{margin-left:auto}.site-header{gap:15px;padding-block:22px;min-height:0}.hero{padding-top:48px}.hero-intro{grid-template-columns:1.05fr 1fr;gap:35px}h1{font-size:clamp(57px,8vw,76px)}.hero-summary>p:first-child{font-size:27px}.hero-summary .hero-detail{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stage{margin-top:50px}.feature-layout,.quicklook-section .feature-layout,.code-section .feature-layout,.files-section .feature-layout,.accessibility-section .feature-layout,.typography-section .feature-layout{gap:40px;grid-template-columns:1fr 1fr}.feature-copy h2,.quicklook-section h2,.code-section h2,.accessibility-section h2,.typography-section h2{font-size:42px}.feature-description{font-size:18px}.feature-note{font-size:13px}.product--iphone{width:240px}.reading-wordmark{font-size:82px;left:36%}.reading-section .product-stage{padding:0}.tables-section .product-stage,.search-section .product-stage{padding:0;justify-content:center}.theme-editorial{grid-template-columns:1fr;gap:50px}.theme-editorial>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;align-items:center}.theme-editorial .feature-copy{grid-row:span 2}.theme-grid{margin-top:0}.theme-editorial .feature-note{grid-column:2;margin:0}.theme-product{max-width:650px;width:100%;margin:auto}.theme-editorial h2{font-size:45px}.duo-row{grid-template-columns:1fr;gap:40px}.duo-row .feature-copy{max-width:650px}.duo-row .product{width:100%;max-width:700px}.spatial-stage{margin-bottom:75px}.demo-toolbar{padding:15px}.demo-filename{font-size:12px}.mode-selector button{padding:8px 12px}.demo-source,.demo-rendered{padding:26px}.writing-demo[data-mode=split] .demo-source,.writing-demo[data-mode=split] .demo-rendered{padding-inline:22px}.writing-demo[data-mode=split] .demo-document h3{font-size:27px}.purchase-comparison article{padding-right:30px}.purchase-comparison article+article{padding-left:30px}.purchase-comparison article>p:not(.kicker){font-size:16px}.purchase-comparison ul{font-size:14px}}
@media(max-width:640px){:root{--gutter:24px}body{font-size:16px}.brand{font-size:32px;gap:11px}.brand img{width:46px;height:46px}.theme-control{font-size:10px}.theme-control select{font-size:11px;max-width:108px}.site-header{padding-block:20px 10px}.site-header nav{font-size:12px;gap:12px;padding-top:17px}.hero{padding-top:44px}.hero-intro{grid-template-columns:1fr;gap:29px}h1{font-size:clamp(61px,13.4vw,83px)}.hero .kicker{margin-bottom:20px}.hero-summary>p:first-child{font-size:29px}.hero-summary .hero-detail{font-size:17px;max-width:none;margin-top:17px}.hero-actions{flex-direction:row;align-items:center;gap:15px 20px;margin-top:24px}.hero-actions .text-link{font-size:12px}.button{font-size:13px;min-height:47px;padding-inline:18px}.availability{font-size:11px;margin-top:17px}.availability span{display:inline}.hero-stage{width:calc(100% + 12px);margin-left:-6px;margin-top:43px}.hero-stage figcaption{font-size:10px;margin-top:15px}.platform-line{gap:13px 22px;font-size:11px;padding-block:25px 26px}.feature{padding-block:39px}.feature-layout,.quicklook-section .feature-layout,.code-section .feature-layout,.files-section .feature-layout,.accessibility-section .feature-layout,.typography-section .feature-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.feature-copy,.reverse .feature-copy{order:0;max-width:100%}.feature-copy h2,.quicklook-section h2,.code-section h2,.accessibility-section h2,.typography-section h2,.theme-editorial h2{font-size:clamp(40px,9.9vw,55px);margin-bottom:22px}.feature-description,.center-heading>p:last-child{font-size:18px;line-height:1.6}.feature-note{margin-top:20px;font-size:13px}.kicker{font-size:12px;margin-bottom:18px}.product-stage,.reverse .product-stage{order:1;width:100%;padding:0!important}.product--iphone{width:min(69vw,280px)}.reading-section .product-stage{justify-content:flex-start;padding-left:16px!important;min-height:550px}.reading-section .product--iphone{transform:rotate(-3deg)}.reading-wordmark{left:49%;top:27%;font-size:clamp(74px,16vw,104px)}.reading-section{overflow:hidden}.center-heading{margin-bottom:38px}.center-heading h2{font-size:clamp(40px,9.5vw,56px);margin-bottom:22px}.center-stage .feature-layout{gap:40px}.center-stage .feature-copy{text-align:left}.center-stage .feature-description,.center-stage .feature-note{margin-inline:0}.quicklook-section .product-stage,.yaml-section .product-stage{margin-top:8px}.math-section .product-stage:before{max-width:380px;width:100%}.math-section .product-stage{padding-top:10px!important}.theme-editorial>div:first-child{display:block}.theme-grid{margin-block:28px 20px;grid-template-columns:repeat(3,1fr);gap:7px}.theme-grid button{font-size:12px;min-height:49px;padding:7px;gap:8px}.theme-editorial .feature-note{font-size:12px;max-width:none}.theme-editorial{gap:40px}.duo-row{gap:30px}.duo-row .feature-description{font-size:18px}.duo-row h2{font-size:40px}.spatial-stage{margin-bottom:60px}.product figcaption{font-size:11px}.writing-section{padding-top:35px}.writing-demo{border-radius:14px}.demo-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.demo-filename{text-align:center}.mode-selector{justify-content:center}.mode-selector button{flex:1;font-size:12px;min-height:41px;padding-inline:8px}.demo-source,.demo-rendered{padding:24px 21px 30px}.pane-label{margin-bottom:22px}.demo-document h3{font-size:31px}.demo-document>p{font-size:15px}.demo-document h4{font-size:20px}.demo-tasks{font-size:13px}.demo-document blockquote{font-size:12px}.demo-source pre,.writing-demo[data-mode=markdown] .demo-source pre{font-size:12px;line-height:1.85}.writing-canvas{min-height:390px}.writing-demo[data-mode=split] .writing-canvas{grid-template-columns:1fr}.writing-demo[data-mode=split] .demo-source{border-right:0;border-bottom:1px solid var(--hairline)}.writing-demo[data-mode=split] .demo-source,.writing-demo[data-mode=split] .demo-rendered{padding:23px 21px 28px}.writing-demo[data-mode=split] .demo-document h3{font-size:31px}.demo-bottom{flex-direction:column;gap:5px;padding:12px 16px;font-size:10px}.demo-instruction{font-size:11px;line-height:1.7;margin-top:16px;text-align:left}.purchase-comparison{grid-template-columns:1fr}.purchase-comparison article{padding:35px 0}.purchase-comparison article+article{padding:35px 22px;border-left:0;border-top:1px solid var(--hairline)}.purchase-comparison article>p:not(.kicker){min-height:0}.purchase-comparison h3{font-size:36px}.purchase-comparison ul{font-size:14px;margin-top:24px}.purchase-note{text-align:left;font-size:12px}.closing{padding-block:7.5px 40px}.closing h2{font-size:clamp(43px,10vw,62px)}.closing-icon{width:82px;height:82px;border-radius:20px}.footer{grid-template-columns:1fr;gap:30px;padding-block:35px 25px}.footer nav{justify-content:flex-start;font-size:12px;gap:15px 22px}.footer .footer-meta{flex-direction:column;gap:9px}.footer .footer-meta p{font-size:10px}dialog{padding:15px;border-radius:12px}.dialog-toolbar{font-size:11px;gap:15px}.dialog-toolbar button{padding:7px 12px;font-size:12px}.dialog-hint{font-size:10px}#dialog-image{max-height:70vh}}
@media(max-width:360px){:root{--gutter:18px}.brand{font-size:29px}.brand img{width:44px;height:44px}.site-header nav{font-size:11px}.hero-actions{flex-direction:column;align-items:flex-start}.theme-grid button{font-size:10px}.swatch{width:21px;height:21px}.reading-section .product-stage{min-height:500px}.reading-wordmark{left:45%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.mode-selector button[aria-pressed=true],.theme-grid button[aria-pressed=true]{outline:2px solid Highlight}.swatch{border:1px solid CanvasText}.demo-tasks span{border:1px solid CanvasText}}
@media print{.site-header nav,.theme-control,.mode-selector,.demo-instruction,.footer nav,.hero-actions,dialog{display:none!important}body{background:white;color:black}.feature{break-inside:avoid;padding-block:25px}.hero{padding-top:20px}.product{max-width:500px}.feature-layout{gap:25px}a{color:inherit}}

/* Portrait iPad capture: preserve its native aspect rather than filling a landscape stage. */
.product--ipad.product--portrait{width:min(100%,410px)}
@media(max-width:640px){.product--ipad.product--portrait{width:min(100%,330px)}}

/* ASC-first AI workflow additions; preserve existing feature/demo contracts. */
.agent-documents{margin-top:54px}.agent-documents dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 56px}.agent-documents dl>div{padding:22px 0;border-top:1px solid var(--hairline)}.agent-documents dt{font-size:17px;font-weight:650;letter-spacing:-.02em}.agent-documents dt code{font:600 15px ui-monospace,SFMono-Regular,Menlo,monospace}.agent-documents dd{font-size:16px;line-height:1.65;color:var(--secondary);margin:10px 0 0;max-width:45ch}.cli-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.cli-terminal{background:#171b20;color:#edf0f2;border:1px solid #343d46;border-radius:17px;overflow:hidden;box-shadow:0 28px 64px -40px #0008;min-width:0}.cli-terminal-header{padding:15px 21px;border-bottom:1px solid #343d46;color:#bbc6cf;font-size:12px}.cli-terminal pre{margin:0;padding:26px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/2 ui-monospace,SFMono-Regular,Menlo,monospace}.cli-comment{color:#b1c1cf}.cli-terminal code{font:inherit}.cli-label{font-size:12px;color:var(--secondary);margin-top:18px}.cli-notes{font-size:14px;color:var(--secondary);margin-top:22px}.cli-notes code{font-size:13px}.hero-intro .kicker{max-width:45ch}
@media(max-width:880px){.cli-layout{grid-template-columns:1fr;gap:35px}.cli-layout .feature-copy{max-width:700px}}
@media(max-width:640px){.agent-documents{margin-top:35px}.agent-documents dl{grid-template-columns:1fr;gap:0}.agent-documents dd{font-size:15px}.cli-terminal pre{font-size:12px;padding:20px}.cli-layout{gap:30px}.agent-documents dt{font-size:16px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;column-gap:22px;row-gap:10px}}

/* Final review: native-device captions and ASC accessibility declarations. */
.product figcaption{font-size:12px;line-height:1.65;margin:20px auto 0;max-width:none;text-wrap:pretty}.product .caption-device{font-weight:650;color:var(--foreground)}.hero-stage figcaption{font-size:12px}.cli-download{margin-top:27px}.button:disabled{cursor:not-allowed;opacity:1}.accessibility-details{margin-top:60px}.accessibility-features{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.accessibility-features>div{padding:24px 0;border-top:1px solid var(--hairline)}.accessibility-features dt{font-weight:650;font-size:20px;line-height:1.25;letter-spacing:-.025em}.accessibility-features dd{margin:12px 0 0;color:var(--secondary);font-size:16px;line-height:1.65;max-width:47ch}.accessibility-scope{max-width:none;margin-top:26px;font-size:12px;line-height:1.7;color:var(--secondary)}
@media(max-width:640px){.accessibility-details{margin-top:36px}.accessibility-features{grid-template-columns:1fr}.accessibility-features>div{padding:21px 0}.accessibility-features dt{font-size:18px}.accessibility-features dd{font-size:15px}.product figcaption,.hero-stage figcaption{font-size:11px;max-width:none}.cli-download{margin-top:22px}}

/* Supplied Apple hardware is baked into documented PNG compositions, never redrawn in CSS. */
.device{display:block;position:relative;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:none;isolation:auto}.device-screen{display:block;overflow:visible;line-height:0;background:none;border-radius:0}.device-screen img{width:100%;height:auto;object-fit:contain;filter:none}.device::before,.device::after{content:none;display:none}.reading-section .product--iphone{transform:none}

/* Continuity/storage notes and spatial editing; section padding remains at half its previous values. */
.file-continuity-details{margin-top:36px}.file-continuity-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0}.file-continuity-features>div{border-top:1px solid var(--hairline);padding-top:20px}.file-continuity-features dt{font-size:20px;font-weight:650;line-height:1.25;letter-spacing:-.025em}.file-continuity-features dd{margin:12px 0 0;font-size:16px;line-height:1.65;color:var(--secondary)}.file-continuity-scope{font-size:12px;line-height:1.7;color:var(--secondary);margin-top:24px}.devices-section .center-heading .spatial-note{font-size:13px;line-height:1.7;color:var(--secondary);max-width:none;margin-top:18px}.devices-section .center-heading>p:not(.kicker):not(.spatial-note){font-size:clamp(18px,1.65vw,22px);line-height:1.6;letter-spacing:-.02em}
@media(max-width:640px){.file-continuity-features{grid-template-columns:1fr;gap:25px}.file-continuity-features dt{font-size:18px}.file-continuity-features dd{font-size:15px}.devices-section .center-heading>p:not(.kicker):not(.spatial-note){font-size:18px}}

/* One payment. Permanent ownership. No recurring plans. */
.hero-purchase{font-size:13px;line-height:1.7;margin-top:21px}.hero-purchase a{font-weight:650}.hero-purchase strong{font-weight:550;color:var(--secondary)}.full-section .lifetime-promise{font-size:clamp(23px,2.5vw,34px);line-height:1.25;font-weight:650;letter-spacing:-.035em;color:var(--accent);margin-bottom:20px}.purchase-price{margin:24px 0}.purchase-price p{max-width:none}.purchase-price .price-country{font-size:12px;color:var(--secondary)}.purchase-price .price-amount{font-size:clamp(42px,4.5vw,64px);font-weight:650;letter-spacing:-.05em;line-height:1.15;margin-top:7px;overflow-wrap:anywhere}.purchase-price .price-once{font-size:14px;margin-top:8px}.purchase-price label{display:block;font-size:12px;margin-top:22px;color:var(--secondary)}.purchase-price select{display:block;width:100%;max-width:100%;font-size:14px;min-height:44px;padding-right:22px;margin-top:5px}.purchase-price #price-source{font-size:11px;line-height:1.6;color:var(--secondary);margin-top:12px;max-width:none}

/* Free first; Full is an optional non-recurring in-app unlock. */
.full-card .full-lifetime{margin-block:24px 18px;color:var(--accent);min-height:0!important;line-height:1.6}.purchase-comparison .purchase-price{margin-block:24px}.free-card #free-price{color:var(--foreground)}
.native-engine{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,4vw,60px);margin-top:44px;padding-top:32px;border-top:1px solid var(--hairline)}.native-copy{min-width:0}.native-engine h3{font-size:clamp(32px,3.8vw,52px);margin-bottom:22px}.native-copy>p{max-width:none}.native-collage{min-width:0;margin:0}.native-collage a{display:block}.native-collage img{width:100%;height:auto}.native-collage figcaption{text-align:center;font-size:11px;color:var(--secondary);line-height:1.6;margin-top:14px}@media(max-width:880px){.native-engine{grid-template-columns:1fr;gap:28px}.native-collage{width:min(100%,620px);margin-inline:auto}}

/* App Store gallery remains separate from feature illustrations. */
.app-store-gallery .center-heading{margin-bottom:30px}.gallery-device-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:24px}.gallery-device-picker button,.app-store-gallery-controls button{font:inherit;color:var(--foreground);border:1px solid var(--hairline);border-radius:999px;background:var(--background);padding:10px 18px;min-height:44px}.gallery-device-picker button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.app-store-gallery-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.app-store-panel{min-width:0}.app-store-panel h3{font-size:24px;margin:24px 0 20px}.app-store-track{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:4px 2px 20px;max-width:100%;scrollbar-width:auto}.app-store-track figure{flex:0 0 min(82vw,660px);min-width:0;scroll-snap-align:start}.app-store-panel[data-gallery-panel=iphone] figure{flex-basis:min(65vw,290px)}.app-store-panel[data-gallery-panel=duo] figure{flex-basis:min(72vw,360px)}.app-store-track a{display:block}.app-store-track img{width:100%;height:auto;border-radius:12px}.app-store-track figcaption{font-size:12px;color:var(--secondary);text-align:center;margin-top:12px}.language-links{display:flex;flex-wrap:wrap;gap:10px 18px;grid-column:1/-1;font-size:12px;line-height:1.7}.language-links a[aria-current=page]{font-weight:700;text-decoration:none}.language-links>span{font-weight:600}
@media(max-width:640px){.gallery-device-picker{justify-content:flex-start}.gallery-device-picker button{padding-inline:13px;font-size:13px}.app-store-gallery-controls{justify-content:flex-start}.app-store-gallery-controls button{font-size:13px}}
/* Auxiliary pages use the same shell, native type, palette and spacing as the landing. */
.auxiliary-heading{padding-block:clamp(46px,6vw,85px) 46px}.auxiliary-heading h1{font-size:clamp(48px,6.2vw,88px);max-width:20ch;overflow-wrap:break-word}.auxiliary-layout{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,2.25fr);gap:clamp(36px,6vw,90px);padding-bottom:90px;align-items:start}.auxiliary-nav{position:sticky;top:30px;display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.5;border-top:1px solid var(--hairline);padding-top:24px}.auxiliary-nav a{color:var(--secondary);text-decoration:none}.auxiliary-nav a:hover{text-decoration:underline;color:var(--foreground)}.auxiliary-prose{min-width:0;max-width:780px}.auxiliary-prose section{padding-block:28px 36px;border-top:1px solid var(--hairline);scroll-margin-top:28px}.auxiliary-prose h2,.support-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.12;margin-bottom:24px}.auxiliary-prose p{max-width:none;font-size:18px;line-height:1.75}.auxiliary-prose p+p{margin-top:20px}.auxiliary-prose address{font-style:normal;color:var(--secondary);font-size:16px;line-height:1.8;margin-top:24px;overflow-wrap:anywhere}.auxiliary-accessibility-features{grid-template-columns:1fr;margin-block:30px}.auxiliary-accessibility-features>div{padding:18px 0}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px);padding-bottom:90px;align-items:start}.support-intro>p{font-size:18px}.support-preview{border-block:1px solid var(--hairline);padding-block:22px;margin-block:28px;color:var(--secondary);font-size:15px}.support-preview p+p{margin-top:12px}.support-fields{min-width:0;border-top:1px solid var(--hairline);padding-top:24px;display:grid;gap:24px}.support-field{display:grid;gap:10px}.support-field label{font-size:14px;font-weight:600}.support-field label span{font-weight:400;color:var(--secondary)}.support-field input,.support-field textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--foreground);background:var(--surface);border:1px solid var(--hairline);border-radius:10px;padding:13px 16px;min-height:48px}.support-field textarea{resize:vertical;line-height:1.6}.support-fields input:focus-visible,.support-fields textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.support-fields>p{font-size:14px;color:var(--secondary);line-height:1.65}.support-fields .button{justify-self:start;white-space:normal;text-align:start;max-width:100%;font:inherit;font-size:14px;background:var(--background)}.support-fields [role=status]:empty{display:none}.auxiliary-page .footer nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:880px){.auxiliary-layout{grid-template-columns:minmax(140px,.7fr) minmax(0,2fr);gap:35px}.support-layout{gap:35px}}
@media(max-width:640px){.auxiliary-heading{padding-block:42px 32px}.auxiliary-layout,.support-layout{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.auxiliary-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 22px;padding-top:18px}.auxiliary-prose section{padding-block:25px 30px}.auxiliary-prose p{font-size:17px}.support-intro>p{font-size:17px}}
/* Heading subtitles share their title column and inherit its alignment at every breakpoint. */
.hero-intro .kicker,.feature-copy>.kicker,.center-heading>.kicker,.closing>.kicker{width:100%;max-width:none;margin-inline:0;text-align:inherit}
