:root{--paper:#f5f5f5;--ink:#363636;--muted:#6f6f6f;--green:#535353;--line:#dddddd;--soft:#eaeaea;--accent:#aeaeae;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6e6e6e;outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{max-width:1232px;margin:auto;padding-left:40px;padding-right:40px}.header{height:112px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand-dot{width:6px;height:6px;background:#b3b3b3;border-radius:50%;align-self:flex-start;margin-top:10px;margin-left:-4px}.header nav{display:flex;gap:30px;font-size:13px;margin-left:auto}.header nav a:hover{color:#5e5e5e}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px;display:flex;gap:27px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;padding-top:56px;padding-bottom:90px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#787878;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.1vw,70px);font-weight:500;letter-spacing:-3.6px;line-height:1.07;margin:25px 0 24px}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#787878}em{font-style:italic}.hero-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:425px}.button{display:inline-flex;gap:35px;align-items:center;padding:18px 23px;border-radius:5px;font-size:13px;font-weight:600}.dark{background:var(--ink);color:#ffffff}.dark:hover{background:#545454}.hero .button{margin-top:31px}.local-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:20px}.local-note svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.hero-art{position:relative;height:474px;border-radius:160px 160px 9px 9px;background:#e9e9e9;overflow:hidden;background-image:radial-gradient(#cccccc 1px,transparent 1px);background-size:18px 18px;border:1px solid #e3e3e3}.art-top{position:absolute;top:44px;left:40px;right:40px;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px}.art-top>span:last-child{margin-left:auto;opacity:.6}.file{position:absolute;background:#fbfbfb;border:1px solid #dadada;border-radius:3px;padding:19px;width:172px;height:197px;box-shadow:0 12px 28px #4a4a4a11}.file-a{left:44px;top:104px;transform:rotate(-10deg)}.file-b{right:36px;top:98px;transform:rotate(9deg);background:#e6e6e6}.file-type{font-size:8px;letter-spacing:1px;border:1px solid #cdcdcd;padding:4px 6px;display:inline-block}.file strong{font-size:14px;font-weight:500;line-height:1.5;display:block;margin:15px 0}.file i{display:block;height:3px;background:#d9d9d9;margin:8px 0;width:90%}.file i:last-of-type{width:65%}.orb{position:absolute;top:177px;left:50%;transform:translateX(-50%);border-radius:50%;width:122px;height:122px;background:#f6f6f6;box-shadow:0 5px 25px #41414129;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #f2f2f2}.orb img{width:60px;height:60px}.orb span{font-size:11px;font-weight:600;margin-top:3px}.art-answer{position:absolute;bottom:58px;left:26px;right:26px;background:#fdfdfd;border:1px solid #dadada;box-shadow:0 12px 20px #4141410a;padding:22px;display:flex;gap:15px;border-radius:8px}.answer-mark{width:30px;height:30px;flex-shrink:0}.use-icon img{display:block}.art-answer small{font-size:8px;letter-spacing:1px;color:#7c7c7c}.art-answer p{font-size:21px;line-height:1.3;margin-top:8px;letter-spacing:-.6px}.art-answer .arrow{margin-left:auto}.art-bottom{position:absolute;bottom:22px;left:29px;right:29px;display:flex;gap:7px;font-size:8px;letter-spacing:1px}.art-bottom span:last-child{margin-left:auto;opacity:.6}.privacy-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeeeee}.privacy-ribbon .wrap{display:flex;align-items:center;gap:20px;padding-top:23px;padding-bottom:23px}.ribbon-icon{font-size:27px;color:#8a8a8a}.privacy-ribbon p{font-size:13px;line-height:1.7}.privacy-ribbon strong{font-weight:600}.privacy-ribbon a{margin-left:auto;font-size:11px;white-space:nowrap}.privacy-ribbon a span{margin-left:13px}.section{padding-top:102px;padding-bottom:102px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:48px}h2{font-size:43px;line-height:1.13;font-weight:500;letter-spacing:-1.8px;margin-top:17px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:29px 30px 0 0}.steps article+article{border-left:1px solid var(--line);padding-left:30px}.number{font-family:Georgia,serif;color:#8f8f8f;font-size:22px}.steps h3{font-weight:500;font-size:21px;letter-spacing:-.5px;margin:25px 0 13px}.steps p{font-size:13px;color:var(--muted);line-height:1.85;max-width:300px}.formats{display:flex;gap:7px;margin-top:26px}.formats span{font-size:9px;padding:8px 10px;border:1px solid #d6d6d6;border-radius:3px}.mini-question,.mini-source{font-size:11px;margin-top:26px;background:#ededed;padding:11px 12px;display:flex;gap:8px;justify-content:space-between;border-radius:3px}.demo-section{background:#eaeaea;padding:79px 0 75px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.sample-tag{font-size:8px;letter-spacing:1px;border:1px solid #bfbfbf;border-radius:20px;padding:9px 13px;color:#6c6c6c}.app-window{display:flex;border:1px solid #cbcbcb;border-radius:10px;overflow:hidden;box-shadow:0 25px 55px #40404012;background:#fbfbfb;min-height:480px}.app-sidebar{background:#353535;color:#ebebeb;width:225px;padding:26px 20px;display:flex;flex-direction:column;flex-shrink:0}.app-sidebar .brand{font-size:17px;letter-spacing:-.6px}.app-sidebar .brand img{background:#ececec;border-radius:4px;padding:2px}.app-new{border:1px solid #606060;padding:12px 10px;border-radius:5px;font-size:11px;margin:30px 0 26px;color:#dddddd}.sidebar-label{font-size:8px;letter-spacing:1px;color:#adadad;margin-bottom:12px}.sidebar-selected{background:#4b4b4b;padding:12px 8px;border-radius:5px;font-size:11px;margin-bottom:25px}.sidebar-selected span{float:right;color:#cdcdcd}.demo-files{font-size:10px;color:#cccccc;line-height:2.7;overflow-wrap:anywhere}.sidebar-private{margin-top:auto;font-size:8px;color:#cecece;padding-top:35px}.sidebar-private .dot{margin-right:5px;background:#b2b2b2}.app-chat{flex:1;min-width:0}.app-top{display:flex;justify-content:space-between;padding:19px 27px;border-bottom:1px solid #e5e5e5;font-size:10px;color:#7d7d7d}.app-top b{font-weight:400;margin:0 10px;color:#c2c2c2}.app-top strong{font-weight:500;color:#5b5b5b}.local-badge{font-size:8px;letter-spacing:1px}.demo-tabs{display:flex;gap:4px;margin:22px 27px 0;border:1px solid #dfdfdf;border-radius:6px;width:fit-content;padding:3px}.demo-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:3px;font-size:11px;color:#737373}.demo-tabs button.active{background:#e5e5e5;color:#444444}.chat-content{padding:23px 36px 22px;min-height:250px}.user-message{background:#ebebeb;width:fit-content;margin:0 0 26px auto;padding:12px 17px;font-size:13px;border-radius:9px 9px 2px 9px;max-width:90%;line-height:1.5}.assistant-name{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;margin-bottom:10px}.demo-answer{font-size:14px;line-height:1.9;max-width:580px}.demo-source{margin:17px 0 0;font-size:11px;color:#777777;border-top:1px solid #e7e7e7;padding-top:12px}.demo-source summary{cursor:pointer}.demo-source p{font-size:12px;line-height:1.8;padding-top:10px;color:#5d5d5d}.demo-composer{margin:0 27px;background:#ffffff;border:1px solid #e2e2e2;border-radius:7px;padding:13px;display:flex;align-items:center;justify-content:space-between;color:#979797;font-size:11px}.demo-composer span:last-child{background:#747474;color:white;border-radius:4px;padding:4px 8px;font-size:16px}.demo-caption{font-size:9px;color:#838383;line-height:1.6;text-align:center;padding:13px 25px 18px}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.use-grid article{border-radius:8px;padding:35px 38px 30px;position:relative}.use-personal{background:#eaeaea}.use-business{background:#e8e8e8}.use-icon{position:absolute;right:35px;top:29px;font-size:38px;color:#909090}.use-personal .use-icon{color:#9c9c9c}.use-grid h3{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.9px;margin:22px 0 18px}.use-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px}.use-grid ul{list-style:none;padding:0;margin:24px 0 31px;font-size:12px;line-height:2.4}.use-grid li:before{content:'↳';margin-right:11px;color:#848484}.use-grid button{background:none;padding:17px 0 0;width:100%;border:0;border-top:1px solid #d0d0d0;text-align:left;font-size:12px;font-weight:600;color:var(--ink)}.use-grid button span{float:right}.privacy-section{background:#353535;color:#efefef;max-width:1152px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:62px 53px;gap:58px}.privacy-copy>.eyebrow{color:#c2c2c2}.privacy-copy h2{font-size:40px;margin:22px 0}.privacy-copy h2 em{color:#c8c8c8}.privacy-copy p{font-size:14px;line-height:1.9;color:#d9d9d9}.privacy-copy .privacy-small{font-size:11px;color:#b2b2b2;margin-top:20px}.computer-diagram{align-self:center;padding-top:15px}.diagram-top{font-size:8px;letter-spacing:1.2px;text-align:center;color:#bababa;margin-bottom:24px}.screen{border:1px solid #7c7c7c;border-radius:10px;background:#404040;padding:14px}.screen-dots{font-size:7px;letter-spacing:3px;color:#8b8b8b}.screen-flow{display:flex;align-items:center;justify-content:center;gap:32px;padding:34px 10px 24px}.screen-flow>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.screen-flow img{background:#e8e8e8;border-radius:7px;padding:7px}.diagram-document{font-size:40px;color:#e2e2e2;height:54px}.screen-flow p{font-size:10px;margin-top:13px}.flow-arrow{font-size:30px;color:#acacac}.screen-status{font-size:9px;border-top:1px solid #606060;padding:14px 0 2px;text-align:center;color:#c7c7c7}.screen-status .dot{margin-right:5px;background:#c5c5c5}.computer-foot{height:25px;width:85px;border-bottom:3px solid #7c7c7c;margin:auto;position:relative}.computer-foot:before{content:'';height:22px;width:2px;background:#7c7c7c;position:absolute;left:50%}.no-cloud{font-size:10px;color:#cdcdcd;margin-top:26px;text-align:center;line-height:1.8}.no-cloud span{margin-right:5px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;line-height:1.5;padding:23px 30px 23px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;font-size:20px;font-weight:400;top:20px;color:#939393}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:var(--muted);line-height:1.8;padding:0 25px 22px 0}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{font-size:32px;margin-top:12px}footer{display:flex;gap:20px;align-items:center;padding-top:35px!important;padding-bottom:35px!important}footer .brand{font-size:18px}footer p{font-size:11px;color:var(--muted);margin-left:20px}footer>span{margin-left:auto;font-size:10px;color:var(--muted)}.skip{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.mobile-only{display:none}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:110px}}@media(max-width:1000px){.header{gap:25px}.header nav{gap:18px}.hero{gap:28px}h1{font-size:52px;letter-spacing:-2.5px}.hero-art{height:430px}.file-a{left:20px}.file-b{right:14px}.file{width:148px}.art-top{left:30px;right:30px}.art-top>span:last-child{display:none}.art-bottom{font-size:7px}.art-answer{left:16px;right:16px;padding:18px}.privacy-section{margin:0 30px;padding:45px 35px;gap:30px}.privacy-copy h2{font-size:34px}.app-sidebar{width:195px}.hero-description{font-size:14px}.app-top{padding:19px}.section-heading>p{max-width:290px}h2{font-size:37px}.steps article{padding-right:20px}.steps article+article{padding-left:20px}}
@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.header{height:85px;gap:14px}.header .brand{font-size:21px}.header nav{display:none}.nav-cta{margin-left:auto;font-size:11px;gap:10px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:50px;gap:40px}.hero-copy{max-width:550px}.hero h1{font-size:clamp(46px,9vw,65px);letter-spacing:-2.6px}.hero-description{font-size:15px;max-width:440px}.hero-art{height:425px;max-width:490px;width:100%;margin:auto}.file-a{left:38px}.file-b{right:35px}.file{width:170px}.art-top{left:35px}.art-answer p{font-size:20px}.art-bottom{font-size:8px}.privacy-ribbon .wrap{padding-top:20px;padding-bottom:20px;gap:11px}.privacy-ribbon p{font-size:11px}.privacy-ribbon a{display:none}.mobile-only{display:block}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:450px;margin-top:22px}.steps{grid-template-columns:1fr}.steps article{padding:23px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}.steps p{max-width:100%}.steps h3{margin:12px 0;font-size:23px}.steps article .formats,.mini-question,.mini-source{max-width:310px;margin-top:18px}.demo-section{padding:54px 0}.demo-heading{display:block}.sample-tag{display:inline-block;margin-top:22px}.app-sidebar{display:none}.app-top{font-size:9px;padding:15px}.app-top b{margin:0 5px}.app-chat{width:100%}.demo-tabs{margin:20px 15px 0}.chat-content{padding:22px 19px;min-height:295px}.demo-composer{margin:0 15px}.demo-answer{font-size:13px}.user-message{font-size:12px;max-width:100%}.use-grid{grid-template-columns:1fr;gap:18px}.use-grid article{padding:30px}.use-grid h3{font-size:33px}.privacy-section{margin:0 16px;grid-template-columns:1fr;padding:39px 27px;gap:25px}.privacy-copy h2{font-size:35px}.privacy-copy p{font-size:13px}.computer-diagram{max-width:380px;width:100%;margin:auto}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:35px}.closing{display:block}.closing .button{margin-top:25px}.closing h2{font-size:29px}footer{flex-wrap:wrap;gap:12px}footer p{margin-left:auto;font-size:10px}footer>span{width:100%;margin:7px 0 0 39px;font-size:9px}.hero .eyebrow{font-size:8px}h2{font-size:36px}.art-top{font-size:7px}.local-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} 

