:root{--ink:#111425;--purple:#6746e8;--purple-dark:#5536cd;--muted:#626575;--paper:#fff;--lavender:#f6f3ff;--line:#e6e0fa;color-scheme:light;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#f0eef6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:25px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:4px solid #1d67ba;outline-offset:5px}svg{display:block} .preview-note{min-height:39px;padding:10px 18px;display:flex;gap:8px;align-items:center;justify-content:center;background:#faf9fd;color:#6c647c;font-size:12px;line-height:1.5;border-bottom:1px solid #e8e3f0;letter-spacing:.04em}.preview-dot{width:6px;height:6px;border-radius:50%;background:#8f79c9;flex-shrink:0}.page{max-width:880px;margin:0 auto;background:white;box-shadow:0 12px 80px #31245d0b}.hero{overflow:hidden;position:relative;background:linear-gradient(165deg,#fff 5%,#fbfaff 37%,#f4f0fb 76%,#fff 97%)}.light-window{position:absolute;inset:0 0 18%;opacity:.68;background:linear-gradient(90deg,transparent 7%,#fff 7.5%,#fff 9%,transparent 9.5%,transparent 75%,#fff 76%,#fff 79%,transparent 80%),linear-gradient(0deg,transparent 40%,#fff 41%,#fff 45%,transparent 46%);filter:blur(2px);transform:skewY(-4deg);pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.ambient-left{width:400px;height:340px;background:#d9d0ff33;left:-270px;top:290px}.ambient-right{width:280px;height:280px;background:#c7baff33;right:-190px;top:150px}.brand{position:relative;z-index:1;padding:36px 46px 14px;display:flex;align-items:center;gap:10px;font-size:27px;font-weight:850;letter-spacing:.01em}.brand-mark{width:36px;height:36px;color:var(--purple)}.hero-copy{position:relative;z-index:1;padding:22px 34px 0;text-align:center}.eyebrow{font-weight:700;font-size:19px;letter-spacing:.1em;margin:0 0 15px;color:#33334c}h1{margin:0;font-weight:900;font-size:72px;line-height:1.24;letter-spacing:-.065em}h1>span{display:block}h1>span:first-child{font-size:62px;letter-spacing:-.04em}h1>span:nth-child(2){font-size:90px;letter-spacing:-.07em}.final-line{white-space:nowrap;font-size:60px;padding-top:4px}h1 em{font-style:normal;color:var(--purple)}.hero-subtitle{font-size:24px;font-weight:750;letter-spacing:.015em;margin:23px 0 0}.product-scene{position:relative;margin:30px 0 0;padding:20px 32px 18px;background:linear-gradient(180deg,transparent 65%,#fff8 65%,#f9f8fb 86%,white 100%)}.laptop{position:relative;z-index:2;width:90%;max-width:718px;margin:0 auto;filter:drop-shadow(0 17px 13px #31334418)}.laptop-lid{padding:16px 16px 17px;border-radius:21px 21px 5px 5px;border:2px solid #9b9ba2;background:linear-gradient(115deg,#101113,#33353a 48%,#17181b 52%,#25262b);box-shadow:inset 0 0 0 2px #111,0 -3px 5px #fff}.camera{position:absolute;width:5px;height:5px;top:7px;left:50%;border-radius:50%;background:#364447;box-shadow:0 0 0 1px #000}.screen{background:#f6f5fc;aspect-ratio:1.6;border:1px solid #686971;overflow:hidden;border-radius:3px}.screen-toolbar{height:34px;display:flex;gap:13px;align-items:center;background:#fff;color:#6e658a;font-size:10px;font-weight:650;padding:0 12px;border-bottom:1px solid #e8e4f1}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ffb3b3}.window-dots i:nth-child(2){background:#ffe39d}.window-dots i:nth-child(3){background:#a0ded2}.toolbar-sample{margin-left:auto;font-weight:500;font-size:9px}.screen-content{padding:22px 24px 15px}.screen-heading p{font-size:24px;font-weight:850;letter-spacing:-.025em;margin:0 0 5px}.screen-heading>span{color:#726d82;font-size:12px}.guide-panel{margin-top:21px;display:grid;grid-template-columns:1.5fr 1fr;gap:13px}.guide-card{border-radius:12px;border:1px solid #ded4f8;background:#fff;box-shadow:0 4px 9px #583e9a06}.guide-card-main{padding:17px 17px 13px;position:relative}.guide-symbol{position:absolute;right:16px;top:18px;width:49px;height:49px;border-radius:14px;background:#eee8ff;padding:8px;color:var(--purple)}.guide-symbol svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.guide-card-label{display:block;font-size:10px;color:var(--purple);font-weight:700;margin-bottom:5px}.guide-card-main strong{display:block;font-size:23px}.sample-lines{margin-top:16px;display:flex;flex-direction:column;gap:7px}.sample-lines i{height:5px;width:75%;border-radius:10px;background:#eeeaf9}.sample-lines i:last-child{width:55%}.guide-card-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:13px 9px}.guide-side-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ebf6fb;color:#44a7ce;font-size:20px;font-weight:650}.guide-card-side strong{font-size:16px}.guide-card-side>span:last-child{font-size:11px;color:#797287}.screen-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px;font-size:10px;color:#7a708b}.screen-footer>span:first-child{display:flex;align-items:center;gap:6px}.screen-footer i{width:5px;height:5px;background:#9875e8;border-radius:50%;display:inline-block}.screen-pill{border-radius:6px;background:var(--purple);color:white;padding:8px 10px;display:flex;align-items:center;gap:15px;font-weight:700}.screen-pill b{font-size:15px;line-height:1}.laptop-keyboard{height:72px;background:linear-gradient(176deg,#bbbcc3 0%,#e5e5eb 38%,#b8b9c1 99%);margin:0 -23px;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);position:relative;border-top:2px solid #5b5d62}.keys{width:74%;height:36px;margin:4px auto 0;background:repeating-linear-gradient(90deg,transparent 0 4px,#666971 4px 20px,transparent 20px 24px),repeating-linear-gradient(0deg,#35373d 0 5px,#bfc1c9 5px 8px);transform:perspective(90px) rotateX(20deg);border:2px solid #777980;border-radius:3px;opacity:.87}.trackpad{height:22px;width:25%;border:1px solid #a9abb4;border-radius:3px;margin:4px auto 0;background:#d4d5db}.laptop-edge{position:relative;margin:0 -23px;height:11px;background:linear-gradient(#e7e7eb,#a0a2ac 70%,#c4c5cd);border-radius:0 0 30px 30px}.laptop-edge span{display:block;width:15%;height:4px;border-radius:0 0 9px 9px;background:#999aa3;margin:0 auto}.desk-shadow{height:25px;background:#29253521;filter:blur(10px);border-radius:50%;position:relative;width:85%;margin:0 auto;top:-5px}.product-scene figcaption{position:relative;z-index:2;color:#62606c;font-size:12px;line-height:1.6;margin:1px 1px 0}.scene-line{position:absolute;width:49px;height:7px;background:#a47cf1;border-radius:30px;z-index:1}.scene-line-one{top:1px;left:22px;transform:rotate(21deg)}.scene-line-two{top:27px;right:21px;transform:rotate(-27deg)}.plant{position:absolute;left:-20px;bottom:145px;width:77px;height:168px;opacity:.33;filter:blur(3px)}.plant i{position:absolute;background:#e2ded8;width:60px;height:62px;bottom:0;left:5px;border-radius:3px 3px 19px 16px}.plant:before{content:"";position:absolute;bottom:50px;left:34px;width:3px;height:100px;background:#899773}.plant span{position:absolute;width:34px;height:19px;border-radius:4px 90% 4px 90%;background:#839576;top:17px;left:8px;transform:rotate(25deg)}.plant span:nth-child(2){top:46px;left:30px;transform:rotate(-66deg)}.plant span:nth-child(3){top:65px;left:6px;transform:rotate(30deg)}.plant span:nth-child(4){top:0;left:31px;transform:rotate(-65deg)}.cup{position:absolute;right:-23px;bottom:83px;width:85px;height:94px;background:linear-gradient(90deg,#fafafa,#e8e6ec 90%);border-radius:8px 8px 30px 25px;box-shadow:0 11px 15px #56505a0e;filter:blur(1px);opacity:.85}.cup:before{content:"";position:absolute;left:0;top:-8px;width:85px;height:16px;border:6px solid #f4f2f5;border-radius:50%;background:#9e8b80}.hero-cta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--purple);padding:24px 35px;color:#fff;text-decoration:none;font-size:35px;line-height:1.45;font-weight:750;letter-spacing:.055em;transition:background .15s ease}.hero-cta:hover{background:var(--purple-dark)}.hero-cta svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.details{padding:68px 48px 55px;background:#fff;scroll-margin-top:24px}.section-label{font-size:11px;letter-spacing:.19em;color:var(--purple);font-weight:750}.details h2{font-size:36px;line-height:1.6;letter-spacing:-.025em;margin:14px 0 17px}.details>p{font-size:18px;line-height:1.9;color:#5c5e6c;margin:0}.pending-note{display:flex;gap:13px;padding:20px;background:#f7f5fc;border:1px solid #ece7f5;border-radius:12px;margin-top:30px;align-items:flex-start}.pending-note>span{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1.5px solid #8b78aa;border-radius:50%;font:600 15px/1 Georgia,serif;color:#8b78aa;margin-top:3px}.pending-note p{font-size:14px;line-height:1.8;color:#746b81;margin:0}.back-to-top{display:inline-flex;gap:15px;align-items:center;color:#625779;font-size:15px;min-height:44px;margin-top:25px;text-decoration-thickness:1px;text-underline-offset:5px}
.social-actions{display:flex;align-items:center;gap:25px;padding:22px 30px;background:#fff;border-bottom:1px solid #f0edf4;position:relative;z-index:3}.social-button{font:inherit;display:inline-flex;align-items:center;gap:9px;padding:6px 0;border:0;background:none;color:var(--ink);cursor:pointer;min-height:44px;font-size:15px;font-weight:600}.social-button svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.social-button:focus-visible{outline:3px solid #1d67ba;outline-offset:6px;border-radius:3px}.like-button[aria-pressed="true"]{color:#e02c59}.like-button[aria-pressed="true"] svg{fill:#e02c59}.social-button:disabled{color:#98939f;cursor:not-allowed}.share-note{font-size:12px;line-height:1.6;color:#6f6577;margin:0 0 0 auto;max-width:125px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){body{padding-bottom:50px}.preview-note{margin-bottom:25px}.page{border-radius:14px;overflow:hidden}}
@media(max-width:600px){.preview-note{min-height:34px;padding:8px 10px;font-size:10px;gap:6px}.brand{padding:25px 22px 9px;font-size:23px;gap:8px}.brand-mark{width:29px;height:29px}.hero-copy{padding:20px 14px 0}.eyebrow{font-size:14px;letter-spacing:.06em;margin-bottom:12px}h1{font-size:clamp(38px,11vw,60px)}h1>span:first-child{font-size:clamp(35px,10.2vw,58px)}h1>span:nth-child(2){font-size:clamp(54px,15.6vw,86px)}.final-line{font-size:clamp(28px,8.1vw,46px);letter-spacing:-.065em;padding-top:4px}.hero-subtitle{font-size:17px;margin-top:18px;letter-spacing:0}.product-scene{padding:16px 17px 13px;margin-top:27px}.laptop{width:94%}.laptop-lid{padding:9px 8px 10px;border-radius:12px 12px 3px 3px;border-width:1px;box-shadow:inset 0 0 0 1px #111}.camera{width:3px;height:3px;top:4px}.screen{aspect-ratio:1.37}.screen-toolbar{height:22px;padding:0 7px;font-size:6px;gap:7px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.toolbar-sample{font-size:6px}.screen-content{padding:14px 12px 11px}.screen-heading p{font-size:17px;margin-bottom:3px}.screen-heading>span{font-size:9px}.guide-panel{margin-top:13px;gap:7px;grid-template-columns:1.4fr 1fr}.guide-card{border-radius:7px}.guide-card-main{padding:12px 10px 11px}.guide-symbol{width:30px;height:30px;right:8px;top:11px;border-radius:9px;padding:4px}.guide-card-label{font-size:7px;margin-bottom:4px}.guide-card-main strong{font-size:15px;letter-spacing:-.03em}.sample-lines{margin-top:12px;gap:5px}.sample-lines i{height:3px}.guide-card-side{padding:9px 5px;gap:5px}.guide-side-icon{width:21px;height:21px;font-size:14px}.guide-card-side strong{font-size:11px}.guide-card-side>span:last-child{font-size:8px}.screen-footer{margin-top:10px;font-size:7px}.screen-footer>span:first-child{gap:4px}.screen-footer i{width:4px;height:4px}.screen-pill{font-size:7px;padding:6px;gap:6px;border-radius:4px}.screen-pill b{font-size:11px}.laptop-keyboard{height:39px;margin:0 -11px;border-top-width:1px}.keys{height:20px;margin-top:2px;border-width:1px;background:repeating-linear-gradient(90deg,transparent 0 2px,#666971 2px 11px,transparent 11px 13px),repeating-linear-gradient(0deg,#35373d 0 3px,#bfc1c9 3px 5px)}.trackpad{height:12px;margin-top:2px;border-radius:2px}.laptop-edge{margin:0 -11px;height:7px}.laptop-edge span{height:3px}.desk-shadow{height:17px;top:-3px;filter:blur(7px)}.product-scene figcaption{font-size:9px;margin-top:2px}.scene-line{height:4px;width:24px}.scene-line-one{left:9px;top:0}.scene-line-two{right:8px;top:14px}.plant{left:-32px;bottom:93px;transform:scale(.7);transform-origin:bottom left;opacity:.25}.cup{right:-37px;bottom:61px;transform:scale(.65);transform-origin:bottom right;opacity:.65}.hero-cta{padding:20px 21px;font-size:24px;letter-spacing:.045em}.hero-cta svg{width:24px;height:24px}.details{padding:45px 24px 35px}.details h2{font-size:27px;line-height:1.65;margin:12px 0 16px}.details>p{font-size:17px}.desktop-break{display:none}.pending-note{padding:17px 14px;gap:10px;margin-top:23px}.pending-note p{font-size:13px}.pending-note>span{width:19px;height:19px;font-size:13px}.section-label{font-size:10px}.back-to-top{font-size:14px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cta{transition:none}}
@media(max-width:600px){.social-actions{gap:21px;padding:17px 21px;flex-wrap:wrap}.social-button{font-size:14px;gap:7px}.social-button svg{width:29px;height:29px}.share-note{max-width:none;flex-basis:100%;font-size:11px;margin:-8px 0 0}}

/* Visitor journey: informational content, not a transaction backend. */
.social-actions{border-bottom:0;padding-bottom:12px}.section-kicker{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.concept-tag{font-size:12px;font-weight:700;color:#6d5686;background:#f0eaf9;border:1px solid #dfd4ef;padding:5px 10px;border-radius:5px}.section-intro{font-size:18px;line-height:1.95;color:#5c5e6c;margin:0}.concept-note{display:flex;align-items:flex-start;gap:11px;border-left:3px solid #b29bea;padding:14px 17px;background:#f8f6fc;margin:29px 0 36px}.concept-note svg{width:22px;height:22px;flex-shrink:0;stroke:#77618e;fill:none;stroke-width:1.7;stroke-linecap:round;margin-top:3px}.concept-note p{font-size:15px;line-height:1.8;color:#6e607c;margin:0}.journey{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:57px}.journey-step{position:relative;padding:27px 28px 31px;border:1px solid #ded6ed;border-radius:17px;background:#fff;box-shadow:0 6px 25px #4d3a6e04}.journey-step+.journey-step:before{content:"";position:absolute;height:26px;width:2px;background:#ad96da;top:-44px;left:50%;transform:translateX(-50%)}.journey-step+.journey-step:after{content:"";position:absolute;width:10px;height:10px;border-bottom:2px solid #ad96da;border-right:2px solid #ad96da;top:-29px;left:50%;transform:translateX(-50%) rotate(45deg)}.step-heading{display:flex;align-items:center;gap:11px;margin-bottom:25px}.step-number{background:var(--purple);color:#fff;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:750}.step-eyebrow{color:#6e50a2;font-weight:750;font-size:15px;letter-spacing:.05em}.step-state{font-size:11px;letter-spacing:.02em;color:#6a597d;background:#f1ecf8;padding:5px 9px;border-radius:4px;margin-left:auto}.step-main{display:flex;gap:22px;align-items:flex-start}.step-icon{color:var(--purple);background:#f0ebff;width:75px;height:75px;display:grid;place-items:center;border-radius:18px;flex-shrink:0}.step-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.journey h3{font-size:28px;font-weight:800;line-height:1.55;letter-spacing:-.035em;margin:0 0 10px}.step-main p,.step-description{font-size:17px;color:#656071;line-height:1.85;margin:0}.step-understand{background:#faf8ff;border-color:#d6c9f4}.step-understand .step-heading{margin-bottom:19px}.channel-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.channel-option{display:flex;align-items:center;flex-direction:column;text-align:center;padding:23px 8px 20px;background:#fff;border:1px solid #e4dcf0;border-radius:11px}.channel-option svg{width:36px;height:36px;fill:none;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.channel-option strong{font-size:17px;line-height:1.5;letter-spacing:-.03em;white-space:nowrap}.channel-option span{font-size:13px;line-height:1.7;color:#72667e;margin-top:5px}.connection-note{font-size:13px;line-height:1.8;color:#6e637b;margin:17px 0 0}.step-decide{background:#f3effb}.flow-summary{margin-top:31px;padding:20px 0 0;text-align:center}.flow-summary>span{color:#70617f;font-size:13px;font-weight:600;letter-spacing:.07em}.flow-summary p{font-size:17px;font-weight:750;line-height:1.9;margin:10px 0 0;color:#433450}.flow-summary b{font-weight:500;display:inline-block;margin:0 8px;color:#9479b8}.mobile-break{display:none}.review-section,.questions-section{padding:61px 48px}.review-section{background:#f7f5fb;border-top:1px solid #eee9f5;border-bottom:1px solid #eee9f5}.review-section h2,.questions-section h2{font-size:32px;line-height:1.65;letter-spacing:-.035em;margin:14px 0 17px}.review-list{list-style:none;padding:0;margin:30px 0 0}.review-list li{display:flex;gap:20px;padding:24px 0;border-top:1px solid #e4deec}.review-list li:last-child{border-bottom:1px solid #e4deec}.review-list li>span{font-size:15px;color:#8c73af;font-weight:750;letter-spacing:.06em;flex-shrink:0;line-height:1.8}.review-list h3{font-size:21px;line-height:1.6;margin:0 0 7px;font-weight:750}.review-list p{font-size:17px;line-height:1.8;color:#6b6177;margin:0}.scope-note{font-size:14px;line-height:1.9;color:#70647c;margin:25px 0 0}.questions-section{background:#fff}.questions-section h2{font-size:29px;margin-bottom:25px}.question-list details{border-top:1px solid #e7e1ef}.question-list details:last-child{border-bottom:1px solid #e7e1ef}.question-list summary{position:relative;list-style:none;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:24px 0;cursor:pointer;font-weight:700;font-size:18px;line-height:1.7}.question-list summary::-webkit-details-marker{display:none}.question-list summary>span{font:400 25px/1 Arial,sans-serif;color:var(--purple);width:22px;flex-shrink:0;text-align:center}.question-list details[open] summary>span{transform:rotate(45deg)}.question-list details[open] summary{padding-bottom:14px}.question-list details p{font-size:17px;line-height:1.95;color:#6c6279;margin:0;padding:0 34px 25px 0}.question-list summary:focus-visible{outline:3px solid #1d67ba;outline-offset:4px;border-radius:2px}.closing-section{background:linear-gradient(145deg,#f4efff,#fcfbff);text-align:center;padding:56px 37px 49px;border-top:1px solid #e9e1f8}.closing-kicker{font-size:16px;font-weight:800;letter-spacing:.09em;color:#6d50a8;margin:0 0 19px}.closing-title{font-size:44px;font-weight:850;line-height:1.5;letter-spacing:-.04em;margin:0 0 27px}.closing-title em{font-style:normal;color:var(--purple)}.closing-link{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;max-width:100%;padding:17px 24px;color:#fff;background:var(--purple);border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;line-height:1.7}.closing-link:hover{background:var(--purple-dark)}.closing-link svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.closing-note{font-size:12px;line-height:1.9;color:#746582;margin:20px 0 0}.page-footer{max-width:880px;padding:22px 20px;margin:0 auto;display:flex;gap:15px;justify-content:space-between;align-items:center;color:#776d84;font-size:12px;line-height:1.8}.page-footer a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
@media(max-width:600px){.social-actions{padding-bottom:9px}.section-kicker{gap:12px}.concept-tag{font-size:10px;padding:4px 8px}.concept-note{padding:13px 11px;margin:23px 0 29px;gap:8px}.concept-note p{font-size:13px}.concept-note svg{width:19px;height:19px}.journey{gap:45px}.journey-step{padding:21px 18px 24px;border-radius:13px}.journey-step+.journey-step:before{top:-35px;height:23px}.journey-step+.journey-step:after{top:-21px}.step-heading{gap:9px;margin-bottom:21px}.step-number{width:28px;height:28px;font-size:16px}.step-eyebrow{font-size:13px}.step-state{font-size:10px;padding:4px 7px}.step-main{gap:13px;align-items:flex-start}.step-icon{width:45px;height:45px;border-radius:12px;margin-top:3px}.step-icon svg{width:30px;height:30px;stroke-width:2.2}.journey h3{font-size:23px;line-height:1.65;margin-bottom:10px}.step-main p,.step-description{font-size:16px;line-height:1.9}.step-main>div:last-child{min-width:0}.mobile-break{display:block}.channel-options{grid-template-columns:1fr;gap:10px;margin-top:19px}.channel-option{display:grid;grid-template-columns:34px 1fr;text-align:left;column-gap:14px;row-gap:1px;padding:15px 16px}.channel-option svg{grid-column:1;grid-row:1/3;width:30px;height:30px;margin:0}.channel-option strong{grid-column:2;font-size:18px;white-space:normal}.channel-option span{grid-column:2;font-size:14px;margin-top:0}.connection-note{font-size:12px;line-height:1.9;margin-top:14px}.flow-summary{margin-top:23px;padding-top:10px}.flow-summary>span{font-size:12px}.flow-summary p{font-size:14px;line-height:2}.flow-summary b{margin:0 2px}.review-section,.questions-section{padding:42px 24px}.review-section h2{font-size:26px;line-height:1.7;margin-top:12px}.section-intro{font-size:17px}.review-list{margin-top:25px}.review-list li{gap:13px;padding:22px 0}.review-list li>span{font-size:13px;line-height:2.2}.review-list h3{font-size:19px;margin-bottom:6px}.review-list p{font-size:16px}.scope-note{font-size:13px}.questions-section h2{font-size:25px;line-height:1.65}.question-list summary{font-size:17px;padding:21px 0;gap:13px}.question-list details p{font-size:16px;line-height:1.9;padding:0 0 23px}.closing-section{padding:43px 24px 38px}.closing-kicker{font-size:13px}.closing-title{font-size:34px;margin-bottom:25px}.closing-link{font-size:16px;padding:16px 17px;gap:12px;width:100%}.closing-link svg{width:20px;height:20px}.closing-note{font-size:11px;line-height:1.9;margin-top:18px}.page-footer{padding:17px 21px;font-size:10px;gap:9px}}
@media(max-width:360px){.details,.review-section,.questions-section{padding-left:20px;padding-right:20px}.journey-step{padding-left:15px;padding-right:15px}.step-main{display:block}.step-icon{margin-bottom:13px}.flow-summary p{font-size:13px}.closing-link{font-size:15px}}

/* Two-line first-screen headline mirrors the supplied ad composition. */
.hero-copy h1{line-height:1.3}.hero-copy h1>span:first-child{font-size:61px;letter-spacing:-.055em;white-space:nowrap}.hero-copy h1>.final-line{font-size:70px;letter-spacing:-.065em;padding-top:5px}.preview-note{font-size:11px;min-height:32px;padding:7px 14px}
@media(max-width:600px){.hero-copy{padding-top:16px}.hero-copy h1>span:first-child{font-size:clamp(24px,7.7vw,45px);letter-spacing:-.055em}.hero-copy h1>.final-line{font-size:clamp(28px,8.8vw,51px);letter-spacing:-.065em;padding-top:5px}.hero-subtitle{font-size:16px;margin-top:16px}.product-scene{margin-top:24px}.preview-note{font-size:9px;min-height:28px;padding:6px 10px}.social-actions{padding-top:12px;gap:19px}.social-button{font-size:14px}.share-note{flex-basis:auto;max-width:115px;margin:0 0 0 auto;font-size:9px}}

/* Slim aluminium notebook, opened naturally on the desk in front of the viewer. */
.product-scene{padding-top:20px}
.laptop{width:88%;transform:none;transform-origin:center bottom;filter:drop-shadow(0 15px 13px #292b381b)}
.laptop-lid{position:relative;padding:11px 10px 12px;border:1.5px solid #b7b9c0;border-radius:17px 17px 5px 5px;background:linear-gradient(125deg,#121418 2%,#24262c 43%,#111216 77%);box-shadow:inset 0 0 0 1px #07080a,0 -1px 0 #f9fafc,1px 0 0 #ebedf1,-1px 0 0 #8e919b}
.laptop-lid:after{content:"";position:absolute;bottom:-3px;left:18%;width:64%;height:3px;border-radius:2px;background:linear-gradient(90deg,#62656d,#2a2d34 14%,#3a3d44 86%,#797c85);z-index:3}
.camera{width:4px;height:4px;top:4px;left:calc(50% - 2px);background:radial-gradient(circle at 35% 35%,#30424e,#111820 60%);box-shadow:0 0 0 1px #090b0e}
.screen{position:relative;border:1px solid #080a0d;border-radius:6px 6px 2px 2px;box-shadow:0 0 0 .5px #4a4d53}
.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(119deg,#fff1,transparent 35%,transparent 63%,#fff0 64%);border-radius:inherit}
.laptop-keyboard{height:106px;margin:0 -29px;position:relative;border-top:1px solid #a1a4ae;background:linear-gradient(174deg,#b8bdc6 0%,#d5d9e0 20%,#e4e7eb 59%,#bec4cd 100%);clip-path:polygon(3.7% 0,96.3% 0,100% 100%,0 100%);box-shadow:inset 0 1px 0 #f5f6f8}
.laptop-keyboard:before,.laptop-keyboard:after{content:"";position:absolute;top:12px;width:3.8%;height:39px;background-image:radial-gradient(circle,#737883 0 .6px,transparent .9px);background-size:3px 3px;opacity:.58}
.laptop-keyboard:before{left:7.4%}.laptop-keyboard:after{right:7.4%}
.keys{display:flex;flex-direction:column;gap:2px;width:72%;height:47px;padding:2px;margin:7px auto 0;border:1px solid #9195a1;border-radius:4px;background:#959aa5;transform:perspective(280px) rotateX(19deg);transform-origin:center top;box-shadow:inset 0 1px 2px #565b65;opacity:1}
.key-row{display:flex;gap:2px;flex:1;min-height:0}.key-row:first-child{flex:.65}.key-row i{display:block;flex:1;background:linear-gradient(#353840,#20232a);border-radius:1.5px;box-shadow:0 .5px 0 #090b0e,inset 0 .5px 0 #5c626e}.key-row .key-wide{flex:1.6}.key-row .key-space{flex:5.5}
.trackpad{height:43px;width:33%;border:1px solid #adb2be;border-top-color:#a1a7b3;border-radius:4px;margin:6px auto 0;background:linear-gradient(160deg,#d0d5dd,#dfe3e9);box-shadow:0 1px 0 #f4f5f8,inset 0 .5px 0 #c9cdd6}
.laptop-edge{height:7px;margin:0 -29px;background:linear-gradient(#f0f2f6 0%,#d9dde5 24%,#9197a5 59%,#c4c9d3 100%);border-radius:0 0 45% 45% / 0 0 6px 6px;box-shadow:0 1px 0 #8b909c,0 3px 3px #32374716}
.laptop-edge span{width:14%;height:3px;background:linear-gradient(#979dab,#c6cad4);border-radius:0 0 7px 7px;box-shadow:0 .5px 0 #e7eaf0}
.desk-shadow{width:86%;height:22px;margin:3px auto 0;top:-5px;background:radial-gradient(ellipse,#25293629 0%,#40455713 48%,transparent 73%);filter:blur(7px);transform:none}
@media(max-width:600px){.product-scene{padding-top:14px}.laptop{width:91%;transform:none;filter:drop-shadow(0 9px 8px #292b381c)}.laptop-lid{padding:8px 6px 8px;border-width:1px;border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 0 .7px #07080a,0 -1px 0 #fff,1px 0 0 #e4e7ed}.laptop-lid:after{bottom:-2px;height:2px}.camera{width:3px;height:3px;top:3px;left:calc(50% - 1.5px)}.screen{border-radius:4px 4px 1px 1px}.laptop-keyboard{height:64px;margin:0 -13px}.laptop-keyboard:before,.laptop-keyboard:after{top:8px;height:25px;background-size:2px 2px;background-image:radial-gradient(circle,#737883 0 .4px,transparent .65px)}.keys{height:28px;width:72%;padding:1px;gap:1px;margin-top:4px;border-width:.7px;border-radius:2px;transform:perspective(180px) rotateX(17deg)}.key-row{gap:1px}.key-row i{border-radius:.7px}.trackpad{height:25px;margin-top:4px;border-width:.7px;border-radius:3px}.laptop-edge{height:5px;margin:0 -13px;border-radius:0 0 35% 35% / 0 0 4px 4px}.laptop-edge span{height:2px}.desk-shadow{height:17px;width:89%;margin-top:2px;filter:blur(5px);transform:none}}
@media(min-width:601px) and (max-width:740px){.screen{aspect-ratio:1.45}.screen-content{padding:17px 18px 12px}.screen-heading p{font-size:22px}.guide-panel{margin-top:15px}.guide-card-main{padding:14px}.screen-footer{margin-top:11px}.guide-symbol{width:39px;height:39px;right:11px}.guide-card-main strong{font-size:19px}}
@media(max-width:360px){.screen{aspect-ratio:1.22}.screen-content{padding:11px 10px 9px}.screen-heading{line-height:1.2}.screen-heading p{font-size:16px;line-height:1.3}.screen-heading>span{display:block;line-height:1.4}.guide-panel{margin-top:10px}.guide-symbol{width:23px;height:23px;right:7px;top:10px}.guide-card-main strong{font-size:14px}.screen-footer{margin-top:8px}}

/* Only the display leans back at its hinge; the notebook itself is not rolled or turned sideways. */
.laptop-lid{transform:perspective(1500px) rotateX(6deg);transform-origin:center bottom}.laptop-keyboard{transform:none}.laptop-edge{transform:none}
@media(max-width:600px){.laptop-lid{transform:perspective(1100px) rotateX(4deg)}}

/* Premium Pro-style finish: a level front view, not a sideways-tilted image. */
.laptop{filter:drop-shadow(0 13px 11px #20253225)}
.laptop-lid{padding:10px 8px 10px;border:1px solid #777f8a;border-radius:15px 15px 4px 4px;background:linear-gradient(135deg,#101216,#1b1e24 50%,#111318);box-shadow:inset 0 0 0 1px #080a0d,0 -1px 0 #dfe3e9,1px 0 0 #c8ced6,-1px 0 0 #626b78}
.laptop-lid:after{background:linear-gradient(90deg,#646c77,#181c23 15%,#262c35 85%,#747c88)}
.screen{border-color:#080a0d;border-radius:7px 7px 2px 2px;box-shadow:0 0 0 .5px #343a43}
.screen:after{background:linear-gradient(120deg,#ffffff0d,transparent 31%,transparent 73%,#bac5db08);border-radius:inherit}
.camera{z-index:4;top:9px;left:50%;width:13%;min-width:44px;max-width:84px;height:14px;transform:translateX(-50%);border-radius:0 0 5px 5px;background:#101216;box-shadow:none;pointer-events:none}
.camera:after{content:"";position:absolute;width:3px;height:3px;left:calc(50% - 1.5px);top:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#536779,#172536 60%);box-shadow:0 0 0 1px #080b10}
.laptop-keyboard{border-top-color:#66707c;background:linear-gradient(175deg,#878f9b 0%,#a8b0bc 19%,#c4cbd4 54%,#929ba8 100%);box-shadow:inset 0 1px 0 #d6dce4}
.laptop-keyboard:before,.laptop-keyboard:after{background-image:radial-gradient(circle,#424b58 0 .65px,transparent .95px);opacity:.7}
.keys{background:#161b22;border-color:#6a7481;border-radius:5px;box-shadow:inset 0 2px 3px #06080d,0 .6px 0 #cbd3de;padding:3px}
.key-row i{background:linear-gradient(165deg,#323944,#222831);border-radius:1.8px;box-shadow:0 1px 0 #070a0f,inset 0 .7px 0 #55606e}
.trackpad{width:34%;border-color:#7c8797;border-top-color:#707c8e;background:linear-gradient(150deg,#a8b2bf,#bcc5d0);box-shadow:0 1px 0 #d9e0e8,inset 0 1px 1px #97a3b2}
.laptop-edge{background:linear-gradient(#d7dfe8 0%,#bac4d0 23%,#6f7b8d 59%,#a5b0c0 100%);box-shadow:0 1px 0 #667286,0 3px 4px #27304424}
.laptop-edge span{background:linear-gradient(#66758a,#aab7c8);box-shadow:0 .5px 0 #d8e1ee}
.desk-shadow{background:radial-gradient(ellipse,#242a3833 0%,#37425218 48%,transparent 73%);filter:blur(8px)}

/* Instagram-sized glyphs, with generous invisible touch targets. */
.social-actions{gap:2px;padding:8px 17px 3px;flex-wrap:nowrap}
.social-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
.social-button svg{width:26px;height:26px;stroke-width:2}
.social-button>span:not(.like-count):not(.share-count){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.share-note{flex-basis:auto;max-width:180px;margin:0 8px 0 auto;font-size:10px;line-height:1.6}
@media(max-width:600px){.laptop{filter:drop-shadow(0 8px 7px #20253224)}.laptop-lid{padding:8px 6px 8px;border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 0 .7px #080a0d,0 -1px 0 #dfe3e9,1px 0 0 #c8ced6}.screen{border-radius:5px 5px 1px 1px}.camera{top:7px;min-width:36px;max-width:49px;height:9px;border-radius:0 0 4px 4px}.camera:after{width:2px;height:2px;left:calc(50% - 1px);top:3px}.keys{padding:1.5px;border-radius:3px}.key-row i{border-radius:1px;box-shadow:0 .6px 0 #070a0f,inset 0 .5px 0 #55606e}.laptop-keyboard:before,.laptop-keyboard:after{background-image:radial-gradient(circle,#424b58 0 .4px,transparent .65px)}.desk-shadow{filter:blur(5px)}.social-actions{padding:7px 5px 3px;gap:2px}.social-button svg{width:26px;height:26px}.share-note{max-width:160px;font-size:9px;margin-right:16px}}

.claim-review-note{display:inline-block;max-width:100%;margin:17px 0 0;padding:7px 11px;border-left:3px solid #a28ad4;background:#f3eff9;color:#655473;font-size:14px;line-height:1.75;font-weight:500;text-align:left;letter-spacing:0}
@media(max-width:600px){.claim-review-note{margin-top:14px;padding:7px 10px;font-size:14px;line-height:1.7}.claim-review-note+.hero-subtitle{margin-top:13px}}

/* Match the supplied foreground notebook: display and desk planes have separate perspective. */
.laptop{width:96%;aspect-ratio:1.29411765;transform:none;isolation:isolate}
.laptop .laptop-lid{position:absolute;left:0;top:10%;width:71%;height:66%;transform:matrix(1,-.1,.125,1,0,0);transform-origin:top left;z-index:2}
.laptop .screen{height:100%;width:100%;aspect-ratio:auto}
.laptop .laptop-keyboard{position:absolute;left:6.4%;top:76%;width:71%;height:24%;margin:0;clip-path:none;transform:matrix(1,-.1,1,.88,0,0);transform-origin:top left;border-radius:0 0 4px 4px;z-index:1}
.laptop .laptop-edge{position:absolute;left:24.95%;top:97.12%;width:71%;height:7px;margin:0;transform:matrix(1,-.1,0,1,0,0);transform-origin:top left;z-index:2}
.laptop .keys{height:43%;margin-top:5px;transform:none}
.laptop .trackpad{height:34%;margin-top:4px}
.laptop .laptop-keyboard:before,.laptop .laptop-keyboard:after{top:9%;height:35%}
.desk-shadow{width:88%;margin-top:-2px;transform:skewY(-5deg)}
.screen-content.mode-screen{height:calc(100% - 34px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 25px 18px;background:radial-gradient(ellipse at 50% 15%,#fff 0%,#f6f3fe 75%)}
.screen-context{margin:0 0 7px;color:#79689b;font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.12em}
.mode-title{margin:0;color:#211c31;font-size:27px;line-height:1.45;font-weight:800;letter-spacing:.04em}
.mode-preview{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}
.mode-choice{display:flex;align-items:center;justify-content:center;min-height:65px;border:1.5px solid #6846df;border-radius:9px;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:.1em;user-select:none}
.mode-choice-auto{background:linear-gradient(145deg,#7755ed,#6240d5);color:#fff;box-shadow:0 4px 10px #6746dd1b}
.mode-choice-manual{background:#fff;color:#56406f;box-shadow:0 3px 7px #5b3f9508}
.mode-caption{margin:16px 0 0;color:#746484;font-size:11px;line-height:1.7}
@media(max-width:600px){.laptop{width:99%;aspect-ratio:1.29411765}.laptop .laptop-lid{padding:8px 6px 8px;transform:matrix(1,-.1,.125,1,0,0)}.laptop .laptop-edge{height:5px}.laptop .keys{height:43%;margin-top:3px}.laptop .trackpad{height:34%;margin-top:3px}.screen-content.mode-screen{height:calc(100% - 22px);padding:7px 9px 8px}.screen-context{font-size:8px;line-height:1.3;letter-spacing:.1em;margin-bottom:4px}.mode-title{font-size:19px;line-height:1.3;letter-spacing:0}.mode-preview{gap:8px;margin-top:11px}.mode-choice{min-height:43px;border-width:1px;border-radius:6px;font-size:22px;letter-spacing:.08em}.mode-caption{font-size:9px;line-height:1.4;margin-top:9px}.desk-shadow{margin-top:-1px;transform:skewY(-5deg)}}
@media(max-width:360px){.screen-content.mode-screen{padding:6px 8px}.screen-context{display:none}.mode-title{font-size:18px;line-height:1.3}.mode-preview{margin-top:9px;gap:7px}.mode-choice{min-height:40px;font-size:21px}.mode-caption{font-size:8px;margin-top:7px}}
@media(min-width:601px) and (max-width:740px){.screen-content.mode-screen{padding:10px 20px 12px}.screen-context{font-size:10px;margin-bottom:5px}.mode-title{font-size:23px}.mode-preview{margin-top:16px;gap:11px}.mode-choice{min-height:56px;font-size:25px}.mode-caption{margin-top:12px;font-size:10px}}

/* Kuala Lumpur nocturne — restrained navy, brushed metal and champagne gold.
   The existing notebook perspective, illustrated controls and interaction sizes stay intact. */
:root{--ink:#152538;--purple:#19446c;--purple-dark:#12334f;--muted:#657181;--paper:#faf9f6;--lavender:#f2f4f6;--line:#dfe4e8;--night:#081526;--gold:#c8ad78;background:#040d18}
body{background:radial-gradient(ellipse at 50% 0,#142c44 0,#07111f 55%,#040b14 100%)}
a:focus-visible,.social-button:focus-visible,.question-list summary:focus-visible{outline-color:#bd995d}
.preview-note{color:#c5cfda;background:#0b1929;border-bottom:1px solid #ffffff13;letter-spacing:.05em}
.preview-dot{background:#c8ad78;box-shadow:0 0 9px #c8ad7833}
.page{background:#faf9f6;box-shadow:0 28px 100px #0005}
.hero{background:var(--night);color:#f7f4ec;isolation:isolate}
.hero-visual{position:absolute;z-index:-1;inset:0 0 auto;height:650px;overflow:hidden;pointer-events:none}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% top}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081526f5 0%,#081526d9 25%,#0815268c 43%,#08152612 72%),linear-gradient(180deg,#08152615 0%,#08152600 42%,#08152699 76%,#081526 100%)}
.visual-credit{position:absolute;top:107px;left:44px;z-index:1;margin:0;color:#d1d7df;font-size:10px;line-height:1.7;letter-spacing:.03em}
.visual-credit span{display:block;color:#cfb784;font-size:10px;letter-spacing:.16em;margin-bottom:4px}
.light-window,.ambient,.scene-line,.plant,.cup{display:none}
.brand{padding:32px 42px 14px;font-size:25px;gap:11px;font-weight:750;letter-spacing:.095em;color:#f6f3eb}
.brand-mark{color:#d3bc89;width:33px;height:33px}
.hero-copy{padding:89px 42px 0;text-align:left}
.hero-copy h1{line-height:1.35;font-weight:800;text-shadow:0 2px 24px #0005}
.hero-copy h1>span:first-child{font-size:52px;letter-spacing:-.04em}
.hero-copy h1>.final-line{font-size:53px;letter-spacing:-.055em;padding-top:6px}
h1 em{color:#dfc792}
.claim-review-note{background:#0a1b2de8;color:#d7dfe7;border-left:2px solid #bfa674;margin-top:20px;padding:8px 12px;font-size:13px;font-weight:400}
.hero-subtitle{color:#c4ceda;font-size:18px;font-weight:500;letter-spacing:.06em;margin-top:17px}
.product-scene{margin-top:32px;padding-bottom:24px;background:linear-gradient(180deg,transparent 0%,#08152600 35%,#0b1b2c 88%,#081526 100%)}
.laptop{filter:drop-shadow(0 24px 22px #0008)}
.desk-shadow{background:radial-gradient(ellipse,#0009 0%,#0004 48%,transparent 73%)}
.product-scene figcaption{color:#b7c3d0;font-size:12px;text-align:center;line-height:1.8}
/* Glossy, tactile mode previews. These remain non-interactive spans. */
.laptop .screen{background:#0a1728;border-color:#080b10}
.screen-toolbar{background:#0a1524;color:#aebdce;border-bottom-color:#ffffff0e}
.window-dots i{background:#78889a}.window-dots i:nth-child(2){background:#bba575}.window-dots i:nth-child(3){background:#587d95}
.screen-content.mode-screen{background:radial-gradient(ellipse at 50% 0,#1d3956 0%,#0d2037 48%,#091728 100%)}
.screen-context{color:#cbb685;font-weight:650;letter-spacing:.18em}
.mode-title{color:#f6f4ee;font-weight:750;text-shadow:0 2px 5px #0005}
.mode-preview{gap:14px}
.mode-choice{position:relative;overflow:hidden;isolation:isolate;border-radius:10px;min-height:69px;border-width:1px;font-size:30px;font-weight:800;letter-spacing:.12em;text-shadow:0 2px 3px #0006;padding-left:.12em}
.mode-choice:before{content:"";position:absolute;z-index:-1;inset:0 0 49%;border-radius:inherit;background:linear-gradient(180deg,#ffffff16,#ffffff04);border-bottom:1px solid #ffffff04;pointer-events:none}
.mode-choice:after{content:"";position:absolute;bottom:6px;left:calc(50% - 9px);width:18px;height:2px;border-radius:3px;background:#d1ba85;box-shadow:0 0 8px #cbb58044;pointer-events:none}
.mode-choice-auto{color:#fffaf0;border-color:#bfaa7b;background:linear-gradient(150deg,#315f87 0%,#1b456b 43%,#112d4c 100%);box-shadow:inset 0 1px 0 #fff5,inset 0 -2px 0 #07172b,0 5px 0 #08172a,0 8px 17px #0006}
.mode-choice-manual{color:#f2f5fa;border-color:#75889f;background:linear-gradient(150deg,#334b65 0%,#20354e 46%,#101f33 100%);box-shadow:inset 0 1px 0 #ffffff35,inset 0 -2px 0 #07121f,0 5px 0 #071321,0 8px 17px #0005}
.mode-choice-manual:after{background:#96a8bd;box-shadow:none}
.mode-caption{color:#b9c7d7;margin-top:20px}
.hero-cta{margin:0 34px 25px;border:1px solid #ad9466;border-radius:5px;background:linear-gradient(110deg,#d5bf91,#c5aa76 55%,#d2bb8c);box-shadow:inset 0 1px 0 #fff6,0 7px 21px #0003;color:#102239;padding:21px 29px;font-size:29px;letter-spacing:.07em}
.hero-cta:hover{background:linear-gradient(110deg,#e0cda7,#d4bd90 55%,#ddc79d)}
.hero-cta svg{width:26px;height:26px;stroke-width:2.1}
.social-actions{background:#0b1b2d;border-top:1px solid #ffffff12;color:#e4ebf3;padding-left:22px;padding-right:22px}
.social-button{color:#e4ebf3}.social-button:disabled{color:#8291a3}.like-button[aria-pressed="true"]{color:#ed7390}.like-button[aria-pressed="true"] svg{fill:#ed7390}
.share-note{color:#acbbcb}

.details,.questions-section{background:#faf9f6}
.section-label{color:#816432;letter-spacing:.17em}
.section-intro,.details>p{color:#5e6b79}
.concept-tag{color:#685435;background:#f1ece2;border-color:#e4d9c3;border-radius:3px}
.concept-note{border-left-color:#bba270;background:#f1f0eb}
.concept-note svg,.concept-note p{color:#5e6975;stroke:#6d7a88}
.journey-step{border-color:#d7dee4;background:#fffefa;border-radius:8px;box-shadow:0 9px 30px #14283a05}
.journey-step+.journey-step:before{background:#ab956d}.journey-step+.journey-step:after{border-color:#ab956d}
.step-number{background:#193c5d;color:#f8f5eb}
.step-eyebrow{color:#254b6a}
.step-state{color:#6b5838;background:#f1eadc;border-radius:3px}
.step-icon{color:#234b6f;background:#edf1f4;border-radius:12px}
.step-main p,.step-description{color:#62707c}
.step-understand{background:#edf1f4;border-color:#ccd7df}
.channel-option{background:#fffefa;border-color:#d9e0e5;border-radius:6px}
.channel-option svg{stroke:#285579}.channel-option span,.connection-note{color:#62707d}
.step-decide{background:#f0f2ef}
.flow-summary>span{color:#6c7680}.flow-summary p{color:#233b50}.flow-summary b{color:#a3895b}
.review-section{background:#edf0f2;border-color:#dfe5e9}
.review-list li,.review-list li:last-child{border-color:#d3dce2}
.review-list li>span{color:#93733d}.review-list p,.scope-note{color:#61707d}
.question-list details,.question-list details:last-child{border-color:#dce1e3}
.question-list summary>span{color:#947542}.question-list details p{color:#60707f}
.closing-section{color:#f2f3f2;background:radial-gradient(ellipse at 50% 0,#1b3551,#0d1e32 65%);border-top:1px solid #bda16c66}
.closing-kicker{color:#c5af80;font-weight:650;letter-spacing:.18em}
.closing-title em{color:#d6c08f}
.closing-link{color:#f6f1e6;background:#ffffff06;border:1px solid #b99d686e;border-radius:4px}
.closing-link:hover{background:#ffffff0e}
.closing-note{color:#b6c3d0}
.page-footer{color:#a4b2c2}
@media(min-width:1000px){.page{border-radius:8px}.preview-note{margin-bottom:25px}}
@media(min-width:601px) and (max-width:740px){.hero-copy h1>.final-line{font-size:42px}.hero-copy h1>span:first-child{font-size:46px}.hero-visual{height:600px}.hero-copy{padding-left:34px;padding-right:34px}.visual-credit{left:36px}.mode-choice{min-height:57px;font-size:26px}.mode-caption{margin-top:16px}}
@media(max-width:600px){
  .brand{padding:24px 22px 11px;font-size:21px;gap:9px;letter-spacing:.09em}.brand-mark{width:28px;height:28px}
  .hero-visual{height:440px}.hero-visual img{object-position:76% top}
  .hero-visual:after{background:linear-gradient(180deg,#08152638 0%,#08152600 24%,#0815260a 43%,#081526b8 70%,#081526 95%),linear-gradient(90deg,#08152635,#08152600 75%)}
  .visual-credit{top:234px;left:22px;font-size:9px;line-height:1.6;text-shadow:0 1px 7px #000}.visual-credit span{font-size:9px;letter-spacing:.13em;margin-bottom:2px}
  .hero-copy{padding:220px 19px 0;text-align:center}
  .hero-copy h1>span:first-child{font-size:clamp(32px,9.1vw,48px);letter-spacing:-.045em}.hero-copy h1>.final-line{font-size:clamp(27px,8.4vw,49px);letter-spacing:-.055em;padding-top:5px}
  .claim-review-note{font-size:12px;line-height:1.8;margin-top:18px;padding:7px 10px;background:#0c2035d9}
  .claim-review-note+.hero-subtitle{margin-top:14px}.hero-subtitle{font-size:15px;letter-spacing:.025em;line-height:1.8}
  .product-scene{margin-top:21px;padding-top:12px;padding-bottom:20px}.laptop{filter:drop-shadow(0 15px 13px #0008)}.product-scene figcaption{font-size:10px;line-height:1.8;margin-top:6px}
  .mode-preview{gap:9px;margin-top:12px}.mode-choice{min-height:45px;font-size:23px;letter-spacing:.09em;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -1px 0 #071321,0 3px 0 #071321,0 5px 9px #0005}
  .mode-choice:after{height:1px;width:13px;left:calc(50% - 6.5px);bottom:4px}.mode-caption{margin-top:13px;font-size:9px}
  .hero-cta{margin:0 20px 21px;padding:18px 21px;font-size:24px;border-radius:4px}.hero-cta svg{width:23px;height:23px}
  .social-actions{padding-left:9px;padding-right:9px}.social-button svg{width:26px;height:26px}.share-note{font-size:10px;line-height:1.6;margin-right:11px}
  .journey-step{border-radius:6px}.channel-option{border-radius:5px}.step-icon{border-radius:9px}
}
@media(max-width:360px){.hero-copy{padding-top:210px;padding-left:15px;padding-right:15px}.hero-visual{height:425px}.visual-credit{top:224px;left:18px}.claim-review-note{font-size:12px}.mode-preview{gap:7px;margin-top:9px}.mode-choice{font-size:21px;min-height:40px}.mode-caption{font-size:8px;margin-top:10px}.hero-cta{font-size:22px;margin-left:18px;margin-right:18px}.product-scene figcaption{font-size:9px}}

/* V6: photorealistic product asset replaces the CSS notebook facsimile.
   Static pale-blue edge light separates the transparent laptop from the navy. */
.product-scene-photoreal{margin:18px 0 0;padding:0 18px 27px;overflow:hidden;background:linear-gradient(180deg,transparent,#081526 95%)}
.premium-laptop-image{display:block;width:100%;height:auto;max-width:820px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 0 1px #edf6ffb3) drop-shadow(0 0 7px #b7d9ff45) drop-shadow(0 15px 22px #0004)}
.product-scene-photoreal figcaption{margin:4px 10px 0;color:#c4ceda;font-size:12px;line-height:1.8;text-align:center}
@media(max-width:600px){.product-scene-photoreal{margin-top:15px;padding:0 4px 21px}.premium-laptop-image{width:100%;filter:drop-shadow(0 0 1px #edf6ffa6) drop-shadow(0 0 5px #b7d9ff3d) drop-shadow(0 9px 12px #0003)}.product-scene-photoreal figcaption{font-size:10px;margin:5px 13px 0}}

/* Compact first view: retain every disclosure, the skyline and the raster MacBook.
   Give the tower tops another 20px of room above the mobile headline while the brand stays put.
   The page remains naturally scrollable; typography and touch targets do not shrink. */
@media(max-width:600px){
  .preview-note{min-height:26px;padding:4px 10px;font-size:10px;line-height:16px;gap:6px}
  .brand{padding:9px 18px 0;font-size:19px;line-height:25px;gap:8px}
  .brand-mark{width:25px;height:25px}
  .hero-visual{height:200px}
  .hero-visual img{object-position:76% top}
  .hero-visual:after{background:linear-gradient(180deg,#08152612 0%,#08152600 30%,#08152655 58%,#081526e6 86%,#081526 100%),linear-gradient(90deg,#08152640,#08152600 75%)}
  .visual-credit{top:43px;left:18px;font-size:9px;line-height:1.4}
  .visual-credit span{font-size:8px;letter-spacing:.08em;margin-bottom:1px}
  .hero-copy{padding:128px 16px 0}
  .hero-copy h1{line-height:1.18}
  .hero-copy h1>span:first-child{font-size:clamp(24px,7.7vw,32px)}
  .hero-copy h1>.final-line{font-size:clamp(22px,7vw,34px);padding-top:2px}
  .claim-review-note{display:block;width:fit-content;margin:7px auto 0;padding:4px 8px;font-size:12px;line-height:18px}
  .hero-subtitle{font-size:13px;line-height:20px;letter-spacing:.025em}
  .claim-review-note+.hero-subtitle{margin-top:5px}
  .product-scene-photoreal{margin:5px 0 0;padding:0 4px 6px}
  .premium-laptop-image{width:100%;max-width:370px;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:center}
  .product-scene-photoreal figcaption{margin:3px 12px 0;font-size:10px;line-height:15px}
  .hero-cta{min-height:44px;margin:0 16px 6px;padding:7px 16px;font-size:20px;line-height:28px;letter-spacing:.045em}
  .hero-cta svg{width:21px;height:21px}
  .social-actions{gap:4px;padding:3px 10px 3px;flex-wrap:nowrap}
  .social-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
  .social-button svg{width:26px;height:26px}
  .share-note{flex-basis:auto;max-width:170px;margin:0 6px 0 auto;font-size:11px;line-height:15px}

}

/* Short browser windows keep readable text and 44px targets; only spacing tightens.
   The page remains naturally scrollable rather than clipping or fixing the hero. */
@media(max-width:600px) and (max-height:600px){
  .hero-copy{padding-top:110px}
  .hero-visual{height:180px}
  .claim-review-note{margin-top:5px}
  .claim-review-note+.hero-subtitle{margin-top:3px}
  .product-scene-photoreal{margin-top:3px;padding-bottom:4px}
  .hero-cta{margin-bottom:4px}
}
@media(max-width:360px){
  .hero-copy{padding-left:12px;padding-right:12px}
  .hero-copy h1>.final-line{font-size:clamp(22px,7vw,25.2px)}
  .visual-credit{left:18px}
}

/* Public introduction: preserve the compact hero and the existing asset treatment. */
[hidden]{display:none!important}
/* Reserve the removed subtitle's existing line box without visible or accessible text. */
.hero-subtitle{margin-top:16px;min-height:1lh}
.product-display{position:relative;max-width:820px;margin:0 auto}
.illustrative-card-brands{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:24px;color:#f4f5f7;pointer-events:none;filter:drop-shadow(0 1px 3px #0009)}
.visa-mark{width:57px;height:21px;overflow:visible}
.mastercard-mark{width:47px;height:32px}
.product-scene-photoreal figcaption{min-height:2lh}
.details>.section-intro{margin-bottom:32px}
.scope-note strong{display:block;margin-bottom:6px;color:#263c50;font-weight:700}
.share-fallback{position:relative;background:#0b1b2d;padding:5px 34px 16px;color:#d4dce6}
.share-fallback label{display:block;font-size:12px;line-height:1.7;margin-bottom:7px}
.share-fallback input{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #8d9cae;border-radius:4px;background:#132940;color:#fff;padding:10px 12px;font:14px/1.5 Arial,sans-serif}
.share-fallback input:focus-visible{outline:3px solid #bd995d;outline-offset:3px}
.share-button[aria-busy="true"]{cursor:wait}
.no-script-note{margin:0;background:#0b1b2d;color:#c4ceda;padding:8px 34px 16px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.closing-intro{font-size:17px;line-height:1.9;color:#c6d0db;margin:-8px 0 27px}
.next-step-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}
.next-step-links .closing-link{min-width:0;width:100%;padding:18px 20px;font-size:18px;gap:12px}
.closing-link small{display:block;font-size:11px;line-height:1.6;font-weight:500;margin-bottom:6px;letter-spacing:.04em}
.closing-link-primary{background:linear-gradient(110deg,#d5bf91,#c5aa76);color:#102239;border-color:#d1b780}
.closing-link-primary:hover{background:linear-gradient(110deg,#e0cda7,#d4bd90)}
@media(min-width:1000px){.page{margin-top:25px}}
@media(max-width:600px){
  .hero-subtitle{margin-top:6px}
  .product-display{max-width:370px}
  .illustrative-card-brands{top:62%;gap:12px}
  .visa-mark{width:29px;height:11px}
  .mastercard-mark{width:25px;height:17px}
  .product-scene-photoreal figcaption{font-size:10px;line-height:15px;margin:3px 12px 0}
  .details>.section-intro{margin-bottom:26px}
  .share-fallback{padding:5px 16px 14px}
  .share-fallback label{font-size:11px}
  .share-fallback input{font-size:16px}
  .no-script-note{padding:6px 16px 12px;font-size:11px}
  .closing-intro{font-size:15px;line-height:1.9;margin-top:-8px;margin-bottom:24px}
  .next-step-links{grid-template-columns:1fr;gap:12px}
  .next-step-links .closing-link{padding:16px 18px;font-size:17px}
}
@media(max-width:600px) and (max-height:600px){.hero-subtitle{margin-top:4px}}

/* Contact shortcuts follow the social strip without the former introductory kicker. */
.details{padding-top:16px;padding-bottom:16px}
.details>.session-section:last-child{margin-bottom:0}
.closing-scope-note{max-width:680px;margin:14px auto 0;color:#d3deea;font-size:12px;line-height:1.8;text-align:left}
.details-header{display:flex;flex-direction:column;align-items:stretch}
.details-contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%}
.details-contact-link{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0;border:0;border-radius:4px;text-align:center;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap}
.details-contact-zoom{color:#fffaf0}
/* The unchanged 617x232 LINE image has a green face at y=20..205.
   Match its 185px face and 20px/27px margins, not its outer JPEG height.
   Keep the entire anchor clickable (44px minimum), including these margins. */
.details-contact-zoom>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:617 / 185;margin:3.241491% 0 4.376013%;border:2px solid #a48751;border-radius:inherit;background:#193c5d}
/* Match the LINE image's prominent lettering without changing either button face.
   Longer scheduled phases use a smaller size; wrapping remains available for zoomed text. */
#session-zoom-label{max-width:100%;font-size:clamp(26px,4.3vw,38px);font-weight:800;line-height:1.2;white-space:pre-line;overflow-wrap:anywhere}
.details-contact-zoom[data-phase="opening"] #session-zoom-label{font-size:clamp(20px,3.4vw,28px)}
.details-contact-zoom[data-phase="live"] #session-zoom-label{font-size:clamp(23px,4vw,34px)}
.details-contact-zoom:hover>span{background:#12334f}
@media(max-width:600px){
  .details-contact-link{font-size:13px}
  #session-zoom-label{font-size:clamp(19px,5.65vw,26px)}
  .details-contact-zoom[data-phase="opening"] #session-zoom-label{font-size:clamp(14px,3.9vw,20px)}
  .details-contact-zoom[data-phase="live"] #session-zoom-label{font-size:clamp(17px,4.7vw,24px)}
}

/* Existing weekly Zoom schedule. Scoped below the hero; no first-view changes. */
.session-section{margin:16px 0 42px;padding:24px;border:2px solid #b89b63;border-radius:8px;background:#fffefa;scroll-margin-top:24px}
.session-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.session-heading-copy{min-width:0;max-width:100%;overflow-wrap:anywhere}
.details .session-section h2{margin:7px 0 0;color:#193c5d;font-size:23px;line-height:1.5;letter-spacing:0}
.session-zone{display:block;margin-top:5px;color:#425467;font-size:12px;font-weight:600;letter-spacing:.04em}
.session-batch-save{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;max-width:100%;min-width:0;min-height:52px;margin-left:auto;padding:10px 13px;border:2px solid #ad9466;border-radius:5px;background:linear-gradient(110deg,#d5bf91,#c5aa76 55%,#d2bb8c);box-shadow:inset 0 1px 0 #fff6,0 7px 21px #0003;color:#102239;font-family:inherit;font-size:14px;font-weight:750;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.session-batch-save small{font-size:11px;font-weight:500;color:inherit}
.session-batch-save:not(:disabled):hover,.session-batch-save:not(:disabled):focus-visible{background:linear-gradient(110deg,#e0cda7,#d4bd90 55%,#ddc79d)}
.session-batch-save:focus-visible{outline:4px solid #1d67ba;outline-offset:3px}
.session-batch-save:disabled{cursor:default;opacity:1;background:linear-gradient(110deg,#e5dac2,#d5c6a5 55%,#e2d4b7);border-color:#b7aa91;box-shadow:none;color:#45515a}
.session-batch-note{margin:9px 0 0;color:#45586a;font-size:11px;font-weight:500;line-height:1.7;text-align:right;overflow-wrap:anywhere}
.session-batch-status{margin:9px 0 0;padding:8px 10px;border-left:3px solid #a88a50;background:#f1eee5;color:#263f55;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.session-recurrence{margin:14px 0 18px;font-size:16px;font-weight:600;line-height:1.8;color:#1e354c}
.session-recurrence span{display:block;font-size:13px;font-weight:500;color:#435667}
.session-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1fr);align-items:center;gap:20px;margin:0 0 17px;padding:16px 18px;border-radius:5px;background:#122c46;color:#f5f4ed}
.session-badge{display:inline-block;color:#e7cf9b;font-size:12px;font-weight:750;letter-spacing:.08em}
.session-next-summary{min-width:0}
.session-next p{margin:5px 0 0;font-size:16px;font-weight:600;line-height:1.7}
.session-next .session-phase-note{margin-top:8px;color:#d3deea;font-size:12px;font-weight:500;line-height:1.7}
.session-countdown{min-width:0;font-variant-numeric:tabular-nums}
.session-countdown-label{display:block;margin-bottom:8px;color:#f5f4ed;font-size:13px;font-weight:700}
.session-countdown-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.session-countdown-tile{min-width:0;padding:10px 3px 8px;border:1px solid #61758a;border-radius:5px;background:#203e5a;text-align:center}
.session-countdown-tile strong{display:block;color:#fffaf0;font-size:30px;font-weight:800;line-height:1.1;letter-spacing:.01em}
.session-countdown-tile span{display:block;margin-top:5px;color:#e1e8ef;font-size:11px;font-weight:600;line-height:1.4}
.session-clock-note{display:block;margin-top:7px;color:#d3deea;font-size:10px;line-height:1.6}
.session-compact{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;margin:5px 0 0;color:#193c5d;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.session-compact-date{font-weight:750}
.session-compact-countdown{font-weight:600}
.session-rollover-note{margin:0 0 14px;color:#3d5266;font-size:12px;line-height:1.7}
.session-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.session-event{min-width:0;padding:16px;border:2px solid #aab8c4;border-radius:5px;background:#fff}
.session-event[data-state="next"],.session-event[data-state="live"]{border:3px solid #a88a50;box-shadow:inset 0 3px #c2a46e}
.session-event-label{display:block;min-height:18px;margin-bottom:6px;font-size:12px;font-weight:750;letter-spacing:.08em;color:#425467}
.session-event[data-state="next"] .session-event-label,.session-event[data-state="live"] .session-event-label{color:#816432}
.session-event-date{display:block;font-size:18px;font-weight:800;color:#163956;line-height:1.6}
.session-event-hours{margin:3px 0 11px;font-size:14px;font-weight:600;color:#3d5266;line-height:1.7}
.session-calendar-links{display:grid;gap:6px}
.session-calendar-links a,.session-calendar-links button,.session-join,.session-line{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;border:2px solid #91a5b6;border-radius:4px;background:#f5f7f8;color:#173b59;text-decoration:none;text-align:center;font-weight:700;font-family:inherit;font-size:14px;line-height:1.5;cursor:pointer}
.session-calendar-links button{font-weight:700}
.session-calendar-links a:hover,.session-calendar-links button:hover{background:#eaf0f4;border-color:#7e94a7}
.session-calendar-links button:focus-visible{outline:4px solid #1d67ba;outline-offset:3px}
.session-join{margin-top:7px;background:#193c5d;color:#fffaf0;border-color:#193c5d}
.session-calendar-note{margin:17px 0 0;font-size:12px;font-weight:500;color:#45586a;line-height:1.85}
.session-calendar-note strong{display:block;margin-bottom:4px;color:#263f55;font-weight:700}
.session-contact{margin-top:17px;padding-top:16px;border-top:2px solid #c9bd9e;display:flex;align-items:center;gap:15px;justify-content:space-between}
.session-contact p{margin:0;max-width:380px;color:#3d5266;font-size:13px;font-weight:500;line-height:1.8}
.session-line{flex-shrink:0}
.session-noscript{font-size:12px;color:#4c6071;line-height:1.8}
@media(max-width:740px){.session-next{grid-template-columns:minmax(0,1fr);gap:15px}.session-countdown{width:100%}.session-countdown-tiles{gap:8px}.session-contact{align-items:stretch;flex-direction:column;gap:10px}.session-contact p{max-width:none}.session-line{align-self:flex-start}}
@media(max-width:600px){.session-section{margin:16px 0 32px;padding:18px 15px}.session-heading{align-items:flex-start;gap:12px}.session-batch-save{font-size:13px}.session-batch-note{text-align:left}.details .session-section h2{font-size:21px}.session-zone{font-size:12px}.session-recurrence{font-size:15px}.session-next{padding:14px}.session-next p{font-size:15px}.session-countdown-tile strong{font-size:30px}.session-countdown-tile{padding:11px 3px 8px}.session-compact{gap:2px 12px;font-size:11px}.session-events{grid-template-columns:1fr;gap:10px}.session-event{padding:14px}.session-calendar-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.session-calendar-links a,.session-calendar-links button{font-size:13px;padding:9px 6px}.session-calendar-note{font-size:12px}.session-line{width:100%}}

/* Clearer outlines and reading contrast, without expanding the compact hero. */
.journey-step,.channel-option{border-width:2px;border-color:#aebbc5}
.concept-tag{border-width:2px;border-color:#c8b58e}
.closing-link{border-width:2px;border-color:#b99d68;font-weight:750}
.review-list li,.review-list li:last-child,.question-list details,.question-list details:last-child{border-width:2px;border-color:#aebbc5}
.section-intro,.details>p,.step-main p,.step-description,.channel-option span,.connection-note,.review-list p,.scope-note,.question-list details p{color:#3e5264;font-weight:500}
.step-eyebrow,.channel-option strong,.review-list h3,.question-list summary{font-weight:750}
.step-icon svg,.channel-option svg,.closing-link svg{stroke-width:2.5}
.social-button svg,.hero-cta svg{stroke-width:2.7}
.hero-cta{box-shadow:inset 0 0 0 1px #ad9466,inset 0 1px 0 #fff6,0 7px 21px #0003}
.journey-step+.journey-step:before{width:3px}
.journey-step+.journey-step:after{border-width:3px}
@media(max-width:360px){.session-calendar-links{grid-template-columns:1fr}.session-event{padding:12px}.session-event-date{font-size:17px}}

/* Existing text LINE CTAs retain their green background and readable dark labels. */
.session-line,.closing-link-secondary{background:#06C755;color:#052e19;border-color:#087536}
.session-line:hover,.closing-link-secondary:hover,
.session-line:focus-visible,.closing-link-secondary:focus-visible{background:#05ad4a;color:#052e19}
.details-contact-line:focus-visible,.session-line:focus-visible,.closing-link-secondary:focus-visible{outline:4px solid #087536;outline-offset:5px}

/* User-supplied button, unchanged: its own margin replaces the extra green wrapper. */
.details-contact-line{padding:0;border:0;background:transparent}
.line-add-friend-image{display:block;width:100%;height:auto;max-width:617px;object-fit:contain}

/* Keep the number and compact 44px touch target; the test label shares this row. */
.like-button{width:auto;gap:6px;flex-shrink:0;padding:0 4px}
.like-count{min-width:3ch;font-variant-numeric:tabular-nums;font-weight:700}

/* Native share completion changes this page-local demo once; no status text in the row. */
.share-button{width:auto;gap:6px;flex-shrink:0;padding:0 4px}
.share-count{min-width:2ch;font-variant-numeric:tabular-nums;font-weight:700}

/* Identify both illustrative counts without a separate disclosure row. */

.hero-carousel{position:relative;z-index:1;min-width:0}
.hero-carousel-viewport{overflow:hidden;touch-action:pan-y pinch-zoom;outline-offset:-4px}
.hero-carousel-viewport:focus-visible{outline:2px solid #c8ad78}
.hero-carousel-track{display:flex;width:100%;align-items:stretch}
.hero-carousel-slide{flex:0 0 100%;min-width:0;display:flow-root}
.hero-carousel:not([data-ready]) .hero-carousel-slide:not(:first-child){display:none}
.hero-slide-title{margin:0;font-size:72px;line-height:1.35;font-weight:800;letter-spacing:-.065em;text-shadow:0 2px 24px #0005}
.hero-slide-title>span{display:block}
.hero-slide-title>span:first-child{font-size:52px;letter-spacing:-.04em;white-space:nowrap}
.hero-slide-title>.final-line{font-size:53px;letter-spacing:-.055em;padding-top:6px}
.hero-slide-title em{font-style:normal;color:#dfc792}
.hero-carousel .premium-laptop-image{user-select:none;-webkit-user-drag:none}
.hero-carousel-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;height:44px;pointer-events:none}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel-dots{display:flex}
.hero-carousel-dot,.hero-carousel-pause{display:grid;place-items:center;flex-shrink:0;height:44px;padding:0;border:0;background:transparent;color:#d6c08f;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.hero-carousel-dot{width:28px}
.hero-carousel-dot span{width:5px;height:5px;border:1px solid #d6c08f;border-radius:50%;background:transparent}
.hero-carousel-dot[aria-current="true"] span{width:17px;border-radius:4px;background:#d6c08f}
.hero-carousel-pause{width:44px}
.hero-carousel-pause svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none}
.hero-carousel-pause .carousel-play-icon{display:none;fill:currentColor;stroke:none}
.hero-carousel-pause[data-paused="true"] .carousel-pause-icon{display:none}
.hero-carousel-pause[data-paused="true"] .carousel-play-icon{display:block}
.hero-carousel-pause:disabled{opacity:.55;cursor:default}
.hero-carousel-dot:focus-visible,.hero-carousel-pause:focus-visible{outline:2px solid #dfc792;outline-offset:-5px;border-radius:8px}
.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;text-align:center;color:#c4ceda;font-size:12px;background:radial-gradient(ellipse,#17334d,#081526 70%)}
.scene-fallback[hidden]{display:none}
.product-display[data-image-failed="true"] .premium-laptop-image{opacity:0}
.product-display[data-image-failed="true"] .illustrative-card-brands{display:none}
@media(min-width:601px) and (max-width:740px){.hero-slide-title>span:first-child{font-size:46px}.hero-slide-title>.final-line{font-size:42px}}
@media(max-width:600px){.hero-slide-title{line-height:1.18}.hero-slide-title>span:first-child{font-size:clamp(24px,7.7vw,32px);letter-spacing:-.045em}.hero-slide-title>.final-line{font-size:clamp(22px,7vw,34px);padding-top:2px}}
@media(max-width:360px){.hero-slide-title>.final-line{font-size:clamp(22px,7vw,25.2px)}}
@media(prefers-reduced-motion:reduce){.hero-carousel-track{transition:none!important}}

/* company-logo:start — original supplied JPEG, intact; preserve skyline/headline geometry. */
.hero>.brand.brand-company{height:79px;padding:0 42px;z-index:2}
.brand-company .brand-logo{display:block;width:72px;height:auto;object-fit:contain;flex:none;border-radius:3px}
@media(max-width:600px){.hero>.brand.brand-company{height:34px;padding:0 18px}.brand-company .brand-logo{position:absolute;left:18px;top:7px;width:44px;height:auto}}
/* company-logo:end */