:root{--ink:#0c1026;--muted:#606c83;--blue:#0075ec;--pale:#eaf5ff;--line:#e2effa;--error:#a32b34;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f8fcff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 74% 24%,#eaf7ff66,transparent 45%),linear-gradient(120deg,#fff9,#f5fbff80);min-height:100vh}button,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #005ab6;outline-offset:5px}[hidden]{display:none!important}.svg-defs{position:absolute}.skip-link{position:absolute;left:16px;top:-90px;padding:12px;background:white;z-index:20}.skip-link:focus{top:12px}.top,main{width:min(100% - 72px,1120px);margin-inline:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:34px 12px 30px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;color:#080a0c}.brand-logo{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:29px;font-weight:800;letter-spacing:-.9px}.brand small{display:block;color:var(--muted);font-size:18px;margin-top:4px}.site-menu summary{width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;gap:8px;list-style:none;border-radius:10px}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{width:38px;height:3px;background:#111;border-radius:3px;margin-inline:auto}.site-menu nav{position:absolute;right:0;top:calc(100% - 15px);width:250px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 50px #28476820}.site-menu nav a{display:block;text-decoration:none;padding:14px;border-radius:10px;font-size:16px}.site-menu nav a:hover{background:var(--pale)}
.hero{position:relative;display:grid;grid-template-columns:59% 41%;align-items:center;min-height:610px;padding:16px 12px 34px}.hero-copy{position:relative;z-index:2}.assistant-badge{display:inline-flex;gap:10px;align-items:center;background:#e8f4ff;color:#0068d7;border-radius:30px;font-size:17px;text-transform:uppercase;padding:9px 17px;margin:0 0 22px;white-space:nowrap}.assistant-badge svg{width:22px;height:26px}.hero h1{font-size:clamp(38px,4.4vw,56px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 27px;font-weight:800;color:#080a0d}.hero h1 span,h2 span{color:var(--blue)}.lead{font-size:23px;line-height:1.4;color:var(--muted);max-width:475px;margin:0 0 30px}.hero-action{max-width:420px}.start-button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:78px;padding:17px 26px;border:1px solid #158aff;border-radius:27px;background:linear-gradient(165deg,#2695ff,#006de8);box-shadow:0 12px 30px #188bf024,inset 0 1px 0 #ffffff40;color:white;text-decoration:none;font-size:25px;font-weight:600;transition:box-shadow .2s,transform .2s}.start-button:hover{box-shadow:0 14px 35px #0075ec40;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.start-button svg{width:37px;height:40px;flex-shrink:0}.start-button .chevron{width:21px;height:26px;margin-left:auto}.start-button svg,.assistant-badge svg,.dialog-symbol svg{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.action-hint{font-size:15px;color:var(--muted);text-align:center;margin:14px -15px 0;line-height:1.4}.access-message{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 0;text-align:center}.access-message:empty{display:none}.personal-greeting{color:var(--blue);font-size:16px;margin:0 0 14px}.hero-art{align-self:stretch;position:relative;margin-left:-42px;min-width:0;pointer-events:none}.chick{position:absolute;width:116%;max-width:none;height:auto;bottom:-8px;left:-1%;object-fit:contain}.egg-mark{position:absolute;width:54px;height:54px;object-fit:contain;left:53%;bottom:24%;opacity:.42;filter:invert(35%) sepia(75%) saturate(780%) hue-rotate(162deg)}.idea-note{position:absolute;z-index:1;right:-8px;top:-12px;color:#0075ec;transform:rotate(-10deg);font-family:'Segoe Print','Comic Sans MS',cursive;font-size:27px;line-height:1.13;margin:0}.idea-note span{padding-left:15px}.idea-note svg{position:absolute;width:64px;height:83px;right:16px;top:58px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.panel{background:#ffffffdd;border:1px solid white;border-radius:30px;padding:26px 30px;box-shadow:0 8px 35px #255a8810;margin-bottom:20px;scroll-margin-top:24px}h2{font-size:35px;line-height:1.18;letter-spacing:-.9px;margin:0;font-weight:750}.section-intro{font-size:21px;color:var(--muted);margin:9px 0 20px;line-height:1.4}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.experience-item{border:1.5px solid #e6f2fe;border-radius:20px;text-align:center;padding:12px 8px 17px;background:linear-gradient(130deg,#fff,#f6fbff)}.service-icon{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:#e2f1ff;margin:auto auto 9px;color:#0c183c}.service-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.service-icon.max{background:#e8eaff}.service-icon.ai{color:#0075ec;background:#dfedff}.experience-item h3{font-size:20px;line-height:1.18;margin:0;font-weight:600}.benefits{display:grid;grid-template-columns:1fr 30%;gap:28px;align-items:stretch}.benefits ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:18px}.benefits li{position:relative;padding-left:48px;font-size:20px;line-height:1.45}.benefits li:before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:0;width:31px;height:31px;border-radius:50%;background:linear-gradient(140deg,#31aaff,#0078ff);color:white;font-weight:400;font-size:24px}.result-note{position:relative;background:linear-gradient(120deg,#f4faff,#edf7ff);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:20px 14px;gap:14px;color:#0071e7}.result-note p{font-size:20px;line-height:1.38;margin:0}.document-icon{width:78px;height:78px;border-radius:50%;background:#e5f4ff;display:grid;place-items:center;flex-shrink:0}.document-icon svg{width:35px;height:44px;fill:none;stroke:#069aee;stroke-width:2.5;stroke-linejoin:round}.note-arrow{position:absolute;bottom:12px;left:34px;width:62px;fill:none;stroke:#0075ec;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.expert{display:flex;gap:28px;align-items:center;border:3px solid white;border-radius:30px;background:linear-gradient(110deg,#f0f9ffb3,#edf7ff70);box-shadow:0 8px 35px #255a8810;padding:20px 28px;scroll-margin-top:24px}.host-portrait{width:150px;height:150px;object-fit:cover;object-position:center 30%;border-radius:50%;filter:grayscale(1);flex-shrink:0}.eyebrow{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--blue);margin:0 0 10px}.expert h2{font-size:25px;letter-spacing:-.4px;margin-bottom:10px}.expert p:not(.eyebrow){font-size:20px;line-height:1.45;color:var(--muted);margin:0 0 5px;max-width:680px}.expert-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#006cce;font-size:16px}.privacy-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--muted);margin:18px 0 25px}.privacy-line svg{width:18px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.conversation{max-width:760px;margin:20px auto 44px}.back-link{border:0;background:transparent;color:var(--blue);padding:10px 0;min-height:44px;font-size:16px;margin-bottom:20px}.conversation-heading h1{font-size:36px;letter-spacing:-1px;margin:0}.conversation-intro{color:var(--muted);font-size:17px;line-height:1.6;margin:20px 0}.notice{padding:16px;background:var(--pale);border-radius:16px;line-height:1.5;font-size:14px}.notice p{margin:0 0 10px}.notice a{display:inline-block;min-height:44px;padding:10px 0;color:#005fbf}.messages{display:flex;flex-direction:column;gap:20px}.message{font-size:17px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#eaf4ff;border-radius:18px;padding:16px 20px;max-width:92%}.message.assistant{padding:16px 0;border-bottom:1px solid var(--line)}.message-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.primary,.secondary,.voice{min-height:48px;border-radius:12px;padding:12px 18px;font-size:16px;border:1px solid transparent}.primary{background:var(--blue);color:#fff}.secondary{background:white;color:var(--ink);border-color:#a6b3c4}.voice{background:transparent;color:#0064c9;padding-inline:0}.voice.recording{color:var(--error)}.composer{background:#eaf4fc;border-radius:20px;padding:22px;margin-top:20px}.composer label{font-size:14px;font-weight:bold;display:block;margin-bottom:10px}textarea{width:100%;display:block;resize:vertical;min-height:110px;border:1px solid #a6b3c4;border-radius:12px;padding:14px;font-size:16px;line-height:1.5;color:var(--ink);background:white}.composer-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.voice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.input-note,.privacy-note{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:0}.status{font-size:14px;line-height:1.5;color:var(--muted)}.status.error{color:var(--error)}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.listen{margin-top:14px}.conversation audio{display:block;max-width:100%;margin-block:12px}
dialog{border:1px solid var(--line);border-radius:28px;padding:36px;width:min(480px,calc(100% - 32px));color:var(--ink);box-shadow:0 30px 100px #062a5740}dialog::backdrop{background:#09244170;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:var(--muted);font-size:30px}.dialog-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--pale);color:var(--blue);margin-bottom:20px}.dialog-symbol svg{width:30px;height:36px}dialog h2{font-size:29px}dialog p{color:var(--muted);font-size:17px;line-height:1.5}dialog .start-button{font-size:19px;min-height:60px;border-radius:18px;margin-top:24px}.email-link{display:block;text-align:center;font-size:13px;min-height:44px;padding:16px 0;color:#0061be;overflow-wrap:anywhere}.dialog-small{font-size:13px!important;text-align:center;margin:0}.noscript{padding:20px;text-align:center}
@media(min-width:1200px){.hero{min-height:650px}.hero h1{font-size:60px}.hero-art{margin-left:-18px}.chick{width:113%;bottom:-12px}.idea-note{top:-4px}.lead{max-width:490px}.panel{padding:28px 32px}}
@media(max-width:900px) and (min-width:601px){.top,main{width:calc(100% - 56px)}.hero{min-height:535px;padding-bottom:30px;grid-template-columns:60% 40%}.hero h1{font-size:43px;letter-spacing:-1.5px}.lead{font-size:20px;max-width:390px}.assistant-badge{font-size:15px}.hero-action{max-width:350px}.start-button{font-size:23px;min-height:72px;padding-inline:20px}.action-hint{font-size:13px}.chick{width:130%;left:-12%;bottom:2px}.idea-note{font-size:23px;top:10px}.egg-mark{width:45px;height:45px;bottom:23%}h2{font-size:30px}.section-intro{font-size:19px}.panel{padding:22px}.benefits{grid-template-columns:1fr 31%;gap:14px}.benefits li{font-size:18px;padding-left:39px}.result-note{gap:5px;padding:12px 8px}.document-icon{width:58px;height:58px}.result-note p{font-size:17px}.host-portrait{width:130px;height:130px}.expert p:not(.eyebrow){font-size:18px}}
@media(max-width:600px){.top,main{width:calc(100% - 32px)}.top{padding:22px 2px 25px}.brand{gap:9px}.brand-logo{width:40px;height:40px}.brand strong{font-size:20px;letter-spacing:-.65px}.brand small{font-size:12px;margin-top:3px}.site-menu summary{width:44px;height:44px;gap:6px}.site-menu summary span{width:26px;height:2px}.hero{display:grid;grid-template-columns:1fr;padding:0 4px 24px;min-height:0}.hero-copy{display:contents}.assistant-badge{font-size:11px;gap:6px;justify-self:start;padding:7px 10px;margin-bottom:18px;max-width:100%}.assistant-badge svg{width:15px;height:18px}.hero h1{font-size:36px;line-height:1.07;letter-spacing:-1.2px;max-width:100%;margin-bottom:20px;position:relative;z-index:2}.desktop-break{display:none}.lead{font-size:16px;line-height:1.48;width:57%;max-width:none;margin:0;min-height:176px;position:relative;z-index:2}.hero-art{position:absolute;right:-7px;top:161px;width:49%;height:230px;margin:0}.chick{width:118%;left:-12%;bottom:0}.idea-note{font-size:15px;top:-19px;right:4px}.idea-note svg{width:32px;height:39px;top:34px;right:3px}.egg-mark{width:26px;height:26px;bottom:25%;left:47%}.hero-action{max-width:none;position:relative;z-index:2;margin-top:17px}.start-button{min-height:62px;font-size:21px;border-radius:21px;gap:14px;padding:12px 21px}.start-button svg{width:27px;height:32px}.action-hint{font-size:12px;margin:12px 0 0}.panel{border-radius:22px;padding:20px 16px;margin-bottom:14px}h2{font-size:25px;line-height:1.16;letter-spacing:-.7px}.section-intro{font-size:15px;line-height:1.4;margin:10px 0 16px}.experience-grid{gap:7px}.experience-item{border-radius:13px;padding:10px 3px 12px}.service-icon{width:47px;height:47px;margin-bottom:8px}.service-icon svg{width:30px;height:30px}.experience-item h3{font-size:12px;line-height:1.25}.benefits{display:block}.benefits ul{gap:15px;margin-top:20px}.benefits li{font-size:15px;padding-left:36px;line-height:1.5}.benefits li:before{width:25px;height:25px;font-size:19px}.result-note{margin-top:20px;padding:14px 18px;justify-content:flex-start;gap:16px;border-radius:15px}.result-note p{font-size:15px}.result-note p br{display:none}.document-icon{width:48px;height:48px}.document-icon svg{width:24px;height:32px}.note-arrow{display:none}.expert{gap:14px;padding:18px 15px;border-radius:22px;align-items:flex-start}.host-portrait{width:76px;height:76px;margin-top:7px}.eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:7px}.expert h2{font-size:18px;letter-spacing:-.3px;margin-bottom:8px}.expert p:not(.eyebrow){font-size:14px;line-height:1.45}.expert-link{font-size:13px}.privacy-line{font-size:11px;gap:7px;margin:17px 0 22px}.privacy-line svg{width:15px}.conversation{margin-top:0}.conversation-heading h1{font-size:29px}.composer{padding:16px}.composer-actions{flex-direction:column;align-items:stretch}.composer-actions>.primary,.result-actions button{width:100%}.message{font-size:16px}dialog{padding:28px 22px}dialog h2{font-size:25px}dialog p{font-size:15px}.personal-greeting{grid-row:2;margin-bottom:10px}.hero:has(.personal-greeting:not([hidden])) .hero-art{top:190px}}
@media(max-width:360px){.brand strong{font-size:17px}.brand small{font-size:10px}.brand-logo{width:34px;height:34px}.hero h1{font-size:31px}.lead{font-size:14px;min-height:171px}.hero-art{top:155px;height:209px}.idea-note{font-size:13px;top:-24px}.hero-action{margin-top:13px}.experience-item h3{font-size:11px}.service-icon{width:39px;height:39px}.panel{padding:18px 13px}h2{font-size:23px}.host-portrait{width:60px;height:60px}.expert{padding:16px 12px;gap:11px}.expert h2{font-size:16px}.start-button{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Second visual pass: keep the mobile illustration in document flow. */
@media(max-width:600px){
.hero{grid-template-columns:56% 44%;grid-template-areas:'badge badge' 'greeting greeting' 'title title' 'lead art' 'action action'}
.assistant-badge{grid-area:badge}.personal-greeting{grid-area:greeting}.hero h1{grid-area:title;margin-bottom:32px}.lead{grid-area:lead;width:auto;min-height:220px;padding-right:5px}.hero-action{grid-area:action;margin-top:18px}
.hero-art,.hero:has(.personal-greeting:not([hidden])) .hero-art{grid-area:art;position:relative;top:auto;right:auto;width:auto;height:auto;min-height:220px;margin:0;align-self:stretch}
.chick{width:128%;left:-18%;bottom:0}.idea-note{top:-26px;right:-3px;font-size:14px}.idea-note svg{height:33px;top:29px;right:0}.egg-mark{bottom:25%;left:45%}
}
@media(max-width:360px){.hero h1{margin-bottom:34px}.lead{min-height:202px}.hero-art{min-height:202px}.idea-note{font-size:13px;top:-25px}}
/* Reference-size refinement: headline proportions and contained illustration. */
@media(min-width:901px) and (max-width:1199px){.hero h1{font-size:52px;width:112%;letter-spacing:-1.7px}.hero{min-height:630px}.lead{font-size:24px;max-width:455px}.chick{left:-8%}.panel h2{font-size:38px}.section-intro{font-size:22px}.experience-item h3{font-size:21px}}
@media(max-width:600px){.chick{width:120%;left:-20%}}
@media(min-width:901px) and (max-width:1199px){.hero h1{width:122%}}
@media(max-width:360px){.hero h1{font-size:28px}.start-button{font-size:18px;padding-inline:16px;gap:10px}.start-button .chevron{width:16px}.action-hint{font-size:11px}}
@media(min-width:601px) and (max-width:900px){.chick{width:120%;left:-15%}.hero h1{font-size:39px;width:112%;letter-spacing:-1.4px}}
@media(min-width:1200px){.hero h1{width:118%;font-size:58px}}
@media(min-width:901px) and (max-width:1199px){.hero h1{font-size:48px;width:122%}}
@media(min-width:1200px){.hero h1{width:125%}}
@media(min-width:601px) and (max-width:900px){.hero h1{font-size:37px;width:115%}}
/* Composition refinement: one invitation, a larger illustration, a drawn signature. */
.hero{grid-template-columns:55% 45%;min-height:625px;padding-top:32px;padding-bottom:38px}
.hero-art{margin-left:-12px}
.chick{width:118%;left:-12%;bottom:-14px}
.egg-mark{left:47%;bottom:24%;width:58px;height:58px}
.idea-note{right:2px;top:-13px;transform:rotate(-8deg);font-size:25px;line-height:1.15;text-align:center;letter-spacing:-.8px}
.idea-note .note-origin{display:block;padding:0;font-size:.73em;letter-spacing:.3px;margin-bottom:2px}
.idea-note strong{display:block;font-size:1.3em;font-weight:400;white-space:nowrap}
.idea-note svg{width:110px;height:92px;right:3px;top:57px;stroke-width:1.9}.idea-note .note-underline{stroke-width:1.3;opacity:.65}
.hero .start-button{min-height:86px}.hero #start-label{text-align:left;line-height:1.2}.cta-detail{display:block;font-size:.72em;font-weight:400;margin-top:5px;letter-spacing:.1px}
@media(min-width:1200px){.hero{min-height:650px}.hero h1{width:130%}.hero-art{margin-left:0}.chick{width:119%;left:-13%;bottom:-18px}.idea-note{top:-16px;right:0}}
@media(min-width:901px) and (max-width:1199px){.hero h1{width:127%;font-size:46px}.chick{width:119%;left:-15%}.idea-note{font-size:23px;top:-8px}}
@media(min-width:601px) and (max-width:900px){.hero{min-height:550px;grid-template-columns:55% 45%;padding-top:30px}.hero h1{width:124%;font-size:35px}.lead{font-size:19px;padding-right:10px}.chick{width:120%;left:-16%;bottom:-12px}.idea-note{top:-6px;right:-1px;font-size:20px}.idea-note svg{width:85px;height:74px;top:46px}.egg-mark{width:45px;height:45px;left:44%}.hero .start-button{font-size:22px;min-height:80px}}
@media(max-width:600px){.hero{grid-template-columns:51% 49%;grid-template-areas:'greeting greeting' 'title title' 'lead art' 'action action';min-height:0;padding:6px 4px 24px}.hero h1{margin-bottom:47px}.lead{min-height:238px;font-size:16px;padding-right:8px}.hero-art,.hero:has(.personal-greeting:not([hidden])) .hero-art{min-height:238px;margin:0}.chick{width:128%;left:-23%;bottom:-8px}.egg-mark{width:29px;height:29px;bottom:23%;left:42%}.idea-note{font-size:16px;top:-42px;right:1px;transform:rotate(-8deg)}.idea-note svg{width:56px;height:51px;top:36px;right:-2px}.hero-action{margin-top:20px}.hero .start-button{min-height:77px;font-size:22px}.cta-detail{font-size:16px;margin-top:3px}}
@media(max-width:360px){.hero h1{margin-bottom:43px}.lead{font-size:14px;min-height:220px}.hero-art,.hero:has(.personal-greeting:not([hidden])) .hero-art{min-height:220px}.idea-note{font-size:14px;top:-35px}.idea-note svg{width:46px;height:43px;top:31px}.hero .start-button{font-size:19px}.cta-detail{font-size:14px}.egg-mark{width:25px;height:25px}}
/* Keep a clear gutter between the enlarged shell and the headline. */
@media(min-width:1200px){.chick{left:-6%}}
@media(min-width:901px) and (max-width:1199px){.chick{left:-7%}.hero h1{font-size:44px}}
@media(min-width:601px) and (max-width:900px){.chick{left:-7%}.hero h1{font-size:34px}}
@media(min-width:601px){.egg-mark{left:54%}}
/* Place the mark on the broad face of the shell, slightly left of centre. */
.egg-mark{transform:translateX(-50%) rotate(-5deg);opacity:.46}
@media(min-width:601px){.egg-mark{left:46%;bottom:31%}}
@media(max-width:600px){.egg-mark{left:35%;bottom:31%}}
/* Owner refinement: mark on the left side of the shell. */
@media(min-width:601px){.egg-mark{left:33%;bottom:27%}}
@media(max-width:600px){.egg-mark{left:23%;bottom:27%}}
/* Centre the logo on the visible blue shell. */
.egg-mark{transform:translateX(-50%)}
@media(min-width:601px){.egg-mark{left:53%;bottom:30%}}
@media(max-width:600px){.egg-mark{left:41%;bottom:30%}}