h1 .machine-line{display:block;font-size:.46em;letter-spacing:-.7px;line-height:1.35;margin-top:12px;color:var(--green)}

/* Black-and-white brand palette. Neutral gray is reserved for hierarchy and borders. */
:root{--paper:#fff;--ink:#111;--muted:#555;--green:#111;--line:#ddd;--soft:#f6f6f6;--accent:#111}
.hero-art{background-color:#fafafa;background-image:radial-gradient(#ddd 1px,transparent 1px);border-color:#ddd}.file,.file-b,.orb,.art-answer{background:#fff;border-color:#ddd}.orb{border-color:#f6f6f6}
.hero h1 em{color:#111}.privacy-ribbon,.demo-section{background:#f5f5f5}.privacy-ribbon .ribbon-icon{color:#111}
.dark,.app-sidebar,.privacy-section{background:#111;color:#fff}.dark:hover{background:#333}.use-personal,.use-business{background:#fff;border:1px solid #ddd}.use-icon,.use-personal .use-icon{color:#111}
.privacy-copy h2 em{color:#fff}.privacy-copy>.eyebrow,.privacy-copy p{color:#eee}.privacy-copy .privacy-small{color:#ccc}.screen{background:#1e1e1e;border-color:#777}.screen-status{color:#eee}.screen-status .dot{background:#fff}
.demo-tabs button.active{background:#111;color:#fff}.demo-composer span:last-child{background:#111}.app-sidebar .brand img{background:#fff}.sidebar-selected{background:#303030}.screen-flow img{background:#fff}
.button,.nav-cta,.use-grid button{color:inherit}.button.dark{color:#fff}.header nav a:hover{color:#000;text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#777}

/* Requested vertical blue background; keep cards neutral and text high contrast. */
body{background:repeating-linear-gradient(to bottom,#0078b0 0vh,#007fba 12.5vh,#0090d0 25vh,#00a1e6 37.5vh,#00a8f0 50vh,#00a1e6 62.5vh,#0090d0 75vh,#007fba 87.5vh,#0078b0 100vh);min-height:100vh;--muted:#102b39;--line:#133a4d66}
.hero-description,.local-note,.section-heading>p,.steps p,.faq details p,footer{color:#102b39}
.privacy-ribbon,.demo-section{background:transparent}
.steps article>span,.sample-tag{color:#102b39}
.header .brand img{width:64px;height:64px}footer .brand img{width:50px;height:50px}.app-sidebar .brand img,.screen-flow img{background:transparent}

.demo-intro{max-width:720px;font-size:24px;line-height:1.5;letter-spacing:-.35px;margin-top:16px}.demo-heading>div{min-width:0}@media(max-width:700px){.demo-intro{font-size:22px}}
.hero-preview{margin:0 auto;width:100%;max-width:420px}.hero-preview img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #001a3526}.hero-preview figcaption{text-align:center;font-size:11px;color:#102b39;margin-top:12px}@media(max-width:700px){.hero-preview{max-width:360px}}
/* Intro, privacy explanation, then the illustrative app window. */
.hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.standalone-preview{padding-top:64px;padding-bottom:24px}

.use-grid{grid-template-columns:1fr}

.hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:31px}.hero .hero-actions .button{margin-top:0}.purchase-pending{display:flex;flex-direction:column;align-items:center;gap:8px}.purchase-pending button{border:0;cursor:not-allowed;opacity:1;background:#252525;color:#fff}.purchase-pending button:hover{background:#252525}.purchase-pending span{font-size:12px;color:#111;font-weight:600}

.brand-dot{width:8px;height:8px;flex-shrink:0;background:linear-gradient(135deg,#ffcc49 0%,#ff8736 28%,#fa426c 55%,#b735cd 80%,#6246e5 100%)}

.purchase-option{display:flex;flex-direction:column;align-items:flex-start;gap:9px;max-width:310px}.purchase-option>span{font-size:12px;color:#111;font-weight:650}.purchase-option small{font-size:12px;color:#17212a;line-height:1.5}.purchase-option .button:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Monthly trial and lifetime choices retain the approved page layout and palette. */
.purchase-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px 18px}.purchase-options .purchase-option{flex:1 1 215px;min-width:0;max-width:310px}.purchase-options .button{width:100%;justify-content:space-between;gap:12px;border:1px solid transparent}.purchase-options .button.secondary{background:transparent;border-color:#102b39;color:#111}.purchase-options .button.secondary:hover{background:#ffffff24}.purchase-option small strong{font-weight:700}.purchase-delivery,.licensing-note{max-width:590px;font-size:12px;line-height:1.6;color:#102b39}.purchase-delivery{margin-top:17px}.licensing-note{margin-top:9px}.closing{flex-wrap:wrap}.closing>div:first-child{flex:1 1 360px}.closing-purchases{flex:1 1 530px;max-width:590px}.closing .hero-description{margin-top:16px}.closing-purchases .button{margin-top:0}@media(max-width:760px){.closing-purchases{margin-top:26px}.purchase-options .purchase-option{max-width:100%}}