@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#f3f0e9;--ink:#25241f;--muted:#625e54;--line:#d8d3c8;--orange:#b34929;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:auto;padding-left:50px;padding-right:50px}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;height:106px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-.8px}nav{display:flex;gap:30px;align-items:center;font-size:15px}.nav-trial{border:1px solid #bdb6a7;padding:8px 14px;border-radius:5px}nav a:hover{color:var(--orange)}h1,h2,h3,p{margin-top:0}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:27px}.hero{padding-top:56px;padding-bottom:60px}h1{font-size:clamp(55px,7.5vw,94px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin-bottom:40px}h1 span{color:var(--orange)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:45px}.hero-bottom p{max-width:610px;font-size:20px;line-height:1.65;color:var(--muted);margin:0}.hero-bottom strong{color:var(--ink);font-weight:500}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;font-size:15px;padding:17px 21px;background:var(--ink);color:#fff9ee;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:var(--orange);transform:translateY(-3px)}.hero-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px;font-size:13px;color:var(--muted)}.connection{background:#292b26;color:#f5f1e7;padding:65px 0 70px}.connection .eyebrow{color:#bebcaf}.section-title{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-bottom:38px}h2{font-size:47px;font-weight:500;line-height:1.12;letter-spacing:-1.9px;margin-bottom:0}.section-title>p{font-size:18px;color:var(--muted);margin:0;line-height:1.8}.connection .section-title>p{color:#cccdbf}.route{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #515449;border-radius:9px;padding:35px 45px;margin:42px 0;background:#30332c}.endpoint{display:flex;flex-direction:column;gap:6px;min-width:190px}.endpoint-icon{font-size:35px;line-height:1.2;color:#e6b289;margin-bottom:10px}.endpoint strong{font-size:23px;font-weight:500}.endpoint>span:last-child{font-size:14px;color:#bfc3b3}.route-line{flex:1;text-align:center;overflow:hidden}.route-line span{font:10px var(--mono);color:#c6ccac;letter-spacing:.1em}.route-line div{font:23px var(--mono);color:#b5c08f;white-space:nowrap;margin-top:10px}.connection-details{display:grid;grid-template-columns:repeat(3,1fr);gap:37px}.connection-details h3{font-size:20px;font-weight:500;letter-spacing:-.3px;margin-bottom:13px}.connection-details p{font-size:16px;color:#c4c7b9;line-height:1.8;margin:0}.practice{padding-top:80px;padding-bottom:80px}.practice-list{margin-top:40px}.practice-list article{display:grid;grid-template-columns:65px 1fr 110px;gap:28px;align-items:start;padding:32px 0;border-top:1px solid var(--line);transition:padding-left .25s}.practice-list article:hover{padding-left:10px}.index{font:13px var(--mono);color:var(--orange);padding-top:10px}.practice-list h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin-bottom:9px}.practice-list p{max-width:650px;color:var(--muted);font-size:18px;margin:0}.symbol{font:29px var(--mono);color:#938573;text-align:right;padding-top:8px}.cost{background:#e8dfcf;padding:72px 0}.trial{background:#faf6ee;display:flex;justify-content:space-between;align-items:center;gap:40px;border-radius:8px;padding:33px 36px;border:1px solid #d0c3af;margin-top:36px}.pill{font:11px var(--mono);color:var(--orange);display:block;margin-bottom:13px}.trial h3{font-size:27px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.trial p{font-size:16px;color:var(--muted);margin:0}.trial>strong{font-size:60px;font-weight:500;letter-spacing:-2px}.trial>strong span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);white-space:nowrap}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:36px}.packages article{border-top:1px solid #baad97;padding-top:23px}.packages h3{font-size:19px;font-weight:500;margin-bottom:14px}.packages strong{font-size:39px;font-weight:500;letter-spacing:-1px}.packages p{font-size:16px;color:var(--muted);margin:15px 0 0}.fine{font-size:13px!important;color:var(--muted);line-height:1.8;margin-top:25px}details{border-top:1px solid #baad97;margin-top:29px;padding-top:20px}summary{cursor:pointer;font-size:17px;font-weight:500}.comparison{max-width:900px;padding-top:15px}.comparison p{font-size:16px;color:var(--muted)}.comparison strong{color:var(--ink);font-weight:500}.trust{padding-top:74px;padding-bottom:70px}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:37px}.trust h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.trust p{font-size:17px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:36px}footer .brand{font-size:21px}footer>span,footer>a:last-child{font-size:13px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:var(--ink);color:white}.skip:focus{top:10px}.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.pending{opacity:0;transform:translateY(20px)}@media(max-width:900px){.container{padding-left:32px;padding-right:32px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}h1{font-size:73px;letter-spacing:-3.5px}.section-title{gap:35px}h2{font-size:39px}.route{padding:30px;gap:20px}.endpoint{min-width:160px}.connection-details{gap:23px}.connection-details h3{font-size:19px}.trust-grid{gap:35px}}@media(max-width:650px){.container{padding-left:23px;padding-right:23px}header{height:85px}.brand{font-size:22px}.brand img{width:34px;height:34px}nav{gap:14px;font-size:13px}nav>a:not(.nav-trial){display:none}.nav-trial{padding:7px 10px}.hero{padding-top:33px;padding-bottom:40px}.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:clamp(43px,10vw,65px);letter-spacing:-2.2px;margin-bottom:28px}.hero-bottom p{font-size:18px}.hero-note{flex-direction:column;gap:8px;font-size:12px;margin-top:28px}.connection{padding:43px 0}.section-title{grid-template-columns:1fr;gap:22px;margin-bottom:25px}h2{font-size:35px;letter-spacing:-1.2px}.section-title>p{font-size:17px}.route{padding:25px;gap:23px;align-items:flex-start;flex-direction:column;margin:30px 0}.endpoint{min-width:0}.endpoint-icon{font-size:29px;margin-bottom:4px}.endpoint strong{font-size:23px}.route-line{text-align:left;flex:none;width:100%}.route-line div{font-size:16px}.connection-details,.packages,.trust-grid{grid-template-columns:1fr;gap:27px}.connection-details h3{font-size:22px}.connection-details p{font-size:17px}.practice,.trust{padding-top:48px;padding-bottom:48px}.practice-list{margin-top:30px}.practice-list article{grid-template-columns:25px 1fr;gap:15px;padding:25px 0}.symbol{display:none}.practice-list h3{font-size:25px}.practice-list p{font-size:17px}.index{font-size:11px}.cost{padding:48px 0}.trial{padding:25px;gap:24px;align-items:flex-start;flex-direction:column}.trial h3{font-size:25px}.trial>strong{font-size:48px}.packages{gap:25px}.packages p{font-size:17px}.trust-grid{margin-top:28px}footer{flex-wrap:wrap}footer>span{width:100%;order:3}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal.pending{opacity:1;transform:none}}
.hero{padding-top:42px}.hero h1{font-size:clamp(51px,6.5vw,83px)}.product-shot{margin:42px 0 0;border-radius:13px;background:#dfebe9;border:1px solid #c0d0ce;box-shadow:0 22px 55px #213d3c13;overflow:hidden}.shot-heading{display:flex;justify-content:space-between;gap:20px;padding:17px 23px;background:#e7efec;color:#425952;font:11px/1.5 var(--mono);letter-spacing:.04em}.shot-heading span:last-child{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:0}.shot-viewport{width:100%;aspect-ratio:1.65;overflow:hidden;position:relative;background:#52a5c8}.shot-viewport img{position:absolute;max-width:none;width:180%;height:auto;left:-40%;top:-46%;display:block}.product-shot figcaption{padding:15px 22px;font-size:14px;color:#40584f;background:#e7efec}.hero-note{margin-top:30px}@media(max-width:900px){.shot-viewport{aspect-ratio:1.45}.shot-viewport img{width:200%;left:-50%;top:-43%}}@media(max-width:650px){.hero{padding-top:30px}.hero h1{font-size:clamp(43px,10vw,65px)}.product-shot{margin-top:30px;border-radius:9px}.shot-heading{padding:13px 15px;font-size:9px;gap:10px}.shot-heading span:last-child{font-size:10px}.shot-viewport{aspect-ratio:.98}.shot-viewport img{width:265%;left:-82.5%;top:-39%}.product-shot figcaption{font-size:12px;padding:13px 15px}}
/* Refined product presentation: porcelain, cobalt, and soft sky. */
:root{--bg:#fafbfdf;--ink:#172435;--muted:#59677a;--line:#dce3ed;--orange:#285bd5}body{background:#fafbfd}.container{max-width:1240px;padding-left:52px;padding-right:52px}header{height:100px}.brand{font-size:26px}nav{font-size:15px}.nav-trial{border-color:#cbd6eb;background:white;border-radius:7px}.hero{padding-top:58px;padding-bottom:54px;text-align:center}.hero .eyebrow{color:#42618c;letter-spacing:.08em;font-size:12px;margin-bottom:23px}.hero h1{font-size:clamp(62px,8vw,100px);line-height:.99;letter-spacing:-5px;font-weight:600;margin-bottom:27px}.hero h1 span{color:#285bd5}.hero-bottom{flex-direction:column;gap:24px;align-items:center}.hero-bottom p{max-width:690px;font-size:20px;line-height:1.75}.button{background:#285bd5;border-radius:8px;padding:15px 24px;box-shadow:0 6px 16px #285bd522}.button:hover{background:#1b46ac}.product-shot{margin-top:48px;border:1px solid #cad8eb;border-radius:15px;background:#e6eff9;box-shadow:0 30px 70px #244a7914;text-align:left}.shot-heading{background:#edf3fb;color:#536e94;padding:17px 25px;font-size:11px}.shot-viewport{aspect-ratio:1.75;background:#62a6cc}.shot-viewport img{width:180%;left:-40%;top:-49%}.product-shot figcaption{background:#edf3fb;color:#53677e;padding:17px 25px;text-align:center;font-size:14px}.hero-note{border:0;margin-top:27px;padding-top:0;justify-content:center;gap:28px;font-size:13px}.hero-note span+span:before{content:'·';margin-right:28px;color:#9daaba}.connection{background:#17273c;color:#f3f7fe;padding:76px 0}.connection .eyebrow{color:#9bb4dc}.connection .section-title>p{color:#c2cee1}h2{font-size:49px;line-height:1.12;font-weight:500;letter-spacing:-2px}.section-title{gap:80px}.route{background:#213650;border-color:#3e5572;padding:34px 45px;border-radius:12px}.endpoint-icon{color:#a9c9ff}.endpoint>span:last-child{color:#bdcce1}.route-line span{color:#acc9f3}.route-line div{color:#97baf0}.connection-details{gap:35px}.connection-details h3{font-size:22px}.connection-details p{color:#c2cee1;font-size:17px}.practice{padding-top:86px;padding-bottom:86px}.practice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.practice-list article{display:flex;flex-direction:column;position:relative;border:1px solid #dce4f0;padding:28px;background:white;border-radius:11px;gap:17px;transition:transform .25s,box-shadow .25s,border-color .25s}.practice-list article:hover{padding-left:28px;transform:translateY(-5px);box-shadow:0 15px 35px #2e538511;border-color:#adc4e8}.index{color:#285bd5;font-size:12px;padding-top:0}.practice-list h3{font-size:26px;letter-spacing:-.7px}.practice-list p{font-size:17px;line-height:1.75}.symbol{font-size:24px;color:#6b8cbb;align-self:flex-end;padding-top:4px;display:block}.cost{background:#eaf0fb;padding:80px 0}.trial{background:#fff;border:1px solid #cbd8ef;border-radius:12px;padding:35px 40px}.pill{color:#285bd5;font-size:12px}.trial h3{font-size:30px}.trial>strong{color:#285bd5}.packages{gap:22px;margin-top:25px}.packages article{border:1px solid #d2ddf0;border-radius:10px;background:#f6f9ff;padding:26px}.packages h3{font-size:20px}.packages strong{font-size:41px}.packages p{font-size:16px}.cost details{border-color:#c2d0e8}.trust{padding-top:79px;padding-bottom:74px}.trust-grid article{border-top:1px solid var(--line);padding-top:25px}.eyebrow{color:#577399}.trust h3{font-size:23px}footer{background:#fafbfd}.fine{font-size:14px!important}.shot-heading span:last-child{font-size:12px}@media(max-width:900px){.container{padding-left:32px;padding-right:32px}.hero h1{font-size:80px;letter-spacing:-4px}.hero-bottom{align-items:center}.section-title{gap:35px}h2{font-size:41px}.practice-list{grid-template-columns:1fr}.practice-list article{padding:28px;gap:13px}.practice-list article:hover{padding-left:28px}.symbol{position:absolute;right:27px;top:22px}.practice-list p{max-width:650px}.shot-viewport{aspect-ratio:1.45}.shot-viewport img{width:200%;left:-50%;top:-43%}.packages{gap:15px}.packages article{padding:23px}}@media(max-width:650px){.container{padding-left:23px;padding-right:23px}header{height:84px}.brand{font-size:23px}.hero{padding-top:34px;padding-bottom:38px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(58px,13vw,78px);letter-spacing:-3.3px}.hero-bottom p{font-size:18px}.hero-note{flex-direction:column;gap:6px;font-size:12px}.hero-note span+span:before{content:none}.product-shot{margin-top:33px;border-radius:10px}.shot-heading{padding:13px 15px;font-size:9px}.shot-heading span:last-child{font-size:10px}.shot-viewport{aspect-ratio:.98}.shot-viewport img{width:265%;left:-82.5%;top:-39%}.product-shot figcaption{font-size:12px;padding:13px}.connection,.cost{padding:48px 0}.section-title{gap:22px}h2{font-size:36px;letter-spacing:-1.2px}.route{padding:26px}.connection-details h3{font-size:22px}.practice,.trust{padding-top:49px;padding-bottom:49px}.practice-list{gap:16px}.practice-list article{padding:25px}.practice-list article:hover{padding-left:25px}.practice-list h3{font-size:26px}.trial{padding:26px}.trial h3{font-size:26px}.packages{gap:16px}.packages article{padding:25px}.eyebrow{font-size:10px}}
/* Reference-inspired conversion flow, with original YourFriend identity. */
:root{--bg:#fcf8f0;--ink:#24222a;--muted:#66616f;--line:#e2dfe4;--orange:#6a50ab}body{background:#fcf8f0}header.container{max-width:1060px;padding:11px 20px;height:72px;margin-top:18px;background:#fffefa;border:1px solid #eeebea;border-radius:13px;box-shadow:0 6px 16px #3428420d}.brand{font-size:24px}nav{gap:28px}.nav-trial{background:#24222a;color:white;border:0;padding:11px 18px;border-radius:8px}nav .nav-trial:hover{color:white;background:#514164}.hero{padding-top:68px;position:relative;padding-bottom:40px}.hero-badge{display:inline-flex;align-items:center;gap:10px;font-size:13px;background:white;border:1px solid #e3dce9;border-radius:7px;padding:5px 11px 5px 5px;margin-bottom:24px}.hero-badge span{background:#29232d;color:white;border-radius:4px;padding:3px 7px;font-size:11px}.hero h1{font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-2.8px;max-width:950px;margin:0 auto 21px}.hero h1 span{color:var(--ink)}.hero-bottom{gap:24px}.hero-bottom p{font-size:19px;line-height:1.7;max-width:690px}.hero-actions{display:flex;gap:14px;justify-content:center}.button{background:#b9a9ea;color:#241d35;box-shadow:none;padding:14px 23px;font-weight:500;border:1px solid #b5a2e3}.button:hover{background:#a891df;color:#241d35}.outline-button{display:inline-flex;align-items:center;gap:24px;padding:14px 23px;border:1px solid #ddd9de;border-radius:8px;background:white;font-size:15px;transition:transform .2s,border-color .2s}.outline-button:hover{transform:translateY(-3px);border-color:#a595c1}.platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#62586f}.platforms span{padding:5px 11px;border:1px solid #d5cedb;border-radius:6px;background:#fffdf8}.product-shot{margin-top:43px;border-color:#e1d4db;box-shadow:0 25px 75px #b2797830}.shot-heading,.product-shot figcaption{background:#f4edf4;color:#6c5d75}.shot-viewport{aspect-ratio:1.65}.shot-viewport img{top:-46%}.hero-note{font-size:12px;color:#817387;margin-top:23px}.eyebrow{color:#786395}.workflow{padding-top:55px;padding-bottom:78px;text-align:center}.workflow h2{font-size:38px;letter-spacing:-1.3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left;margin-top:35px}.workflow-visual{height:175px;border:1px solid #e0d9ee;background:#eee7f9;border-radius:11px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;margin-bottom:23px}.workflow-visual.peach{background:#f6e9de;border-color:#ecddcf}.workflow-visual.mint{background:#e5eee6;border-color:#d5e2d7}.workflow-step{position:absolute;left:17px;top:14px;font:11px var(--mono);color:#82728e}.visual-icon{font:34px var(--mono);color:#69527d}.visual-label{font:9px var(--mono);letter-spacing:.025em;color:#746779}.workflow h3{font-size:22px;font-weight:500;margin-bottom:11px}.workflow p{font-size:16px;color:var(--muted);line-height:1.8}.connection{background:#f1ecf6;color:var(--ink);padding:65px 0}.connection .eyebrow{color:#786395}.connection .section-title>p,.connection-details p{color:#686072}.connection h2{font-size:42px}.route{background:#fffdfb;border-color:#dfd6e7}.endpoint-icon{color:#8c6caf}.endpoint>span:last-child{color:#7d7188}.route-line span,.route-line div{color:#8b70a3}.practice{padding-top:70px;padding-bottom:70px}.practice h2{font-size:42px}.practice-list article{border-color:#e5dfe7;background:#fffdfb}.practice-list article:hover{border-color:#c7b7d9;box-shadow:0 15px 35px #60427810}.index,.symbol{color:#8b6aab}.cost{background:#f3eee7;padding:65px 0}.trial{border-color:#e0d6e5;background:#fffcff}.trial>strong,.pill{color:#7b58a1}.packages article{background:#fffdf9;border-color:#e4dcd2}.cost details{border-color:#d9d0de}.trust{padding-top:65px;padding-bottom:58px}.faq{padding-top:45px;padding-bottom:60px;max-width:1000px}.faq>h2{font-size:38px;margin-bottom:29px}.faq .eyebrow{font-size:11px}.faq details{padding:21px 0;margin:0;border-top:1px solid #ddd5e1}.faq summary{font-size:18px}.faq details p{font-size:16px;color:var(--muted);line-height:1.8;margin:15px 0 0}.closing{text-align:center;background:#eee5f7;border:1px solid #e2d5ee;border-radius:15px;padding:48px 25px;margin-bottom:58px}.closing h2{font-size:39px}.closing>p{font-size:17px;color:var(--muted);margin:17px 0 24px}.closing .fine{margin:19px 0 0;font-size:12px!important}footer{background:transparent}.trust h2{font-size:40px}@media(max-width:900px){header.container{margin-left:24px;margin-right:24px}.hero h1{font-size:55px}.workflow-grid{gap:20px}.visual-label{font-size:8px}.workflow h3{font-size:20px}.closing{margin-left:24px;margin-right:24px}.shot-viewport{aspect-ratio:1.45}.shot-viewport img{top:-43%}}@media(max-width:650px){header.container{height:67px;margin:12px 15px 0;padding:10px 13px}.brand{font-size:21px}.nav-trial{padding:9px 11px}.hero{padding-top:43px}.hero h1{font-size:41px;letter-spacing:-1.8px}.hero-bottom p{font-size:17px}.hero-badge{font-size:12px}.hero-actions{gap:10px;flex-wrap:wrap}.button,.outline-button{font-size:14px;padding:13px 17px;gap:14px}.platforms{gap:7px;font-size:10px}.product-shot{margin-top:30px}.shot-viewport{aspect-ratio:.98}.shot-viewport img{top:-39%}.workflow{padding-top:35px;padding-bottom:43px}.workflow h2,.connection h2,.practice h2,.trust h2,.faq>h2{font-size:33px}.workflow-grid{grid-template-columns:1fr;gap:24px;margin-top:27px}.workflow-visual{height:155px;margin-bottom:17px}.visual-label{font-size:10px}.workflow h3{font-size:23px}.workflow p{font-size:17px}.connection,.cost{padding:45px 0}.practice,.trust{padding-top:45px;padding-bottom:45px}.faq{padding-top:25px;padding-bottom:40px}.faq summary{font-size:17px}.closing{padding:35px 23px;margin:0 23px 38px}.closing h2{font-size:32px}}
.workflow-visual.illustrated{height:auto;aspect-ratio:3/2;overflow:hidden;border-radius:12px;border:1px solid #e4dbe9;box-shadow:0 8px 25px #7057830b}.workflow-visual.illustrated img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.workflow-grid article:hover .illustrated img{transform:scale(1.045)}@media(max-width:650px){.workflow-visual.illustrated{aspect-ratio:3/2;max-height:290px}}@media(prefers-reduced-motion:reduce){.workflow-grid article:hover .illustrated img{transform:none}}
.connection-picture{margin:35px 0 38px;border:1px solid #e0d7ea;border-radius:14px;overflow:hidden;background:white;box-shadow:0 12px 35px #69587b08}.connection-picture img{display:block;width:100%;height:auto}.connection-picture figcaption{text-align:center;padding:15px 22px;background:#fcfaff;color:#6b5e76;font-size:14px;border-top:1px solid #ece5f3}.connection-details article{padding:22px;background:#faf7fd;border:1px solid #e4dbea;border-radius:10px}.connection-details h3{font-size:20px}.connection-details p{font-size:16px}@media(max-width:650px){.connection-picture{margin:25px 0}.connection-picture figcaption{font-size:12px;padding:13px 16px}.connection-details article{padding:23px}.connection-details p{font-size:17px}}
.context-section{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-top:80px;padding-bottom:80px}.context-copy h2{font-size:43px;line-height:1.14;letter-spacing:-1.6px}.context-intro{font-size:18px;line-height:1.8;color:var(--muted);margin:24px 0}.context-benefits p{font-size:16px;color:var(--muted);margin:15px 0;line-height:1.7;padding-left:25px;position:relative}.context-benefits strong{color:var(--ink);font-weight:500}.context-benefits span{position:absolute;left:0;color:#8b69b2}.context-limit{font-size:12px;color:#82788b;line-height:1.8;margin:25px 0 0;max-width:440px}.context-demo{margin:0;background:#fffdfd;border:1px solid #ddd2e9;border-radius:15px;box-shadow:0 18px 45px #795b9810;overflow:hidden}.context-demo-top{display:flex;align-items:center;gap:8px;padding:17px 23px;background:#f3edf9;border-bottom:1px solid #e3d8ed;font:10px/1.6 var(--mono);letter-spacing:.04em;color:#796389}.context-indicator{width:6px;height:6px;background:#9973c5;border-radius:50%;flex-shrink:0}.context-thread{list-style:none;padding:25px 24px 0 42px;margin:0;position:relative}.context-thread:before{content:'';position:absolute;top:38px;bottom:28px;left:25px;border-left:1px solid #d9c9e9}.context-thread li{position:relative;padding-bottom:25px}.context-thread li:before{content:'';position:absolute;left:-21px;top:7px;width:7px;height:7px;background:#b69bce;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #d9c9e9}.turn-label{display:block;font:10px/1.6 var(--mono);color:#927aab;letter-spacing:.04em;margin-bottom:10px}.context-thread .question{font-size:17px;line-height:1.5;font-weight:500;color:#322738;background:#f4eef9;border:1px solid #e7dcef;border-radius:8px;padding:12px 15px;margin-bottom:10px}.context-thread .reply{font-size:14px;line-height:1.8;color:#6b6174;margin:0;padding:0 4px}.context-tag{display:inline-block;font-size:11px;line-height:1.6;color:#755495;background:#efe6f6;padding:4px 9px;border-radius:5px;margin-bottom:9px}.context-demo figcaption{padding:14px 23px;border-top:1px solid #e8e0ee;font-size:11px;line-height:1.7;color:#8b7b96;background:#fbf8fe}@media(max-width:950px){.context-section{gap:35px}.context-copy h2{font-size:36px}.context-intro{font-size:17px}.context-thread{padding-left:37px;padding-right:19px}.context-thread:before{left:20px}.context-thread .question{font-size:16px}.context-demo-top{font-size:9px;padding:16px 19px}}@media(max-width:700px){.context-section{grid-template-columns:1fr;gap:31px;padding-top:46px;padding-bottom:46px}.context-copy h2{font-size:35px}.context-intro{font-size:18px}.context-benefits p{font-size:16px}.context-limit{max-width:none}.context-demo-top{font-size:9px}.context-thread{padding-top:23px}.context-thread .question{font-size:17px}.context-thread .reply{font-size:15px}.context-tag{font-size:11px}.context-demo figcaption{font-size:12px}}
/* Context as a visual handoff, rather than repetitive message cards. */
.context-section{grid-template-columns:1fr 1.1fr;gap:70px}.context-editorial{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:10px 0}.memory-note{position:relative;margin:0 25px;background:#eee8f3;border:1px solid #dcd1e7;border-radius:9px;padding:22px 25px;transform:rotate(-1.4deg);box-shadow:0 5px 0 #e7dfee}.memory-label{font:10px/1.6 var(--mono);letter-spacing:.08em;color:#887094}.memory-note>p{font-size:18px;font-weight:500;color:#493850;margin:10px 0 14px;line-height:1.5}.memory-decisions{display:flex;gap:7px;flex-wrap:wrap}.memory-decisions span{font-size:11px;color:#756180;padding:3px 8px;border-radius:4px;border:1px solid #d6c8e1;background:#f8f3fc}.memory-bridge{display:flex;align-items:center;gap:13px;margin:18px 0 16px 43px}.memory-bridge>span{font-size:27px;color:#a08caf;line-height:1}.memory-bridge p{font-size:12px;color:#8b7897;margin:0}.followup-panel{border:1px solid #cfc3db;border-radius:12px;background:#fffefa;box-shadow:0 20px 45px #5f3e7510;overflow:hidden;padding:0 27px 27px}.followup-header{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #ece5ee;margin-bottom:23px;font:10px var(--mono);letter-spacing:.07em;color:#8a7695}.followup-header img{flex-shrink:0}.session-marker{margin-left:auto;font:11px 'DM Sans',sans-serif;letter-spacing:0;color:#8b7d90}.question-label{display:block;font:9px/1.7 var(--mono);letter-spacing:.085em;color:#97869f}.followup-panel blockquote{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-1.1px;color:#35273e;margin:10px 0 18px}.context-reference{font-size:11px;line-height:1.65;color:#967baa;display:flex;gap:8px;align-items:center;margin-bottom:24px}.context-reference span{font-size:17px}.answer-block{background:#f5f0f8;border-left:3px solid #b49bcc;border-radius:0 6px 6px 0;padding:17px 19px}.answer-block p{font-size:15px;line-height:1.8;color:#71617c;margin:9px 0 0}.answer-block strong{font-weight:500;color:#573c69}.context-editorial figcaption{text-align:center;background:none;border:0;font-size:10px;color:#a090a7;padding:15px 5px 0}.context-copy h2{max-width:430px}.context-benefits{border-top:1px solid #e4dce8;margin-top:27px;padding-top:5px}.context-benefits p{margin:18px 0}.context-limit{font-size:12px;max-width:410px}@media(max-width:950px){.context-section{gap:35px}.memory-note{margin:0 12px;padding:20px}.followup-panel{padding:0 23px 23px}.followup-panel blockquote{font-size:28px}.memory-decisions span{font-size:10px}.memory-bridge{margin-left:28px}.context-reference{font-size:10px}}@media(max-width:700px){.context-section{grid-template-columns:1fr;gap:30px}.context-copy h2{max-width:none}.memory-note{margin:0 15px;padding:22px}.memory-note>p{font-size:18px}.followup-panel{padding:0 23px 23px}.followup-panel blockquote{font-size:32px}.context-reference{font-size:11px}.answer-block p{font-size:16px}.context-editorial figcaption{font-size:11px}.context-limit{max-width:none}}

.context-section{display:block;padding-top:70px;padding-bottom:70px}.context-copy{text-align:center;max-width:760px;margin:auto}.context-copy h2{max-width:none;font-size:49px;line-height:1.1}.context-intro{max-width:630px;margin:22px auto}.context-benefits{display:none}.context-limit{max-width:none;margin:18px 0 32px}.context-canvas{display:grid;grid-template-columns:1fr 90px 1.6fr;gap:20px;align-items:center;background:#eee7f4;padding:35px;border:1px solid #e0d3eb;border-radius:16px}.context-canvas .memory-note{margin:0;background:none;border:0;box-shadow:none;transform:none;padding:0}.memory-note>p{font-size:24px;line-height:1.35}.memory-decisions{flex-direction:column;align-items:flex-start;gap:10px}.memory-decisions span{border:0;border-left:2px solid #b49bcc;border-radius:0;background:none;font-size:14px;padding:3px 10px}.context-canvas .memory-bridge{margin:0;flex-direction:column;gap:10px;text-align:center}.memory-bridge>span{transform:rotate(-90deg);font-size:32px}.memory-bridge p{font-size:10px}.context-canvas .followup-panel{background:#35233f;border:0;box-shadow:none;color:white;padding:0 28px 28px}.followup-header{border-color:#664e73;color:#c3adcf}.session-marker{color:#c3adcf}.question-label{color:#b99ac9}.followup-panel blockquote{font-size:34px;color:#fff5ff}.context-reference{color:#c4a4d8}.answer-block{background:#4b3457;border-color:#ba94d1}.answer-block p{color:#dfcfe8;font-size:16px}.answer-block strong{color:#fff0ff;border-bottom:1px solid #bb91d0}.context-canvas figcaption{grid-column:1/-1;padding-top:7px}.context-editorial .result-foot{color:#b99ac9}@media(max-width:800px){.context-copy h2{font-size:39px}.context-canvas{grid-template-columns:1fr;padding:25px;gap:22px}.context-canvas .memory-note{padding:0 5px}.memory-decisions{flex-direction:row;flex-wrap:wrap;gap:8px}.memory-decisions span{font-size:12px}.context-canvas .memory-bridge{flex-direction:row;text-align:left;padding-left:7px}.memory-bridge>span{transform:none;font-size:25px}.context-canvas .followup-panel{padding:0 22px 23px}.followup-panel blockquote{font-size:31px}.context-canvas figcaption{grid-column:1}.context-section{padding-top:47px;padding-bottom:47px}}
/* Refined hero and flexible access pricing. */
.hero h1{font-size:clamp(54px,7.5vw,88px);letter-spacing:-4px;margin-bottom:25px}
.hero-actions{align-items:center;gap:27px}.hero-pricing-link{font-size:14px;color:var(--muted);padding:10px 0;display:inline-flex;gap:10px;align-items:center}.hero-pricing-link:hover{color:var(--ink)}
.platforms{gap:0;margin-top:2px}.platforms span{border:0;background:none;border-radius:0;padding:0 16px;font-size:12px}.platforms span+span{border-left:1px solid #d5cedb}
.cost{background:#f3efe9;padding:85px 0 65px;border-top:1px solid #e8e0d8;border-bottom:1px solid #e8e0d8}.pricing-heading{text-align:center;max-width:650px;margin:0 auto 38px}.pricing-heading .eyebrow{margin-bottom:18px}.pricing-heading h2{font-size:52px;line-height:1.08;letter-spacing:-2px}.pricing-heading>p:last-child{font-size:17px;color:var(--muted);margin:20px 0 0}
.trial-banner{display:flex;align-items:center;gap:30px;padding:26px 30px;background:#e8e1f1;border:1px solid #d9cce5;border-radius:13px;margin-bottom:25px}.trial-price{font-size:42px;font-weight:500;letter-spacing:-1.7px;white-space:nowrap;color:#4f3b64}.trial-price span{font-size:13px;letter-spacing:0;color:#766580}.trial-copy{flex:1}.trial-copy h3{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:0 0 4px}.trial-copy p{font-size:13px;line-height:1.7;color:#766580;margin:0}.trial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 19px;border-radius:7px;background:#302637;color:#fff;font-size:14px;white-space:nowrap;transition:background .2s}.trial-link:hover{background:#574164}
.pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{padding:30px 27px 24px;background:#fffdfa;border:1px solid #e1dad1;border-radius:13px;display:flex;flex-direction:column}.plan-kicker{font:10px/1.5 var(--mono);letter-spacing:.05em;color:#8b8177;margin-bottom:21px}.price-card h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 14px}.plan-price{font-size:43px;line-height:1.2;font-weight:500;letter-spacing:-1.8px;white-space:nowrap}.plan-price span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan-description{font-size:14px;color:var(--muted);line-height:1.7;margin:18px 0 24px;min-height:48px}.price-card ul{list-style:none;margin:0 0 24px;padding:20px 0 0;border-top:1px solid #e8e0d8;font-size:14px}.price-card li{padding:5px 0;display:flex;gap:9px}.price-card li:before{content:'✓';color:#84715b;font-size:12px}.plan-note{font-size:12px;line-height:1.7;color:#877c71;margin:auto 0 0}.price-card.featured{background:#302637;color:#fff8ef;border-color:#302637;box-shadow:0 12px 30px #30263712}.featured .plan-kicker{color:#c8b5d8}.featured .plan-price span,.featured .plan-description,.featured .plan-note{color:#c9bfce}.featured ul{border-color:#584a60}.featured li:before{color:#c5acdd}.pricing-footnote{display:flex;align-items:baseline;gap:24px;padding-top:25px;margin-top:27px;border-top:1px solid #ddd5ca}.api-note{font-size:14px;font-weight:500;white-space:nowrap}.pricing-footnote p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:760px}.pricing-availability{font-size:12px;color:#8b8075;text-align:center;margin:21px 0 0}.cost details{margin-top:30px;padding-top:22px}.cost summary{font-size:14px}
@media(max-width:900px){.price-card{padding:25px 20px}.plan-price{font-size:35px}.plan-price span{font-size:11px}.trial-banner{gap:20px}.trial-copy h3{font-size:18px}.plan-kicker{font-size:9px}}
@media(max-width:650px){.hero h1{font-size:58px;letter-spacing:-2.8px}.hero-actions{gap:22px}.platforms{row-gap:8px}.platforms span{padding:0 9px;font-size:10px}.cost{padding:48px 0 40px}.pricing-heading h2{font-size:39px}.pricing-heading>p:last-child{font-size:15px}.trial-banner{flex-wrap:wrap;padding:23px;gap:15px}.trial-price{width:100%;font-size:37px}.trial-copy{flex-basis:100%}.trial-link{margin-top:4px}.pricing-plans{grid-template-columns:1fr;gap:16px}.price-card{padding:27px}.plan-kicker{font-size:10px;margin-bottom:16px}.plan-price{font-size:44px}.plan-price span{font-size:13px}.plan-description{min-height:0;margin:15px 0 20px}.price-card ul{margin-bottom:20px}.pricing-footnote{flex-direction:column;gap:8px}.pricing-availability{font-size:11px}.hero-bottom p br{display:none}}
/* A readable request journey, with account access kept secondary. */
.connection{background:#f0ecf4;padding:78px 0 55px}.direct-heading{text-align:center;max-width:700px;margin:0 auto 37px}.direct-heading .eyebrow{margin-bottom:18px}.direct-heading h2{font-size:49px;line-height:1.1;letter-spacing:-1.9px}.direct-heading>p:last-child{font-size:17px;line-height:1.75;color:var(--muted);margin:20px 0 0}.direct-flow{background:#fffefa;border:1px solid #e0d8e7;border-radius:18px;padding:31px 32px 0;box-shadow:0 16px 45px #44304c08}.direct-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:54px;padding:0;margin:0}.direct-step{position:relative;padding-bottom:30px}.step-top{display:flex;align-items:center;gap:10px}.step-number{font:12px var(--mono);color:#806592}.step-location{font:9px var(--mono);letter-spacing:.065em;color:#8f8795}.flow-visual{height:155px;display:flex;align-items:center;justify-content:center;margin:20px 0 22px;border-radius:9px;background:#f5f1f7}.mini-window{width:83%;background:#fff;border:1px solid #dcd2e4;border-radius:7px;box-shadow:0 8px 18px #4e315b0d;padding:0 12px 17px}.mini-toolbar{display:flex;gap:4px;padding:11px 0 15px}.mini-toolbar i{width:4px;height:4px;border-radius:50%;background:#c9bbd3}.mini-prompt{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#716178;border:1px solid #e3d9e9;border-radius:5px;padding:9px 7px}.prompt-arrow{background:#715282;border-radius:4px;color:white;padding:0 5px;font-size:13px}.ai-visual{background:#302637;flex-direction:column;gap:13px}.ai-orbit{border:1px solid #776183;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;box-shadow:0 0 0 9px #ffffff04,0 0 0 18px #ffffff03}.ai-orbit span{font-size:26px;letter-spacing:-1px;color:#f3e9fa}.direct-key{font-size:10px;color:#cfb9de}.mini-answer{width:79%;background:white;border:1px solid #ded4e5;border-radius:7px;padding:15px 17px;box-shadow:0 7px 18px #4e315b09}.answer-title{display:block;font-size:11px;font-weight:500;color:#55455f;margin-bottom:12px}.mini-answer i{display:block;height:4px;margin-bottom:7px;border-radius:2px;background:#d7cadd}.mini-answer i:nth-of-type(2){width:86%}.mini-answer i:nth-of-type(3){width:64%;display:inline-block;margin:0 4px 0 0}.answer-cursor{display:inline-block;width:2px;height:8px;background:#88649b}.direct-step h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}.direct-step>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.flow-arrow{position:absolute;right:-38px;top:103px;color:#a891b4;font-size:26px}.direct-path-note{border-top:1px solid #e9e1ec;padding:17px 0;text-align:center;font-size:12px;color:#83718e;display:flex;align-items:center;justify-content:center;gap:9px}.path-dot{width:5px;height:5px;border-radius:50%;background:#9f81b0;flex-shrink:0}.account-aside{display:flex;gap:15px;align-items:center;margin:25px auto 0;max-width:750px;padding:0 12px}.account-mark{background:#fffaf4;border:1px solid #e0d7e5;width:47px;height:47px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.account-aside h3{font-size:14px;font-weight:500;margin:0 0 3px}.account-aside p{font-size:12px;line-height:1.8;color:#807387;margin:0}
.usage-answer{padding:0 0 9px}.usage-example{margin:23px 0;background:#f0ebf5;border:1px solid #e0d5e9;border-radius:10px;padding:23px 25px}.usage-example-heading{display:flex;justify-content:space-between;gap:14px;color:#857190;font:10px/1.6 var(--mono);letter-spacing:.03em}.usage-example-heading span:last-child{font:12px 'DM Sans',sans-serif}.usage-estimates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.usage-estimates>div{display:flex;flex-direction:column;gap:5px}.usage-estimates strong{font-size:32px;font-weight:500;letter-spacing:-1px;color:#4e3b5c}.usage-estimates span{font-size:13px;color:#7c6b87}.faq .usage-example p{font-size:13px;line-height:1.8;color:#81718b}.faq .usage-source{font-size:12px;color:#8b7b94}.usage-source a{text-decoration:underline;text-underline-offset:3px}.usage-source a:hover{color:#4e3b5c}
@media(max-width:900px){.direct-steps{gap:35px}.direct-flow{padding:25px 25px 0}.flow-arrow{right:-26px;font-size:22px}.direct-step h3{font-size:20px}.step-location{font-size:8px}.mini-prompt{font-size:9px}.direct-heading h2{font-size:42px}}
@media(max-width:650px){.connection{padding:48px 0 38px}.direct-heading h2{font-size:35px;letter-spacing:-1.1px}.direct-heading>p:last-child{font-size:16px}.direct-heading>p br{display:none}.direct-heading{margin-bottom:26px}.direct-flow{padding:24px 23px 0;border-radius:14px}.direct-steps{grid-template-columns:1fr;gap:29px}.direct-step{padding-bottom:27px;border-bottom:1px solid #e9e1ec}.direct-step:last-child{border:0;padding-bottom:23px}.flow-visual{height:145px;margin:17px 0 20px}.step-location{font-size:9px}.direct-step h3{font-size:24px}.direct-step>p{font-size:15px}.flow-arrow{right:0;top:auto;bottom:-17px;transform:rotate(90deg);background:#fffefa;width:26px;text-align:center}.mini-window{max-width:240px}.mini-prompt{font-size:11px}.mini-answer{max-width:220px}.direct-path-note{text-align:left;align-items:flex-start;font-size:11px;line-height:1.7;gap:9px}.path-dot{margin-top:7px}.account-aside{align-items:flex-start;padding:0 3px;gap:12px}.account-aside h3{font-size:13px}.account-aside p{font-size:12px}.account-mark{width:39px;height:39px;border-radius:9px}.usage-example{padding:20px 17px}.usage-estimates{gap:10px;margin:20px 0}.usage-estimates strong{font-size:25px}.usage-estimates span{font-size:11px}.usage-example-heading{font-size:9px}.usage-example-heading span:last-child{font-size:11px}}
/* Account access stays visible for returning users at every screen size. */
.nav-dashboard{font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
@media(max-width:650px){nav{gap:12px}nav>a.nav-dashboard{display:inline-flex;font-size:12px;gap:4px}.nav-trial{font-size:12px;padding:9px 10px}.brand{font-size:19px}.brand img{width:29px;height:29px}header.container{padding-left:11px;padding-right:11px}}
@media(max-width:380px){header.container{margin-left:10px;margin-right:10px}.brand{font-size:17px;gap:6px}.brand img{width:25px;height:25px}nav{gap:8px}nav>a.nav-dashboard{font-size:11px}.nav-dashboard span{display:none}.nav-trial{font-size:11px;padding:9px 8px}}