@source "../components/**/*.{ts,tsx}";
@theme inline {--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-border:var(--border);--color-input:var(--border);--color-ring:var(--teal);--color-accent:var(--muted);--color-accent-foreground:var(--navy);--color-popover:var(--background);--color-popover-foreground:var(--navy);}
:root,.dark{--navy:#1f2f55;--teal:#098697;--yellow:#efcf3c;--background:#fff;--foreground:#1f2f55;--primary:#1f2f55;--primary-foreground:#fff;--muted:#f2f6f8;--muted-foreground:#596578;--border:#d8e1e8;--radius:.25rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;color:var(--navy);background:white;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:4px}p{margin:0 0 1.4em}h1,h2,h3{margin:0;font-weight:700;line-height:1.55;letter-spacing:.025em}h1{font-size:clamp(2.4rem,4.5vw,4.3rem)}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.3rem}.container{width:min(1180px,calc(100% - 96px));margin:auto}.section{padding:100px 0}.soft{background:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;font-weight:650;margin-bottom:26px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--teal);flex-shrink:0}.muted{color:var(--muted-foreground)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head p{max-width:430px;color:var(--muted-foreground);margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 27px;background:var(--navy);border:1px solid var(--navy);color:#fff;font-size:15px;font-weight:600;line-height:1.6;min-height:58px;transition:background .2s,transform .2s}.button:hover{background:#344a71;transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button svg{width:18px;height:18px;flex-shrink:0}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:15px;border-bottom:1px solid var(--navy);padding:8px 0}.header{position:sticky;top:0;z-index:40;background:#fffffff5;border-bottom:1px solid #edf0f3;backdrop-filter:blur(16px)}.header-inner{width:calc(100% - 64px);margin:auto;min-height:100px;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand img{width:62px;height:72px;object-fit:contain}.brand-caption{font-size:12px;font-weight:600;line-height:1.8}.brand-caption span{display:block;font-size:14px}.nav{display:flex;gap:25px;align-items:center;margin-left:auto}.nav a{font-size:14px;font-weight:600;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--teal)}.header-cta{font-size:14px;padding:13px 18px;min-height:48px;gap:22px;white-space:nowrap}.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,#fff 42%,#edf5f8 100%)}.hero-content{position:relative;z-index:1;padding-top:98px;padding-bottom:81px}.hero h1{max-width:960px;letter-spacing:.01em}.hero h1 span{background:linear-gradient(transparent 83%,#efcf3c 83%,#efcf3c 94%,transparent 94%)}.hero-lead{margin:27px 0 32px;max-width:620px;line-height:2}.hero-note{margin:17px 0 0;font-size:14px;color:var(--muted-foreground)}.hero-art{position:absolute;right:-19%;top:-30%;width:70%;height:160%;pointer-events:none;z-index:0}.hero-art path{fill:none}.track-main{stroke:#1aa6b7;stroke-width:48}.track-second{stroke:#efcf3c;stroke-width:22}.track-fine{stroke:#c5d6de;stroke-width:1}.hero-foot{padding:20px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;font-size:13px;letter-spacing:.08em}.hero-foot a{display:flex;align-items:center;gap:16px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:48px 0}.problem-grid article{border-top:1px solid var(--border);padding-top:24px}.index-number{font:400 2.8rem/1.2 Arial,sans-serif;color:#809bb0;display:block;margin-bottom:25px}.problem-grid h3{font-size:19px}.problem-grid p{margin-top:17px;color:var(--muted-foreground)}.closing-line{font-size:20px;font-weight:600;border-left:3px solid var(--teal);padding-left:26px;margin:0}.process{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-top:3px solid var(--navy)}.process article{padding:31px}.process article+article{border-left:1px solid var(--border)}.step-label{display:flex;align-items:center;justify-content:space-between;font:13px Arial,sans-serif;letter-spacing:.07em}.step-label span{color:var(--teal);font-size:17px}.process h3{font-size:29px;margin:25px 0 17px}.process p{color:var(--muted-foreground);margin:0}.comparison-block{margin-top:78px}.comparison-block>h3{font-size:25px;margin-bottom:30px}.comparison{min-width:900px;table-layout:fixed;background:#fff}.comparison th,.comparison td{white-space:normal;padding:22px 20px;font-size:14px;line-height:1.85;vertical-align:top;border-bottom:1px solid var(--border)}.comparison th:first-child{width:18%}.comparison thead th{background:#e4ebf0;font-weight:700}.comparison th:last-child,.comparison td:last-child{background:#e7f4f5}.comparison thead th:last-child{background:var(--navy);color:white;font-size:18px}.comparison tbody th{font-weight:600}.fine-print{font-size:14px;color:var(--muted-foreground);margin:18px 0 0}.table-hint{font-size:13px;color:var(--muted-foreground);margin-bottom:12px}.framework-title{font-size:20px;font-weight:600;margin:0 0 18px}.framework-title small{font-size:13px;font-weight:400;margin-left:18px;color:var(--muted-foreground)}.framework-list{border-top:1px solid var(--navy)}.framework-row{display:grid;grid-template-columns:85px 200px 1fr;gap:30px;align-items:center;border-bottom:1px solid var(--border);padding:24px 0}.framework-initial{font:400 58px/1 Arial,sans-serif;color:var(--teal)}.framework-name{font:400 25px Arial,sans-serif}.framework-row h3{font-size:21px}.framework-row p{margin:5px 0 0;color:var(--muted-foreground)}.framework-use{margin-top:50px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.framework-use ol{padding:0;margin:0;list-style:none}.framework-use li{padding:16px 0;border-bottom:1px solid var(--border)}.framework-use li:first-child{padding-top:0}.framework-use strong{display:block;font-weight:600;margin-bottom:5px}.framework-use strong span{font-size:13px;margin-left:18px;color:var(--teal);letter-spacing:.05em}.ceo-sign{padding:24px 0}.ceo-sign span{font-size:14px}.ceo-sign strong{display:block;font-size:28px;margin-top:8px;letter-spacing:.1em}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border)}.pricing-grid article{padding:32px 30px}.pricing-grid article+article{border-left:1px solid var(--border)}.pricing-grid h3{font-size:16px;border-bottom:1px solid var(--border);padding-bottom:22px}.pricing-grid h3 b{font:400 40px Arial,sans-serif;margin-right:10px}.pricing-grid dl{margin:25px 0 0}.pricing-grid dl>div{margin-top:20px}.pricing-grid dt{font-size:14px;color:var(--muted-foreground)}.pricing-grid dd{margin:4px 0 0;font-size:21px}.pricing-grid dd strong{font:400 44px Arial,sans-serif;margin-right:7px}.pricing-grid dd span{font-size:14px}.start-flow{margin-top:66px}.start-flow ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:27px 0 0;padding:0;border-top:1px solid var(--border)}.start-flow li{padding:24px 18px 0 0;font-weight:600}.start-flow li span{display:block;font:14px Arial,sans-serif;color:var(--teal);margin-bottom:13px}.faq [data-slot=accordion-trigger]{font-size:16px;font-weight:600;padding:25px 0;line-height:1.9;gap:16px}.faq [data-slot=accordion-content]{font-size:16px;color:var(--muted-foreground);line-height:1.9}.question-mark{color:var(--teal);flex-shrink:0}.cta-section{background:#e7f1f5;border-top:1px solid var(--border);position:relative}.cta-section:before{content:"";height:5px;background:linear-gradient(90deg,var(--navy) 70%,#1aa6b7 70%,#1aa6b7 90%,var(--yellow) 90%);display:block}.cta-section .container{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:70px;padding-bottom:70px}.cta-section p{margin:23px 0 0;color:var(--muted-foreground)}.cta-section .button{white-space:nowrap}.footer{padding:55px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;margin-top:38px;padding-top:22px;border-top:1px solid var(--border);font-size:13px;color:var(--muted-foreground);gap:20px}.page-hero{padding:65px 0 68px;background:linear-gradient(112deg,#fff 40%,#edf5f8 100%);border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(2rem,3.6vw,3.4rem)}.page-hero p{max-width:720px;margin:25px 0 0}.message-copy h3{margin-bottom:25px}.company-dl{margin:0}.company-dl>div{display:grid;grid-template-columns:105px 1fr;gap:24px;border-bottom:1px solid var(--border);padding:23px 0}.company-dl>div:first-child{padding-top:0}.company-dl dt{font-size:14px;color:var(--muted-foreground)}.company-dl dd{margin:0;overflow-wrap:anywhere}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:75px}.contact-layout aside h2{font-size:26px;margin-bottom:24px}.contact-aside-note{border-top:1px solid var(--border);padding-top:27px;margin-top:30px}.contact-aside-note h3{font-size:18px;margin-bottom:16px}.contact-aside-note p{color:var(--muted-foreground)}.contact-form{background:var(--muted);padding:38px}.form-field{margin-bottom:25px}.form-field>label,.form-field>legend{font-size:15px;font-weight:600;display:block;margin-bottom:9px}.form-field input,.form-field textarea{display:block;width:100%;border:1px solid #b7c4cf;background:white;border-radius:2px;padding:12px 14px;color:var(--navy);min-height:49px}.form-field textarea{min-height:150px;resize:vertical}.required{font-size:12px;font-weight:500;color:#fff;background:var(--teal);padding:2px 6px;margin-left:12px}.optional{font-size:13px;font-weight:400;color:var(--muted-foreground);margin-left:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-select{width:100%;min-height:49px;background:white;font-size:16px}.theme-options{display:grid;gap:12px}.check-label{display:flex;gap:13px;align-items:center;font-size:16px;cursor:pointer;line-height:1.7}.check-label [role=checkbox]{width:19px;height:19px}.consent{margin:22px 0}.consent a{text-decoration:underline}.form-note{font-size:14px;color:var(--muted-foreground)}.form-error{font-size:14px;color:#ad3025;margin:10px 0}.submit-button{width:100%}.honeypot{position:absolute;left:-10000px;opacity:0}.privacy-body{max-width:790px}.privacy-body h2{font-size:23px;margin:37px 0 15px}.privacy-body h2:first-child{margin-top:0}.success-panel{max-width:700px;margin:20px auto;padding:50px;background:var(--muted)}.success-panel h1{font-size:30px;margin-bottom:25px}.success-panel p{margin:0 0 25px}
@media(min-width:1200px){.table-hint{display:none}}
@media(max-width:1150px){.brand-caption{display:none}.nav{gap:19px}.header-inner{gap:18px}.split{gap:50px}.section-head{gap:35px}.hero-art{right:-30%;opacity:.7}.footer-nav{max-width:570px}.contact-layout{gap:40px}}
@media(max-width:900px){.header-inner{min-height:85px;padding-bottom:47px;position:relative;box-sizing:content-box}.header .nav{position:absolute;bottom:0;left:0;right:0;min-height:47px;justify-content:space-between;gap:15px;overflow-x:auto;border-top:1px solid var(--border)}.header .nav a{font-size:14px}.header .brand img{height:67px}.container{width:calc(100% - 48px)}html{scroll-padding-top:155px}.hero-content{padding-top:65px}.hero-art{right:-46%;width:100%;opacity:.25}.split,.framework-use{gap:35px}.section-head{display:block}.section-head p{margin-top:25px;max-width:660px}.process article{padding:24px}.framework-row{grid-template-columns:60px 145px 1fr;gap:20px}.framework-name{font-size:22px}.pricing-grid article{padding:25px 20px}.cta-section .container{display:block}.cta-section .button{margin-top:30px}.footer-top{display:block}.footer-nav{margin-top:25px}.contact-layout{grid-template-columns:1fr}.contact-layout aside{max-width:650px}.contact-aside-note{display:none}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px)}.header-cta{font-size:14px;padding:12px 14px;gap:12px}.header .nav{gap:22px;justify-content:flex-start}.header .nav a{font-size:13px}.hero-content{padding-top:52px;padding-bottom:50px}.hero .eyebrow{font-size:12px;letter-spacing:0;gap:8px}.hero h1{font-size:clamp(1.9rem,6.6vw,2.5rem);line-height:1.7}.hero-lead{font-size:16px}.hero-note{font-size:14px;max-width:300px}.hero-foot{font-size:12px}.hero-foot a{font-size:12px;gap:5px}.hero-foot>span{max-width:230px}.section{padding:65px 0}.eyebrow{margin-bottom:23px}.desktop-break{display:none}.problem-grid,.process,.pricing-grid,.split,.framework-use{grid-template-columns:1fr}.problem-grid{gap:25px;margin:33px 0}.problem-grid article{display:grid;grid-template-columns:42px 1fr;gap:0 15px;padding-top:20px}.index-number{font-size:29px;margin:0;grid-row:1/3}.problem-grid p{margin:10px 0 0}.problem-grid h3{font-size:18px}.closing-line{font-size:18px;padding-left:20px}.process article{padding:25px}.process article+article{border-left:0;border-top:1px solid var(--border)}.process h3{font-size:26px;margin:17px 0 12px}.comparison-block{margin-top:48px}.comparison-block>h3{font-size:21px}.framework-row{grid-template-columns:45px 1fr;gap:5px 20px;padding:25px 0}.framework-initial{font-size:44px;grid-row:1/3;align-self:start}.framework-name{font-size:21px;margin-bottom:9px}.framework-row>div:last-child{grid-column:2}.framework-row h3{font-size:18px}.framework-row p{font-size:16px;margin-top:9px}.framework-title{font-size:18px}.framework-title small{display:block;margin:3px 0 0}.framework-use{gap:27px;margin-top:35px}.pricing-grid article+article{border-left:0;border-top:1px solid var(--border)}.pricing-grid dl{display:grid;grid-template-columns:1fr 1fr;margin-top:0}.pricing-grid dd strong{font-size:36px}.start-flow ol{grid-template-columns:1fr 1fr;gap:14px}.start-flow li{font-size:15px}.faq [data-slot=accordion-trigger]{font-size:16px}.cta-section .container{padding-top:50px;padding-bottom:50px}.footer-nav{gap:18px 24px}.footer-bottom{align-items:start;font-size:12px}.page-hero{padding:43px 0 47px}.page-hero h1{font-size:1.85rem}.company-dl>div{grid-template-columns:80px 1fr;gap:16px}.contact-form{padding:26px 20px}.field-pair{grid-template-columns:1fr;gap:0}.contact-section{padding-top:38px}.contact-layout{gap:27px}.contact-layout aside h2{font-size:23px}.contact-layout aside .eyebrow{display:none}.success-panel{padding:28px}.success-panel h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.problem-intro{font-size:20px;line-height:1.8;color:#536579;margin:18px 0 0}.problem-grid{gap:22px;margin:42px 0 48px}.problem-grid article{background:#f7f9fa;border-top:3px solid #12adc2;padding:24px 26px 26px}.problem-grid h3{font-size:20px;line-height:1.7}.problem-grid p{font-size:15px;line-height:1.9;margin:15px 0 0}.problem-grid .index-number{font-size:24px;color:#098697;margin-bottom:23px}
@media(max-width:900px){.problem-grid{gap:14px}.problem-grid article{padding:22px 18px}.problem-grid h3{font-size:18px}}
@media(max-width:640px){.problem-intro{font-size:17px;margin-top:14px}.problem-grid{gap:14px;margin:30px 0 36px}.problem-grid article{display:block;padding:20px}.problem-grid .index-number{font-size:18px;margin-bottom:12px}.problem-grid h3{font-size:18px}.problem-grid p{font-size:15px;margin:10px 0 0}}

/* The three services read as one connected operating system. */
.process{border:1px solid #d1dfe6;border-top:0;box-shadow:0 14px 35px #1f2f5508}
.process article{position:relative;padding-top:39px}
.process article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#12adc2}
.process article:nth-child(2):before{background:#0d8fa2}
.process article:nth-child(3):before{background:#1f2f55}
.process article:after{content:"";position:absolute;top:34px;right:30px;width:7px;height:7px;border:1px solid #9acbd3;border-radius:50%;box-shadow:0 0 0 5px #eaf5f6}
.process article:nth-child(3):after{border-color:#1f2f55;box-shadow:0 0 0 5px #e8edf2}
.step-label{font-weight:700;color:#6b7e90}
.step-label span{font-weight:700;letter-spacing:.08em}
.process h3{margin-top:22px}
@media(max-width:640px){.process article{padding-top:27px}.process article:after{top:25px;right:24px}.process article+article{border-top:0}}

/* More editorial rhythm for the narrative sections. */
.problem-grid{gap:34px;margin-top:50px}
.problem-grid article{background:transparent;border-top:1px solid #9aabb8;padding:22px 2px 0}
.problem-grid .index-number{font-size:17px;color:#087f91;margin-bottom:28px;font-weight:700}
.problem-grid h3{font-size:21px;line-height:1.65}
.problem-grid p{font-size:16px}
.process{box-shadow:none;border:1px solid #d1dfe6;border-top:3px solid #1f2f55}
.process article{padding-top:31px}
.process article:before,.process article:after{display:none}
.step-label{font-weight:400}
.step-label span{font-weight:600}
@media(max-width:900px){.problem-grid{gap:19px}.problem-grid article{padding:20px 0 0}}
@media(max-width:640px){.problem-grid{gap:17px}.problem-grid article{padding:18px 0 0}.problem-grid .index-number{margin-bottom:11px}.problem-grid h3{font-size:18px}.problem-grid p{font-size:15px}.process article{padding-top:25px}.process article+article{border-top:1px solid var(--border)}}

/* Wide LP canvas: generous desktop width with intentional responsive gutters. */
@media(min-width:901px){.container{width:min(1280px,calc(100% - 64px))}}

/* Editorial rhythm and brand details shared across the four routes. */
.header{box-shadow:0 1px 0 #14324d0b}
.header-inner{max-width:1500px}
.header .nav a{transition:color .2s}
.hero{background:linear-gradient(105deg,#fff 18%,#f5fafb 72%,#e8f3f6)}
.hero-art{opacity:.18;transform:translateX(3%)}
.hero-content.hero-with-product{padding-top:106px;padding-bottom:90px}
.hero-copy .eyebrow{color:#0a8294;font-size:12px;letter-spacing:.08em;margin-bottom:33px}
.hero-with-product h1{font-size:clamp(2.5rem,3.65vw,4.3rem);line-height:1.42;letter-spacing:-.035em}
.hero-with-product .hero-lead{font-size:16px;line-height:2;max-width:535px}
.hero-copy .button{box-shadow:7px 7px 0 #cfe5e9}
.hero-copy .text-link{margin-top:24px}
.hero-product:before{background:#dfedf0;border:none;transform:rotate(-2deg)}
.hero-foot{color:#567082}
.hero-foot>span{font-weight:600}
.proof-strip{border-bottom:1px solid #dce7eb;background:#f7fafb}
.proof-strip .container{display:grid;grid-template-columns:130px 1fr 1.1fr auto;align-items:center;gap:28px;min-height:86px}
.proof-label{font-size:12px;font-weight:700;color:#0b8394;letter-spacing:.08em}
.proof-strip .container>div{display:flex;align-items:baseline;gap:12px;border-left:1px solid #cadbe2;padding-left:24px;min-width:0}
.proof-strip strong{font:700 22px/1.3 Arial,"Noto Sans JP",sans-serif;color:#1f2f55;white-space:nowrap}
.proof-strip .container>div span{font-size:13px;line-height:1.5;color:#536a7d}
.proof-strip a{font-size:13px;font-weight:700;color:#0b8294;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-bottom:1px solid #0b8294;padding-bottom:3px}
.section{padding-top:112px;padding-bottom:112px}
.section .eyebrow{color:#0c8496}
.section-head{margin-bottom:56px}
.section-head h2{font-size:clamp(2rem,3.4vw,3.05rem);line-height:1.47;letter-spacing:-.02em}
.section-head p{line-height:1.95}
#problem{position:relative;background:#fff}
#problem>.container{display:grid;grid-template-columns:28% 1fr;column-gap:5%}
#problem .eyebrow,#problem h2,#problem .problem-intro{grid-column:1}
#problem .eyebrow{align-self:end;margin-bottom:20px}
#problem h2{font-size:clamp(2rem,3vw,3rem);line-height:1.48}
#problem .problem-intro{margin:18px 0 0;color:#51697d}
#problem .problem-grid{grid-column:2;grid-row:1/5;display:block;margin:0}
#problem .problem-grid article{display:grid;grid-template-columns:66px 1fr;gap:0 15px;padding:23px 0}
#problem .problem-grid article:first-child{padding-top:0}
#problem .problem-grid .index-number{grid-row:1/3;margin:0;font-size:29px;line-height:1.4}
#problem .problem-grid h3{font-size:19px;line-height:1.6}
#problem .problem-grid p{grid-column:2;font-size:15px;margin:8px 0 0}
#problem .closing-line{grid-column:1/-1;margin-top:54px;padding:20px 0 20px 27px;border-top:1px solid #e0e8ec;border-bottom:1px solid #e0e8ec;font-size:19px}
#services .process{position:relative;border-top:0;background:transparent;gap:0}
#services .process:before{content:"";position:absolute;left:9%;right:9%;top:48px;height:2px;background:#b8d8df}
#services .process article{position:relative;padding:22px 33px 30px;background:#fff;border:1px solid #dce7eb}
#services .process article+article{border-left:0}
#services .process article:nth-child(2){border-top:3px solid #12a0b0}
#services .step-label{position:relative;z-index:1;letter-spacing:.13em}
#services .step-label span{font-weight:700;font-size:15px}
#services .process h3{font-size:27px}
#services .process p{font-size:15px}
.service-outcome{margin:23px 0 0;padding-left:18px;border-left:3px solid #1599aa;font-size:17px;font-weight:700;line-height:1.8}
.comparison-disclosure{margin-top:34px;border-top:1px solid #cbdbe2;border-bottom:1px solid #cbdbe2}
.comparison-disclosure summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 4px;font-size:16px;font-weight:700;color:#1f2f55}
.comparison-disclosure summary::-webkit-details-marker{display:none}
.comparison-disclosure summary svg{color:#0a91a2;transition:transform .2s;flex:none}
.comparison-disclosure[open] summary svg{transform:rotate(180deg)}
.comparison-disclosure .comparison-block{margin:12px 0 28px}
.comparison-disclosure .comparison-block>h3{font-size:22px}
.comparison-block{overflow-x:auto}
.comparison-block>h3{line-height:1.5}
.framework{background:#fff}
.framework-visual{margin-top:8px}
.framework-elements article{transition:background .25s}
.framework-elements article:hover{background:#f3fafb}
.framework-elements .framework-letter{font-size:58px}
.product-tour{background:#f7fafb}
.why-orbit{border-top:1px solid #e3eaee}
.pricing-section{background:#fff}
.pricing-section .onboarding-flow{margin-top:80px}
#faq{border-top:1px solid #dce7eb}
.page-hero{background:linear-gradient(105deg,#fff 45%,#e9f4f6);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-80px;top:-230px;width:440px;height:650px;border:2px solid #8abec94d;border-radius:50%;transform:rotate(31deg);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{letter-spacing:-.025em}
.about-page .page-hero{color:#fff;background:#12344f url('/orbit-horizon.webp') center 58%/cover no-repeat;padding-top:110px;padding-bottom:120px}
.about-page .page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112f4ed6 0%,#112f4e9a 53%,#112f4e36 100%)}
.about-page .page-hero:after{border-color:#b7e0e55c}
.about-page .page-hero .eyebrow:before{background:#efcf3c}
.about-page .message-copy{border-top:2px solid #0e9bab;padding-top:27px}
.about-page .company-dl{border-top:2px solid #1f2f55}
.contact-form{border-top:4px solid #0c91a3;background:#f5f8fa}
.contact-layout aside h2{letter-spacing:-.02em}
.contact-page .page-hero{padding-top:84px;padding-bottom:82px}
.contact-page .page-hero p{max-width:670px}
.contact-agenda{padding:0;margin:32px 0 0;list-style:none;border-top:1px solid #cbdce4}
.contact-agenda li{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid #dce7eb;padding:15px 0;font-weight:600;line-height:1.65}
.contact-agenda li span{font:700 13px/1.5 Arial,sans-serif;color:#0b8c9e;letter-spacing:.08em;flex:none}
.cta-section{background:#dfedf2}
.cta-section:before{height:4px}
.footer{background:#f9fbfc}
@media(max-width:1050px){.hero-content.hero-with-product{padding-top:68px}.hero-with-product h1{font-size:clamp(2.4rem,5vw,4rem)}}
@media(max-width:1100px){.proof-strip .container{grid-template-columns:1fr 1fr;gap:10px 25px;padding-top:17px;padding-bottom:18px}.proof-strip .container>div{padding-left:0;border:0}.proof-strip a{justify-self:end}}
@media(max-width:900px){#problem>.container{display:block}#problem .problem-grid{margin-top:35px}#problem .closing-line{margin-top:32px}.section{padding-top:80px;padding-bottom:80px}}
@media(max-width:640px){.hero-content.hero-with-product{padding-top:54px;padding-bottom:52px}.hero-with-product h1{font-size:clamp(2rem,7vw,2.55rem);line-height:1.55}.hero-with-product .hero-lead{font-size:15px}.hero-copy .text-link{margin-top:17px}.section{padding-top:64px;padding-bottom:64px}.section-head{margin-bottom:34px}.section-head h2{font-size:clamp(1.85rem,7vw,2.3rem)}#problem .problem-grid article{grid-template-columns:40px 1fr;gap:0 12px;padding:20px 0}#problem .problem-grid .index-number{font-size:23px}#problem .problem-grid h3{font-size:17px}#problem .problem-grid p{font-size:14px}#problem .closing-line{font-size:17px;padding-left:17px}#services .process{display:block}#services .process:before{display:none}#services .process article{padding:23px}#services .process article+article{border-top:0;border-left:1px solid #dce7eb}.page-hero:after{right:-240px;opacity:.6}.about-page .page-hero{padding-top:70px;padding-bottom:80px}}
.product-consult{background:#1f2f55;color:#fff}
.product-consult .container{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:38px;padding-bottom:38px}
.product-consult strong{display:block;font-size:21px;line-height:1.5}
.product-consult p{font-size:14px;color:#c9d8e2;line-height:1.7;margin:8px 0 0}
.product-consult .button{background:#fff;color:#1f2f55;border-color:#fff;white-space:nowrap}
.product-consult .button:hover{background:#dff2f4}
@media(max-width:640px){.proof-strip .container{display:block;padding-top:20px;padding-bottom:22px}.proof-label{display:block;margin-bottom:12px}.proof-strip .container>div{display:block;padding:8px 0}.proof-strip strong{display:inline-block;font-size:20px;min-width:100px}.proof-strip .container>div span{font-size:12px}.proof-strip a{margin-top:12px}.service-outcome{font-size:16px}.product-consult .container{display:block;padding-top:32px;padding-bottom:35px}.product-consult strong{font-size:19px}.product-consult .button{margin-top:22px;width:100%}.contact-page .page-hero{padding-top:53px;padding-bottom:57px}.contact-agenda{margin-top:22px}}
.overview-link{margin-top:36px}
.belief-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #1f2f55}
.belief-grid article{padding:30px 38px 10px 0}
.belief-grid article+article{border-left:1px solid #dce7eb;padding-left:38px}
.belief-grid span{font-size:13px;letter-spacing:.12em;color:#0b8c9e;font-weight:700}
.belief-grid h3{font-size:clamp(1.5rem,2.4vw,2rem);margin:16px 0}
.belief-grid p{color:#586a79}
@media(max-width:640px){.belief-grid{display:block}.belief-grid article+article{border-left:0;border-top:1px solid #dce7eb;padding-left:0}}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cbdce4;background:white}
.activity-grid article+article{border-left:1px solid #cbdce4}
.activity-head{background:#123c52;color:white;padding:26px 25px 25px;min-height:176px}
.activity-head span{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#8ed9df}
.activity-head h3{font-size:clamp(1.35rem,2vw,1.7rem);margin:12px 0 6px}
.activity-head p{font-size:14px;line-height:1.6;margin:0;color:#d9ebef}
.activity-grid ul{list-style:none;padding:7px 25px 17px;margin:0}
.activity-grid li{padding:17px 0;border-bottom:1px solid #dce7eb;line-height:1.6}
.activity-grid li:last-child{border-bottom:0}
.activity-grid li strong,.activity-grid li span{display:block}
.activity-grid li strong{font-size:16px}
.activity-grid li span{font-size:14px;color:#586a79;margin-top:4px}
.activity-thread{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 24px;border-left:4px solid #0b8c9e;background:#e3f1f3;margin-top:16px;line-height:1.6}
.activity-thread strong{font-size:17px}
.activity-thread span{font-size:14px}
@media(max-width:900px){.activity-grid{display:block}.activity-grid article+article{border-left:0;border-top:1px solid #cbdce4}.activity-head{min-height:0}.activity-grid ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.activity-grid li{border-bottom:0}.activity-thread{display:block}.activity-thread span{display:block;margin-top:8px}}
@media(max-width:640px){.activity-grid ul{display:block}.activity-grid li{border-bottom:1px solid #dce7eb}.activity-head{padding:22px}.activity-grid ul{padding:0 22px 8px}.activity-thread{padding:16px}}
.activity-grid ol{list-style:none;counter-reset:activity;padding:7px 25px 12px;margin:0}
.activity-grid ol li{counter-increment:activity;position:relative;padding:16px 0 16px 29px;border-bottom:1px solid #dce7eb;line-height:1.55}
.activity-grid ol li:last-child{border-bottom:0}
.activity-grid ol li:before{content:counter(activity,decimal-leading-zero);position:absolute;left:0;top:18px;color:#0b8c9e;font:700 12px/1.5 Arial,sans-serif}
.activity-grid ol li strong,.activity-grid ol li span{display:block}
.activity-grid ol li strong{font-size:15px}
.activity-grid ol li span{font-size:14px;color:#586a79;margin-top:5px}
.activity-output{margin:0 25px 25px;border-top:2px solid #0b8c9e;padding-top:13px;font-size:14px;line-height:1.6;color:#586a79}
.activity-output b{display:block;color:#123c52;font-size:12px;letter-spacing:.04em;margin-bottom:4px}
@media(max-width:900px){.activity-grid ol{display:block}.activity-grid ol li{border-bottom:1px solid #dce7eb}}
@media(max-width:640px){.activity-grid ol{padding:5px 22px 10px}.activity-output{margin:0 22px 22px}}
.privacy-body{max-width:820px}
.privacy-body>p:first-child{font-size:17px;line-height:1.9;margin-bottom:42px}
.privacy-body h2{border-top:1px solid #dce7eb;padding-top:27px;margin:34px 0 13px;font-size:21px}
.privacy-body ul{padding-left:1.4em;margin:0 0 22px}
.privacy-body li{margin:7px 0;line-height:1.85}
.privacy-body a{text-decoration:underline;text-underline-offset:3px}
.privacy-date{font-size:14px;color:#586a79;margin-top:36px}

/* Keep the three stages aligned despite different copy lengths. */
@media(min-width:901px){.activity-grid article{display:flex;flex-direction:column}.activity-head{height:210px;min-height:210px}.activity-grid ol{flex:1}.activity-output{margin-top:auto}}
/* A shared five-row rhythm keeps stage separators aligned. */
@media(min-width:901px){
  .activity-head{height:190px;min-height:190px}
  .activity-grid ol{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));padding-top:0;padding-bottom:0}
  .activity-grid ol li{display:flex;flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px}
  .activity-grid ol li:before{top:50%;transform:translateY(-50%)}
  .activity-output{min-height:70px;margin-bottom:14px;padding-top:10px}
}
@media(min-width:1150px){.activity-head{height:164px;min-height:164px}}
.expectation-gap{border:1px solid #d6e2e8;background:#f7fafb;padding:27px 30px;margin:-7px 0 56px}
.gap-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:#536579;margin-bottom:14px}
.gap-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gap-voices>div{background:#fff;border-top:3px solid #b9cbd4;padding:15px 18px;min-height:91px}
.gap-voices span,.gap-voices strong{display:block}
.gap-voices span{font-size:13px;color:#607487;margin-bottom:6px}
.gap-voices strong{font-size:16px;line-height:1.45}
.gap-break{display:flex;align-items:center;gap:18px;border-block:1px dashed #bd9b3c;margin:21px 0;padding:13px 0;color:#6e5723}
.gap-break span{flex:none;font-size:12px;font-weight:700;background:#f7e7b4;padding:3px 9px}
.gap-break p{font-size:14px;margin:0;line-height:1.6}
.gap-solution{background:#1f2f55;color:#fff;padding:20px 23px;border-left:4px solid #18a9b8}
.gap-solution b{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#8ee3e8;display:block;margin-bottom:7px}
.gap-solution strong{display:block;font-size:18px;line-height:1.5}
.gap-solution p{margin:7px 0 0;color:#d3e1eb;font-size:14px;line-height:1.65}
@media(max-width:760px){.expectation-gap{padding:20px;margin-bottom:38px}.gap-voices{grid-template-columns:1fr;gap:8px}.gap-voices>div{min-height:0;padding:11px 14px}.gap-break{display:block}.gap-break p{margin-top:9px}.gap-solution{padding:17px}}
.company-dl>div{align-items:center;padding:19px 0}
.company-dl>div:first-child{padding-top:19px}

/* A consistent reading rhythm across the single-page narrative. */
main{overflow:clip}
main>.section,main>.about-page .section,main>.contact-page .section{scroll-margin-top:0}
main .section-head{align-items:start;gap:clamp(28px,5vw,72px);margin-bottom:46px}
main .section-head h2{max-width:720px;font-size:clamp(2rem,3.05vw,2.85rem);line-height:1.45;letter-spacing:-.035em}
main .section-head p{max-width:400px;padding-top:8px;font-size:15px;line-height:1.9}
main .eyebrow{margin-bottom:22px}
main .section{padding-top:96px;padding-bottom:96px}
/* The section edges follow the shift from challenge to method to proof. */
#problem{border-top:1px solid #e2eaee}
#problem .problem-grid article:first-child{padding-top:23px}
.client-record{padding-top:96px;padding-bottom:96px;border-bottom:0}
#services{background:#edf4f6;border-top:1px solid #dce8ed;border-bottom:1px solid #dce8ed}
#services .activity-grid{box-shadow:0 12px 30px #1935500b}
#framework{border-bottom:1px solid #dce7ec}
.product-tour{background:#f2f7f9;border-top:0}
.why-orbit{border-top:0!important}
.pricing-section{background:#f5f8f9!important;border-top:1px solid #dce7ec;border-bottom:1px solid #dce7ec}
.pricing-section .onboarding-flow{background:#fff}
#faq{background:#fff;border-top:0!important;border-bottom:1px solid #dce7ec}
#faq .split,.about-page .split{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(40px,7vw,100px)}
#faq h2,.about-page h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.45;letter-spacing:-.03em}
.about-page>.section{background:#f3f7f9;border-bottom:1px solid #dce7ec}
.contact-page .contact-lead{background:#1f2f55;color:#fff;padding-top:76px;padding-bottom:78px}
.contact-lead .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.68fr);gap:18px 72px;align-items:end}
.contact-lead .eyebrow{grid-column:1/-1;color:#9cdce2;margin-bottom:6px}
.contact-lead .eyebrow:before{background:#efcf3c}
.contact-lead h2{font-size:clamp(2.1rem,3.5vw,3.25rem);line-height:1.45;letter-spacing:-.035em}
.contact-lead p{color:#d9e6eb;font-size:16px;line-height:1.9;margin:0 0 5px}
.contact-page .contact-section{background:#fff;padding-top:96px;padding-bottom:96px}
.contact-layout aside h2{font-size:clamp(1.65rem,2.3vw,2rem);line-height:1.5}
.contact-form{border-top-width:3px;box-shadow:0 12px 34px #1935500b}
@media(max-width:900px){main .section{padding-top:76px;padding-bottom:76px}main .section-head{display:block;margin-bottom:38px}main .section-head p{max-width:640px;padding-top:0;margin-top:18px}#faq .split,.about-page .split{gap:38px}.client-record{padding-top:76px;padding-bottom:76px}.contact-lead .container{gap:14px 35px}.contact-page .contact-section{padding-top:76px;padding-bottom:76px}}
@media(max-width:640px){main .section{padding-top:62px;padding-bottom:62px}main .eyebrow{margin-bottom:18px}main .section-head{margin-bottom:30px}main .section-head h2{font-size:clamp(1.85rem,7vw,2.35rem);line-height:1.5}main .section-head p{font-size:14px;margin-top:14px}#problem .problem-grid article:first-child{padding-top:18px}.client-record{padding-top:62px;padding-bottom:62px}#faq .split,.about-page .split{display:block}#faq .split>div:first-child,.about-page .split>div:first-child{margin-bottom:25px}#faq h2,.about-page h2{font-size:2rem}.contact-page .contact-lead{padding-top:58px;padding-bottom:58px}.contact-lead .container{display:block}.contact-lead .eyebrow{margin-bottom:18px}.contact-lead h2{font-size:clamp(2rem,8vw,2.6rem)}.contact-lead p{font-size:14px;margin:18px 0 0}.contact-page .contact-section{padding-top:62px;padding-bottom:62px}.contact-form{box-shadow:none}}

/* Final product-led visual system. */
:root{--ink:#16284a;--tech:#0694a7;--tech-bright:#18b3c3;--surface:#f4f8fa;--line:#d5e2e8}
body{color:var(--ink);font-feature-settings:"palt" 1,"kern" 1;text-rendering:optimizeLegibility}
.header{background:#ffffffeb;border-bottom-color:#dce6eb;box-shadow:0 8px 28px #17344f0a}.header-inner{min-height:84px}.header .brand img{width:52px;height:60px}.header .nav{gap:30px}.header .nav a{position:relative;font-size:13px;letter-spacing:.035em}.header .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--tech);transition:right .22s ease}.header .nav a:hover:after,.header .nav a[aria-current=page]:after{right:0}
.button{border-radius:5px;box-shadow:0 8px 20px #1f2f5518;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1f2f5525}.button svg{border-left:1px solid #ffffff3d;padding-left:8px;width:26px}
.hero{background:radial-gradient(circle at 78% 30%,#d9f0f3 0,transparent 32%),linear-gradient(105deg,#fff 18%,#f4f9fa 68%,#e8f3f6);min-height:calc(100svh - 84px)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(#79a8b51f 1px,transparent 1px),linear-gradient(90deg,#79a8b51f 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 34%,#000 72%,transparent)}.hero-content.hero-with-product{min-height:calc(100svh - 145px);padding-top:74px;padding-bottom:70px}.hero-copy .eyebrow{font-family:Arial,"Noto Sans JP",sans-serif;font-weight:700}.hero-with-product h1{font-weight:750;letter-spacing:-.045em}.hero-with-product h1 span{background:linear-gradient(transparent 78%,#efcf3c 78%,#efcf3c 91%,transparent 91%)}.hero-product:before{background:linear-gradient(145deg,#d9edf1,#eef7f8);box-shadow:0 30px 80px #058da41a}.hero-laptop{filter:drop-shadow(0 28px 25px #132d4b33)}.hero-product-bottom>span i{box-shadow:0 0 0 5px #12adc21c}.proof-strip{background:#fff}.proof-strip strong{letter-spacing:-.035em}
.eyebrow{font-family:Arial,"Noto Sans JP",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--tech)}.eyebrow:before{width:28px;background:linear-gradient(90deg,var(--tech) 70%,var(--yellow) 70%)}.section-head h2,#problem h2{font-weight:750}.section-head p{border-left:2px solid #bbdbe1;padding-left:20px}
#problem .problem-grid article{transition:border-color .2s,transform .2s}#problem .problem-grid article:hover{border-top-color:var(--tech);transform:translateY(-2px)}.decision-state{border-radius:5px;box-shadow:0 8px 24px #1d38500a}
.client-record-grid article{border-radius:7px;overflow:hidden;box-shadow:0 12px 32px #18344e0a;transition:transform .22s,box-shadow .22s}.client-record-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 42px #18344e17}.activity-grid{border-radius:8px;overflow:hidden}.activity-head{background:linear-gradient(145deg,#123c52,#173152)}.activity-grid article:nth-child(2) .activity-head{background:linear-gradient(145deg,#087f91,#176078)}.activity-output{background:#f5fafb;padding:12px 14px;border-top:0;border-left:3px solid var(--tech)}
.expectation-gap,.framework-bridge{border-radius:8px;box-shadow:0 12px 32px #17344f0a}.gap-voices>div{border-radius:4px;box-shadow:0 5px 16px #17344f0b}.framework-elements article{transition:transform .2s,background .2s}.framework-elements article:hover{transform:translateX(4px)}
.product-tour .tour-shell{border-radius:12px;box-shadow:0 32px 90px #102a4824,0 1px 0 #fff inset}.tour-topbar{background:linear-gradient(100deg,#172b4e,#123e54)}.tour-tab,.tour-orbit-item,.tour-flow-grid article,.tour-evaluation,.tour-task{transition:border-color .2s,box-shadow .2s}.tour-orbit-item:hover,.tour-flow-grid article:hover,.tour-evaluation:hover,.tour-task:hover{border-color:#91c6cf;box-shadow:0 6px 18px #17344f0b}.product-consult{background:linear-gradient(100deg,#182b4d,#0c5668)}
.value-compare,.downside-model{border-radius:8px;overflow:hidden;box-shadow:0 24px 60px #061a2b33}.downside-model{border-radius:0;margin-top:2px}.value-conclusion{border-radius:0 0 8px 8px}
.plan-card{border-radius:7px;overflow:hidden;transition:transform .22s,box-shadow .22s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #16344e18}.onboarding-flow{border-radius:8px}.onboarding-flow li{border-radius:6px;box-shadow:0 7px 20px #17344f0b}.onboarding-icon{box-shadow:inset 0 0 0 1px #cce2e7}.faq [data-slot=accordion-item]{border-bottom-color:#d3e1e7}.faq [data-slot=accordion-trigger]{transition:color .2s,padding-left .2s}.faq [data-slot=accordion-trigger]:hover{color:var(--tech);padding-left:6px}
.contact-form{border-radius:8px}.form-field input,.form-field textarea,.contact-select{border-radius:5px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus,.contact-select:focus{border-color:var(--tech);box-shadow:0 0 0 4px #0694a713;outline:0}.footer{border-top:1px solid #d9e5ea;background:linear-gradient(180deg,#f7fafb,#eef4f6)}
@media(max-width:900px){.header-inner{min-height:78px}.header .brand img{width:47px;height:55px}.hero{min-height:auto}.hero-content.hero-with-product{min-height:0}.section-head p{border-left:0;padding-left:0}.why-orbit-photo img{box-shadow:10px 10px 0 #e5f1f3}}
@media(max-width:640px){.header .brand img{width:44px;height:51px}.button{box-shadow:0 6px 16px #1f2f5517}.hero:after{background-size:32px 32px;mask-image:linear-gradient(180deg,transparent 15%,#000 65%,transparent)}.hero-with-product h1{letter-spacing:-.035em}.client-record-grid article:hover,.plan-card:hover{transform:none}.value-compare,.downside-model{border-radius:6px}.why-orbit-photo img{box-shadow:8px 8px 0 #e5f1f3}}

/* Pain cards */
#problem{background:linear-gradient(180deg,#fff 0%,#f5f9fa 100%)}
#problem>.container{display:block}
#problem .problem-question{text-align:center;max-width:760px;margin:0 auto}
#problem .problem-question .eyebrow{justify-content:center;margin-bottom:22px}
#problem .problem-question h2{font-size:clamp(2.15rem,3.7vw,3.35rem);line-height:1.42;letter-spacing:-.035em}
#problem .problem-question h2:after{content:"";display:block;width:128px;height:8px;margin:16px auto 0;background:linear-gradient(90deg,var(--yellow) 0 78%,var(--tech) 78%)}
#problem .problem-intro{margin:24px auto 0;color:#51697d}
.pain-box-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin:54px 0 48px}
.pain-box-grid article{grid-column:span 2;position:relative;min-height:270px;padding:34px 30px 30px;background:#fff;border:1px solid #d7e3e8;border-top:4px solid var(--tech);border-radius:8px;box-shadow:0 14px 34px #17344f0b;transition:transform .2s,box-shadow .2s}
.pain-box-grid article:nth-child(4){grid-column:2/span 2}
.pain-box-grid article:nth-child(5){grid-column:4/span 2}
.pain-box-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 44px #17344f16}
.pain-box-grid article>svg{width:36px;height:36px;color:var(--tech);stroke-width:1.6;margin-bottom:25px}
.pain-box-grid article>span{position:absolute;top:31px;right:28px;font:700 13px/1 Arial,sans-serif;letter-spacing:.12em;color:#8aa0af}
.pain-box-grid h3{font-size:19px;line-height:1.65;letter-spacing:.01em}
.pain-box-grid p{font-size:15px;line-height:1.85;color:#617384;margin:15px 0 0}
@media(max-width:900px){.pain-box-grid{grid-template-columns:repeat(2,1fr)}.pain-box-grid article,.pain-box-grid article:nth-child(4),.pain-box-grid article:nth-child(5){grid-column:auto}.pain-box-grid article:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}}
@media(max-width:640px){#problem .problem-question h2{font-size:clamp(1.9rem,8vw,2.45rem)}#problem .problem-question h2:after{width:92px;height:6px;margin-top:13px}.pain-box-grid{grid-template-columns:1fr;gap:14px;margin:36px 0}.pain-box-grid article,.pain-box-grid article:last-child{grid-column:auto;max-width:none;min-height:0;padding:25px 22px}.pain-box-grid article>svg{width:31px;height:31px;margin-bottom:18px}.pain-box-grid article>span{top:25px;right:22px}.pain-box-grid h3{font-size:18px}.pain-box-grid p{font-size:14px;margin-top:10px}}

/* Always-visible comparison section */
.comparison-section{background:#edf4f6;border-top:1px solid #d7e4e9;border-bottom:1px solid #d7e4e9}
.comparison-section-head{display:grid;grid-template-columns:1fr 1.35fr;column-gap:70px;align-items:end;margin-bottom:46px}
.comparison-section-head .eyebrow{grid-column:1/-1;margin-bottom:22px}
.comparison-section-head h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.48;letter-spacing:-.025em}
.comparison-section-head>p{max-width:500px;margin:0 0 7px;color:#53697b;border-left:2px solid #b9d9df;padding-left:20px}
.comparison-section .comparison-block{margin:0;overflow-x:auto}
.comparison-section .comparison{box-shadow:0 12px 30px #17344f0b}
@media(max-width:760px){.comparison-section-head{display:block;margin-bottom:30px}.comparison-section-head>p{margin-top:18px}.comparison-section .table-hint{display:block}}

/* TalentAid: one visual language, from expectation to delegation. */
:root{--ink:var(--navy);--tech:var(--teal);--line:#d6e1e5;--surface:#f3f7f8}
body{font-feature-settings:"palt" 1,"kern" 1;letter-spacing:.015em}
html{scroll-padding-top:104px}
body #main-content:focus{outline:none}
body .skip-link{position:fixed;z-index:100;left:20px;top:-80px;padding:12px 22px;color:white;background:var(--navy)}
body .skip-link:focus{top:12px}
body .container{width:min(1320px,calc(100% - 96px))}
body .header{background:#fffffff2;box-shadow:none;border-bottom:1px solid var(--line)}
body .header-inner{width:min(1520px,calc(100% - 64px));min-height:88px;gap:22px}
body .header .brand img{width:48px;height:56px}
body .brand-caption{font-size:11px;letter-spacing:.02em}
body .brand-caption span{font-size:13px}
body .header .nav{gap:24px}
body .header .nav a{font-size:12px}
body .header .nav a[aria-current=location]{color:var(--teal)}
body .header .nav a[aria-current=location]:after{right:0}
body .button{min-height:56px;border-radius:2px;box-shadow:none;font-weight:600;gap:26px;transition:background .2s,color .2s,box-shadow .2s}
body .button:hover{transform:none;box-shadow:0 0 0 4px #09869715;background:var(--teal)}
body .button svg{width:28px;height:18px;transition:transform .2s}
body .button:hover svg{transform:translateX(3px)}
body .header-cta{min-height:46px;font-size:12px;padding:12px 18px}
body .mobile-menu-toggle,body .mobile-site-nav{display:none}
body .hero{min-height:0;background:#f5f9fa;border-bottom:1px solid var(--line)}
body .hero:after{display:none}
body .hero-art{opacity:.12;right:-20%;top:-43%;width:81%;transform:rotate(-8deg);height:180%}
body .hero-art .track-fine{stroke-width:1}
body .hero-art .track-main{stroke-width:22}
body .hero-art .track-second{stroke-width:9}
body .hero-content.hero-with-product{width:min(1440px,calc(100% - 96px));min-height:660px;grid-template-columns:1fr 1.05fr;gap:5%;padding:88px 0 72px}
body .hero-copy .eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:30px;color:var(--teal)}
body .hero-with-product h1{font-size:clamp(34px,3.6vw,56px);line-height:1.55;letter-spacing:-.045em;font-weight:700;white-space:nowrap}
body .hero-with-product h1 span{background:none;position:relative}
body .hero-with-product h1 span:after{content:"";position:absolute;bottom:-6px;left:0;width:70px;height:4px;background:var(--yellow)}
body .hero-with-product .hero-lead{font-size:15px;line-height:2;margin:34px 0 28px;color:#44566a}
body .hero-copy .button{box-shadow:none;padding:19px 26px}
body .hero-note{font-size:12px;line-height:1.8;margin-top:18px;max-width:400px}
body .hero-product{margin:0;min-width:0}
body .hero-product:before{display:none}
body .hero-laptop{filter:drop-shadow(0 24px 24px #1f2f5520);transform:none!important;animation:none!important}
body .hero-laptop-bezel{border-width:7px;border-bottom-width:10px;border-radius:12px 12px 3px 3px}
body .hero-laptop-base{margin:0 -3%;height:10px}
body .hero-product-bottom{margin:20px 0 0;font-size:10px;letter-spacing:.06em}
body .hero-product-bottom button{width:44px;height:44px;background:transparent;border-color:#b7cbd4}
body .hero-product-bottom>span i{box-shadow:none}
body .hero-signature{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccdce2;padding:24px 0;color:var(--navy);font-size:13px;letter-spacing:.04em}
body .hero-signature strong{font-size:18px;letter-spacing:.06em}
body .hero-signature a{display:flex;gap:30px;align-items:center;font-size:11px;color:#526579}
body .hero-signature a span{font-size:22px;color:var(--teal)}
body main .section,body .client-record{padding-top:108px;padding-bottom:108px}
body main .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:26px}
body .eyebrow:before{width:22px;height:2px;background:var(--teal)}
body main .section-head{margin-bottom:48px;align-items:end}
body .section-head p{border:0;padding-left:0}
body main .section-head h2{font-size:clamp(30px,3.1vw,44px);font-weight:700;letter-spacing:-.045em;line-height:1.55}
body #problem{background:#fff;border-top:0}
body #problem .problem-question{max-width:none;text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin:0}
body #problem .problem-question .eyebrow{justify-content:flex-start;grid-column:1/-1;margin-bottom:22px}
body #problem .problem-question h2{font-size:clamp(30px,3.1vw,44px);line-height:1.55;letter-spacing:-.04em}
body #problem .problem-question h2:after{display:none}
body #problem .problem-intro{align-self:end;margin:0 0 6px;max-width:360px;font-size:15px;line-height:1.9}
body .pain-box-grid{gap:18px;margin:46px 0 0}
body .pain-box-grid article{min-height:235px;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px;transition:border-color .2s,background .2s}
body .pain-box-grid article:hover{transform:none;box-shadow:none;background:#f4f9fa;border-color:var(--teal)}
body .pain-box-grid article>svg{width:28px;height:28px;margin-bottom:26px;stroke-width:1.4}
body .pain-box-grid article>span{top:30px;right:28px;font-weight:400;color:#627487}
body .pain-box-grid h3{font-size:18px;letter-spacing:0;line-height:1.65}
body .pain-box-grid p{font-size:13px;line-height:1.85;margin-top:12px;color:#596b7d}
body #services{background:#f1f6f7;border-block:1px solid var(--line)}
body #services .activity-grid{box-shadow:none;border-radius:0;border:0;gap:24px;background:transparent}
body .activity-grid article{background:#fff;border:1px solid var(--line)!important;min-width:0}
body .activity-head,body .activity-grid article:nth-child(2) .activity-head{background:var(--navy);padding:28px 26px}
body .activity-grid article:nth-child(2) .activity-head{background:#087f91}
body .activity-head span{font-weight:500;letter-spacing:.1em;color:#bce7eb}
body .activity-head h3{font-size:24px;margin:14px 0 8px;letter-spacing:-.035em}
body .activity-head p{font-size:12px;color:#e2edf2;line-height:1.8}
body .activity-grid ol{padding:0 24px}
body .activity-grid ol li{padding-left:27px}
body .activity-grid ol li strong{font-size:14px}
body .activity-grid ol li span{font-size:13px;line-height:1.8}
body .activity-grid ol li:before{font-size:10px}
body .activity-output{border:0;background:#f3f7f8;font-size:12px;padding:14px 16px;margin:12px 24px 24px;min-height:72px}
body .activity-output b{font-size:11px}
body #framework{background:#fff}
body .expectation-gap{background:#f5f8f9;border-radius:0;box-shadow:none;border:0;border-left:2px solid #cadbe1;padding:28px 32px;margin:0 0 56px}
body .gap-voices>div{box-shadow:none;border-radius:0;background:transparent;border-top:1px solid #bfd2da;padding:18px 0}
body .gap-voices{gap:36px}
body .gap-voices span{font-size:11px}
body .gap-voices strong{font-size:17px}
body .gap-label{font-size:11px;margin-bottom:22px}
body .gap-break{padding:16px 0;margin:5px 0 22px}
body .gap-solution{background:var(--navy);border-left:3px solid var(--teal);padding:24px 26px}
body .gap-solution strong{font-size:18px}
body .gap-solution p{font-size:13px}
body .framework-visual{border-top:0}
body .framework-visual-head{padding-top:0}
body .framework-visual-head h3{font-size:29px;letter-spacing:-.03em}
body .framework-visual-head>p{font-size:14px}
body .framework-elements{border:0;border-block:1px solid var(--line)}
body .framework-elements article{min-height:275px;padding:26px 20px;background:transparent}
body .framework-elements article:hover{transform:none;background:#f4f8f9}
body .framework-elements .framework-letter{font-size:64px;font-weight:400;letter-spacing:-.06em}
body .framework-element-name{font-size:13px;margin:12px 0 20px}
body .framework-elements h4{font-size:15px}
body .framework-elements p{font-size:12px;line-height:1.9}
body .framework-title small{font-size:11px;color:#596b7d}
body .why-orbit{background:#f1f6f7}
body .why-orbit-heading{text-align:left;margin-bottom:50px}
body .why-orbit-heading .eyebrow{justify-content:flex-start}
body .why-orbit-heading h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.035em}
body .why-orbit-list{gap:48px}
body .why-orbit-circle{background:transparent;box-shadow:none;border:1px solid #b8d1d9;position:relative;width:260px;max-width:100%;margin-bottom:25px}
body .why-orbit-circle:after{content:"";position:absolute;inset:9px;border:1px solid #c9dce2;border-radius:50%;pointer-events:none}
body .why-orbit-number{font-size:13px;font-weight:400;letter-spacing:.15em}
body .why-orbit-list h3{font-size:20px;font-weight:600;letter-spacing:-.02em;position:relative;z-index:1}
body .why-orbit-circle svg{height:40px;width:40px;stroke-width:1.2}
body .why-orbit-list article>p{font-size:14px;line-height:1.9;max-width:300px}
body .why-orbit-list article:nth-child(3) .why-orbit-circle{border-color:#d2bc6e}
body .client-record-intro{grid-template-columns:1fr 2fr}
body .client-record-intro>span{font-size:11px;color:var(--teal)}
body .client-record-intro h2{font-size:30px;letter-spacing:-.04em}
body .client-record-intro h2 strong{font-size:44px;font-weight:700}
body .client-record-grid{gap:24px}
body .client-record-grid article{border:1px solid var(--line);border-top:2px solid var(--teal);border-radius:0;box-shadow:none;padding:26px 24px 0}
body .client-record-grid article:hover{transform:none;box-shadow:none}
body .client-record-heading{margin-bottom:28px}
body .client-record-number{font-size:10px}
body .client-record-scope{font-size:10px}
body .client-record-grid h3{font-size:22px;letter-spacing:-.035em;min-height:66px;display:flex;align-items:end}
body .client-record-role{font-size:13px;margin-bottom:22px}
body .client-record-stage p{font-size:14px;line-height:1.9}
body .client-record-stage>span{font-size:11px}
body .client-record-result{height:auto;min-height:220px;margin:auto -24px 0;padding:24px;background:#f2f7f8}
body .client-record-figures{gap:28px;margin:14px 0 18px}
body .client-record-figures strong{font-size:39px;font-weight:400;letter-spacing:-.04em}
body .client-record-result p{font-size:13px}
body .client-record-figures small{font-size:11px}
body .product-consult{background:var(--navy);position:relative;overflow:hidden}
body .product-consult:before,body .product-consult:after{content:"";position:absolute;right:15%;top:-180px;width:280px;height:500px;border:1px solid #ffffff18;border-radius:50%;transform:rotate(35deg);pointer-events:none}
body .product-consult:after{right:12%}
body .product-consult .container{position:relative;z-index:1;padding-block:44px}
body .product-consult strong{font-size:25px;letter-spacing:-.03em}
body .product-consult p{font-size:13px}
body .product-consult .button{color:var(--navy)}
body .product-consult .button svg{border-left-color:var(--line)}
body .comparison-section{background:#fff;border-block:0}
body .comparison-section-head h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.035em}
body .comparison-section .comparison{box-shadow:none}
body .comparison th,body .comparison td{font-size:13px;line-height:1.8;padding:22px 20px}
body .comparison thead th:last-child{background:var(--navy);color:white}
body .comparison tbody td:last-child{background:#eaf4f5;font-weight:600}
body .fine-print{font-size:11px;line-height:1.8}
body .table-hint{font-size:12px}
body .value-compare,body .downside-model,body .value-conclusion{border-radius:0;box-shadow:none}
body .value-impact .section-head p{border:0}
body .downside-costs strong{font-weight:400}
body .downside-total strong{font-weight:400;letter-spacing:-.04em}
body .value-side-head h3{font-size:23px}
body .value-side-head>svg{width:28px}
body .value-conclusion strong{font-size:21px}
body .pricing-section{background:#f4f7f8!important}
body .plan-cards{max-width:none;grid-template-columns:1.2fr 1fr;gap:24px}
body .plan-card{border-radius:0;box-shadow:none}
body .plan-card:hover{transform:none;box-shadow:none}
body .plan-card-head{padding:22px 28px;min-height:78px}
body .plan-card-head h3{font-size:20px}
body .plan-card-head>span{font-size:11px}
body .plan-card.plan-card-custom .plan-card-head{background:#e6eef1;color:var(--navy)}
body .plan-card-custom .plan-card-head>span{color:#526579}
body .plan-main-price strong{font-size:56px}
body .plan-main-price p{gap:6px}
body .plan-main-price b{font-size:16px}
body .plan-main-price em{font-size:15px}
body .plan-main-price>span{font-size:12px}
body .plan-duration{font-size:13px}
body .plan-notes{max-width:none;font-size:12px;line-height:1.9}
body .plan-custom-price strong{font-size:30px}
body .plan-custom-price p{font-size:14px}
body .plan-card-body{min-height:235px}
body .onboarding-flow{border:0;border-top:1px solid var(--line);border-radius:0;padding:44px 0 0;background:transparent!important}
body .onboarding-flow-head{text-align:left}
body .onboarding-flow-head h3{font-size:30px;letter-spacing:-.03em}
body .onboarding-flow-head p{font-size:13px}
body .onboarding-flow li{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:25px 20px 25px 0}
body .onboarding-icon{box-shadow:none;background:transparent;border:1px solid #bcd3dc;border-radius:50%;height:52px;width:52px}
body .onboarding-step{font-size:10px}
body .onboarding-flow li h4{font-size:16px}
body .onboarding-flow li p{font-size:13px}
body .onboarding-arrow{background:transparent}
body .onboarding-cta{justify-content:flex-start;margin-top:14px}
body #faq .eyebrow{font-size:11px}
body .faq [data-slot=accordion-trigger]{padding-block:23px;font-size:15px;line-height:1.8}
body .faq [data-slot=accordion-trigger]:hover{padding-left:0}
body .faq [data-slot=accordion-content]{font-size:14px;line-height:1.9}
body .question-mark{color:var(--teal)}
body .contact-page .contact-lead{position:relative;background:var(--navy);overflow:hidden}
body .contact-lead:after{content:"";position:absolute;right:4%;top:-80%;width:420px;height:700px;border:2px solid #ffffff13;border-radius:50%;transform:rotate(30deg);pointer-events:none}
body .contact-lead h2{font-size:clamp(32px,3.7vw,50px)}
body .contact-lead p{font-size:14px}
body .contact-form{border:1px solid var(--line);border-top:2px solid var(--teal);border-radius:0;box-shadow:none;background:#f6f8f9}
body .form-field input,body .form-field textarea,body .contact-select{border-radius:0;min-height:48px;font-size:16px}
body .form-field label,body .form-field legend{font-size:14px}
body .theme-options .check-label{min-height:44px}
body .consent [data-slot=checkbox]{min-width:20px;min-height:20px}
body .footer{background:#fff;border-top:1px solid var(--line)}
body .footer-top{padding-bottom:36px}
body .footer-bottom{font-size:11px}
body .footer-nav a{font-size:13px}
@media(min-width:901px){
body .activity-head{height:178px;min-height:178px}
body .activity-grid ol{flex:none;grid-template-rows:repeat(5,108px)}
body .activity-output{margin-top:14px}
body .client-record-stage{min-height:136px}}
@media(min-width:1051px) and (max-width:1200px){
body .header .brand-caption{display:none}
body .hero-content.hero-with-product{grid-template-columns:1fr 1fr;gap:4%}
body .hero-with-product h1{font-size:36px}}
@media(max-width:1050px){
body .header .nav{display:none}
body .header-inner{min-height:76px}
body .mobile-menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;color:var(--navy);margin-left:0}
body .header-cta{margin-left:auto}
body .mobile-site-nav:not([hidden]){display:grid;padding:12px 32px 24px;background:#fff;border-top:1px solid var(--line)}
body .mobile-site-nav a{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}
body .mobile-site-nav a span{font-size:10px;color:var(--teal)}
body .mobile-site-nav svg{margin-left:auto;width:17px}
body .hero-content.hero-with-product{display:grid;grid-template-columns:1fr;min-height:0;width:calc(100% - 72px);padding:66px 0 52px}
body .hero-copy{max-width:700px}
body .hero-with-product h1{font-size:clamp(36px,5.5vw,56px)}
body .hero-product{width:84%;max-width:750px;margin:58px auto 0}
body .hero-signature{width:calc(100% - 72px)}
body .hero-art{width:110%;right:-40%;top:5%;height:130%}
body .plan-card-head{flex-wrap:wrap;gap:6px}
body .framework-elements article{padding-inline:13px}
body .client-record-grid article{padding-inline:20px}
body .client-record-result{margin-inline:-20px;padding-inline:20px}
body .client-record-grid h3{font-size:19px}
body .client-record-figures{gap:18px}
body .client-record-figures strong{font-size:31px}}
@media(max-width:900px){
body .container{width:calc(100% - 64px)}
body main .section,body .client-record{padding-block:80px}
body .activity-grid article+article{margin-top:20px}
body .activity-head{height:auto;min-height:0}
body .activity-grid ol li{padding-block:17px}
body .activity-output{margin-top:8px}
body .pain-box-grid article:last-child{max-width:none;grid-column:1/-1}
body .why-orbit-list{gap:22px}
body .why-orbit-circle{width:230px}
body .why-orbit-list h3{font-size:17px}
body .comparison th,body .comparison td{padding:18px 16px}
body .plan-cards{grid-template-columns:1fr 1fr}
body .plan-main-price strong{font-size:45px}
body .plan-main-price b{font-size:15px}
body .plan-card-head h3{font-size:18px}
body .plan-card-body{padding-inline:20px}
body .plan-custom-price p{font-size:13px}
body .client-record-intro h2 strong{font-size:36px}}
@media(max-width:760px){
body .client-record-grid{grid-template-columns:1fr;gap:22px}
body .client-record-grid h3{min-height:0;font-size:23px}
body .client-record-result{min-height:0;padding:24px;margin:12px -20px 0}
body .client-record-figures strong{font-size:40px}
body .client-record-stage{min-height:0}
body .client-record-intro{display:block}
body .client-record-intro>span{display:block;margin-bottom:18px}
body .framework-elements article{min-height:0;padding:22px 18px}
body .framework-elements .framework-letter{font-size:46px}
body .framework-elements h4{font-size:16px}
body .framework-elements p{font-size:13px}
body .gap-voices{gap:0}
body .gap-voices>div{padding:16px 0}
body .gap-break{margin-top:12px}
body .gap-solution{padding:20px}
body .gap-solution strong{font-size:16px}
body .why-orbit-list{grid-template-columns:1fr;gap:34px}
body .why-orbit-list article{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;text-align:left}
body .why-orbit-circle{width:145px;height:145px;margin:0;padding:20px}
body .why-orbit-circle:after{inset:6px}
body .why-orbit-number{font-size:10px}
body .why-orbit-list h3{font-size:13px;margin:9px 0;text-align:center}
body .why-orbit-circle svg{width:25px;height:25px}
body .why-orbit-list article>p{font-size:13px;margin:0}
body .plan-cards{grid-template-columns:1fr;max-width:none}
body .plan-card-head{flex-wrap:nowrap;min-height:68px}
body .plan-card-body{min-height:0}
body .plan-card-head h3{font-size:19px}
body .plan-main-price strong{font-size:52px}
body .plan-card-custom .plan-card-body{min-height:150px}
body .plan-main-price p{gap:8px}
body .plan-custom-price strong{font-size:27px}
body .plan-custom-price p{font-size:14px}
body .plan-notes{font-size:11px}
body .framework-visual-head h3{font-size:25px}
body .expectation-gap{padding:22px 24px;margin-bottom:38px}}
@media(max-width:640px){
html{scroll-padding-top:86px}
body .container{width:calc(100% - 40px)}
body .header-inner{width:calc(100% - 32px);min-height:72px;gap:10px}
body .header .brand img{width:36px;height:43px}
body .header .brand-caption{display:none}
body .header-cta{display:inline-flex;font-size:11px;padding:10px 13px;gap:9px;min-height:42px}
body .header-cta svg{width:22px}
body .mobile-menu-toggle{width:42px;height:42px}
body .mobile-site-nav:not([hidden]){padding-inline:22px}
body .hero-content.hero-with-product{width:calc(100% - 40px);padding:48px 0 36px}
body .hero-copy .eyebrow{font-size:10px;letter-spacing:0;gap:8px;margin-bottom:22px}
body .hero-copy .eyebrow:before{width:14px}
body .hero-with-product h1{font-size:clamp(26px,7.45vw,43px);line-height:1.6;white-space:nowrap;letter-spacing:-.045em}
body .hero-with-product .hero-lead{font-size:13px;line-height:1.95;margin:29px 0 24px}
body .hero-copy .button{font-size:13px;min-height:55px;padding:15px 22px;width:auto;max-width:100%}
body .hero-note{font-size:10px;margin-top:14px}
body .hero-product{width:96%;margin:38px auto 0}
body .hero-laptop-bezel{border-width:4px;border-bottom-width:6px;border-radius:7px 7px 2px 2px}
body .hero-laptop-base{height:7px}
body .hero-product-bottom{margin-top:12px;font-size:9px;gap:6px;letter-spacing:0}
body .hero-product-bottom button{width:40px;height:40px}
body .hero-signature{width:calc(100% - 40px);padding-block:17px;font-size:11px}
body .hero-signature strong{font-size:15px}
body .hero-signature a{font-size:9px;gap:12px}
body .hero-signature a span{font-size:18px}
body main .section,body .client-record{padding-block:62px}
body main .section-head h2,body #problem .problem-question h2,body .comparison-section-head h2{font-size:28px;line-height:1.6;letter-spacing:-.05em}
body main .section-head{margin-bottom:30px}
body main .eyebrow{font-size:10px;margin-bottom:20px}
body #problem .problem-question{display:block}
body #problem .problem-intro{font-size:13px;margin-top:20px;max-width:290px}
body .pain-box-grid{grid-template-columns:1fr;margin-top:30px;gap:12px}
body .pain-box-grid article,body .pain-box-grid article:last-child{min-height:0;padding:24px;grid-column:auto;display:grid;grid-template-columns:26px 1fr;gap:0 16px}
body .pain-box-grid article>svg{width:25px;height:25px;margin:3px 0 0;grid-row:1/3}
body .pain-box-grid article>span{position:static;grid-column:2;font-size:9px;margin-bottom:8px}
body .pain-box-grid h3{grid-column:2;font-size:16px;line-height:1.7}
body .pain-box-grid p{grid-column:2;font-size:12px;margin-top:8px}
body .activity-head{padding:25px 24px}
body .activity-head h3{font-size:24px}
body .activity-head p{font-size:12px}
body .activity-grid ol{padding:0 22px}
body .activity-grid ol li strong{font-size:14px}
body .activity-grid ol li span{font-size:12px}
body .activity-output{margin:6px 22px 22px;font-size:12px}
body .framework-elements .framework-letter{font-size:44px}
body .framework-elements h4{font-size:15px}
body .framework-elements p{font-size:12px}
body .framework-visual-head>p{font-size:13px}
body .framework-visual-label{font-size:10px}
body .framework-visual .framework-title{font-size:14px}
body .framework-title small{display:block;margin-top:2px;font-size:10px}
body .why-orbit-heading{margin-bottom:34px}
body .why-orbit-heading h2{font-size:28px}
body .why-orbit-list article{grid-template-columns:125px 1fr;gap:20px}
body .why-orbit-circle{width:125px;height:125px;padding:16px}
body .why-orbit-list h3{font-size:12px}
body .why-orbit-list article>p{font-size:12px}
body .client-record-intro h2{font-size:24px}
body .client-record-intro h2 strong{font-size:32px}
body .client-record-stage p{font-size:13px}
body .product-consult .container{padding-block:34px}
body .product-consult strong{font-size:21px}
body .product-consult p{font-size:12px}
body .product-consult .button{margin-top:24px;width:100%;font-size:13px}
body .comparison th,body .comparison td{font-size:12px;padding:16px 14px}
body .comparison-section .comparison-block{overflow:visible}
body .comparison-section [data-slot=table-container]{overflow:auto}
body .value-conclusion strong{font-size:18px}
body .plan-card-head{padding:20px}
body .plan-card-head h3{font-size:18px}
body .plan-card-head>span{font-size:10px}
body .plan-main-price strong{font-size:46px}
body .plan-main-price b{font-size:15px}
body .plan-main-price em{font-size:12px}
body .onboarding-flow{padding-top:30px}
body .onboarding-flow-head h3{font-size:25px}
body .onboarding-flow-head p{font-size:12px}
body .onboarding-flow li{padding:19px 0;gap:0 16px}
body .onboarding-icon{width:44px;height:44px}
body .onboarding-arrow{left:13px}
body .onboarding-cta .button{font-size:13px}
body .faq [data-slot=accordion-trigger]{font-size:14px;gap:14px}
body .faq [data-slot=accordion-content]{font-size:13px}
body .contact-page .contact-lead{padding-block:56px}
body .contact-lead h2{font-size:31px}
body .contact-lead p{font-size:13px}
body .contact-layout aside h2{font-size:24px}
body .contact-layout aside>p{font-size:13px}
body .contact-agenda li{font-size:13px}
body .contact-form{padding:24px 20px}
body .form-field label,body .form-field legend{font-size:13px}
body .theme-options{gap:8px}
body .contact-aside-note{font-size:12px}
body .footer-top{gap:28px}
body .footer .brand img{width:42px;height:49px}
body .footer-nav{gap:16px}
body .footer-nav a{font-size:12px}
body .footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
body *,body *:before,body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
body .hero-laptop{transform:none!important}}
/* Shared content-sized rows: separators remain aligned when Japanese text wraps. */
@supports(grid-template-rows:subgrid){
 @media(min-width:901px){
body #services .activity-grid{grid-template-rows:auto repeat(5,auto) auto;row-gap:0}
body .activity-grid article{display:grid;grid-template-rows:subgrid;grid-row:1 / span 7}
body .activity-grid article:nth-child(1){grid-column:1}
body .activity-grid article:nth-child(2){grid-column:2}
body .activity-grid article:nth-child(3){grid-column:3}
body .activity-head{height:auto;min-height:175px}
body .activity-grid ol{display:contents}
body .activity-grid ol li{min-height:108px;margin-inline:24px;padding-block:16px}
body .activity-output{margin-top:14px;min-height:72px}
 }
}
@media(max-width:640px){
body .pain-box-grid p,body .activity-grid ol li span,body .framework-elements p,body .why-orbit-list article>p{font-size:13px}
body .contact-form .form-note{font-size:12px}
body .contact-aside-note p{font-size:13px}
body .company-dl dd{font-size:14px}
body .company-dl dt{font-size:12px}
body .hero-product-bottom button{width:44px;height:44px}
body .mobile-menu-toggle{width:44px;height:44px}
body .header-cta{min-height:44px}
body .hero-copy .eyebrow{font-size:11px}
body .hero-note{font-size:11px}
body .hero-signature a{min-height:32px}
}
body .value-side-head>svg{width:36px;height:36px;padding:7px;flex-shrink:0}
body .mobile-menu-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* Content-sized case rows keep every divider and result aligned. */
@supports(grid-template-rows:subgrid){
 @media(min-width:761px){
  body .client-record-grid{grid-template-rows:repeat(6,auto);row-gap:0}
  body .client-record-grid article{display:grid;grid-template-rows:subgrid;grid-row:1 / span 6}
  body .client-record-grid article:nth-child(1){grid-column:1}
  body .client-record-grid article:nth-child(2){grid-column:2}
  body .client-record-grid article:nth-child(3){grid-column:3}
  body .client-record-grid h3{min-height:0;align-items:start}
  body .client-record-stage{min-height:0;padding-block:20px}
  body .client-record-result{margin-top:0;min-height:220px}
 }
}
body .framework-elements p{font-size:13px}
body .why-orbit-list h3{line-height:1.55}
@media(max-width:1050px){body .header-inner{padding-bottom:0;box-sizing:border-box}}

/* The shared orbit illustration replaces the laptop in the first view. */
body .hero:has(.hero-with-illustration){background:#fff}
body .hero-content.hero-with-illustration{display:grid;align-items:center;grid-template-columns:1fr 1.12fr;gap:3%;min-height:650px;padding-block:76px}
body .hero-brand-visual{margin:0;min-width:0}
body .hero-brand-art{aspect-ratio:1672 / 715;overflow:hidden}
body .hero-brand-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
body .hero-brand-visual figcaption{margin-top:28px;color:var(--navy);font-size:15px;font-weight:600;text-align:right;letter-spacing:.06em}
@media(max-width:1050px){
 body .hero-content.hero-with-illustration{grid-template-columns:1fr;min-height:0;padding-block:56px}
 body .hero-brand-visual{width:100%;max-width:780px;margin:46px auto 0}
 body .hero-brand-visual figcaption{font-size:14px;text-align:center;margin-top:20px}
}
@media(max-width:640px){
 body .hero-content.hero-with-illustration{padding-block:42px}
 body .hero-brand-visual{margin-top:34px}
 body .hero-brand-art{aspect-ratio:1672 / 715}
 body .hero-brand-visual figcaption{font-size:12px;margin-top:18px;letter-spacing:.03em}
}

/* Supplied illustrations with live, responsive card text. */
body .pain-box-grid article{padding:24px;background:#f5fbfc;border-color:#a9dce5;border-radius:8px;display:flex;flex-direction:column}
body .pain-illustration{width:100%;aspect-ratio:2.15;margin:12px 0 20px;overflow:hidden}
body .pain-illustration svg{display:block;width:100%;height:100%;overflow:hidden}
body .pain-box-grid article>span{top:18px;right:20px;font-size:12px}
body .pain-box-grid h3{line-height:1.6;min-height:3.2em}
body .pain-box-grid p{margin-top:10px}
@media(max-width:640px){
 body .pain-box-grid article,body .pain-box-grid article:last-child{display:flex;padding:20px;gap:0}
 body .pain-box-grid article>span{position:absolute;top:16px;right:18px;margin:0}
 body .pain-illustration{margin:12px 0 18px}
 body .pain-box-grid h3{font-size:17px;min-height:0}
 body .pain-box-grid p{font-size:13px;line-height:1.8}
}

body .pain-illustration{position:relative}
body .pain-illustration:after{content:"";position:absolute;top:0;right:0;width:34px;height:22px;background:#f5fbfc}

/* User-supplied explanatory artwork, responsive live text on smaller screens. */
body .section-artwork{display:block;width:100%;height:auto;margin:0}
body .mobile-artwork-content{display:none}
body .desktop-service-label .eyebrow{margin-bottom:24px}
body #services{background:#f5fbfc}
body .framework-visual:has(.section-artwork){margin-top:64px;padding:0}
body .artwork-detail{width:100%;aspect-ratio:1.6;overflow:hidden}
body .artwork-detail svg{width:100%;height:100%;display:block;overflow:hidden}
@media(max-width:760px){
 body .desktop-artwork,body .desktop-service-label{display:none}
 body .mobile-artwork-content{display:block}
 body #services .activity-grid{display:grid;grid-template-columns:1fr}
 body .activity-grid article{display:block}
 body .activity-grid .artwork-detail{width:calc(100% - 40px);margin:24px 20px;aspect-ratio:1.6}
 body .activity-grid ol li strong{font-size:16px}
 body .activity-grid ol li span{font-size:14px;line-height:1.8}
 body .activity-head p{font-size:14px}
 body .gap-voices{display:grid;grid-template-columns:1fr;gap:24px}
 body .gap-voices>div .artwork-detail{margin-top:18px;aspect-ratio:1.9}
 body .gap-voices span{font-size:14px}
 body .gap-voices strong{font-size:18px}
 body .framework-visual .artwork-detail{aspect-ratio:1.28;margin:24px 0}
 body .framework-elements{display:grid;grid-template-columns:1fr}
 body .framework-elements article{min-height:0}
 body .framework-elements h4{font-size:17px}
 body .framework-elements p{font-size:14px}
 body .why-orbit-list{display:grid;grid-template-columns:1fr;gap:36px}
 body .why-orbit-circle{height:auto;min-height:0;display:flex;flex-direction:column;border-radius:0;background:transparent;padding:20px 0}
 body .why-orbit-circle .artwork-detail{aspect-ratio:2.1;margin-top:20px}
 body .why-orbit-circle:before,body .why-orbit-circle:after{display:none}
 body .why-orbit-list article>p{font-size:14px}
}
@media(max-width:760px){
 body .why-orbit-list article{display:block;text-align:left}
 body .why-orbit-circle{width:100%;height:auto;aspect-ratio:auto;border:0!important;align-items:flex-start;margin:0 0 12px;padding:0}
 body .why-orbit-list h3{font-size:22px;line-height:1.6;max-width:none;margin:12px 0 0}
 body .why-orbit-number{font-size:14px}
 body .why-orbit-circle .artwork-detail svg{width:100%;height:100%}
 body .why-orbit-list article>p{max-width:none;margin:0}
}
/* Extend the supplied navy, teal and yellow illustration language. */
:root{--line:#bde4ec;--surface:#f1fbfd;--orbit-blue:#effafd;--orbit-soft:#f7fcfd;--orbit-edge:#a7dce8;--orbit-radius:12px}
body{color:var(--navy);background:#fff}
body main .section,body .client-record{padding-block:100px}
body .eyebrow,body #faq .eyebrow{font-size:13px;letter-spacing:.08em;font-weight:600;color:var(--teal)}
body .eyebrow:before{height:2px;width:30px;background:var(--teal)}
body main h2,body main .section-head h2{font-weight:700;line-height:1.55;letter-spacing:-.03em}
body .header{background:#fffffff5;border-color:#d4edf2}
body .header-inner{min-height:84px}
body .header .nav a{font-size:13px}
body .button{background:var(--yellow);color:var(--navy);border:1px solid var(--yellow);border-radius:8px;box-shadow:0 4px 0 #d8bc2820;font-weight:700}
body .button:hover{background:#f6df59;color:var(--navy);box-shadow:0 5px 16px #d8bc2830}
body .button svg{border-left-color:#1f2f5525}
body .button:focus-visible,body a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
body .hero:has(.hero-with-illustration){background:linear-gradient(180deg,#fff 78%,#f7fcfd);border-bottom:1px solid #d7edf2}
body .hero-copy .eyebrow{font-size:14px;line-height:1.8}
body .hero-lead{font-size:17px;line-height:2;color:#476180}
body .hero-note{font-size:13px;color:#607690}
body .hero-signature{border-color:#d4edf2}
body #problem{background:#fff}
body .pain-box-grid article{border-color:var(--orbit-edge);background:var(--orbit-soft);border-radius:var(--orbit-radius)}
body .pain-box-grid article:hover{background:#eefafd;border-color:var(--teal)}
body .pain-box-grid p{font-size:14px}
body #services{background:#f4fbfd;border-color:#d5edf2}
body #framework{background:#fff}
body .why-orbit{background:#f4fbfd;border-block:1px solid #d5edf2}
body .client-record{background:#fff;border:0}
body .client-record-intro{grid-template-columns:1fr;gap:16px;margin-bottom:44px}
body .client-record-intro>span{font-size:13px;padding:0}
body .client-record-intro h2,body .client-record-intro h2 strong{font-size:clamp(30px,3.1vw,44px);line-height:1.55;font-weight:700}
body .client-record-grid article{border:1px solid var(--orbit-edge);border-top:1px solid var(--orbit-edge);border-radius:var(--orbit-radius);overflow:hidden;background:#fff}
body .client-record-grid article:nth-child(2){border-top-color:var(--orbit-edge)}
body .client-record-number{font-size:12px;font-weight:700}
body .client-record-scope{font-size:12px;background:#e9f8fc;color:#127a91;padding:5px 9px;border-radius:4px}
body .client-record-grid h3{font-size:22px;line-height:1.6}
body .client-record-role{font-size:14px}
body .client-record-stage{border-color:#cce7ed}
body .client-record-stage>span,body .client-record-result>span{font-size:13px}
body .client-record-stage p{font-size:15px;line-height:1.85}
body .client-record-result{background:#f0fbfd;border-top-color:#cce7ed}
body .client-record-figures strong{font-weight:700;color:#087d95}
body .client-record-figures small{font-size:12px}
body .client-record-result p{font-size:14px;line-height:1.8}
body .product-consult{background:#eaf9fc;color:var(--navy);border-block:1px solid var(--orbit-edge)}
body .product-consult:before,body .product-consult:after{border:2px solid #4cc7d638;right:10%}
body .product-consult .container{padding-block:46px}
body .product-consult strong{color:var(--navy);font-size:26px}
body .product-consult p{color:#526c86;font-size:14px}
body .product-consult .button{background:var(--yellow);color:var(--navy)}
body .comparison-section{background:#fff}
body .comparison-section .comparison{border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius);overflow:hidden}
body .comparison thead th{background:#f2f9fc;color:var(--navy)}
body .comparison thead th:last-child{background:#0a8da7;color:white}
body .comparison tbody td:last-child{background:#eaf9fc}
body .comparison th,body .comparison td{border-color:#d4eaf0;font-size:14px}
body .fine-print{font-size:12px}
body .value-impact{background:#f2fbfd;color:var(--navy);border-block:1px solid #d5edf2}
body .value-impact:before{border-color:#80d2e340}
body .value-impact .eyebrow{color:var(--teal)}
body .value-impact .section-head p{color:#526c86;font-size:16px}
body .value-compare{border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius);overflow:hidden;background:white}
body .value-axis{background:#e8f8fc}
body .value-list span{font-size:14px;line-height:1.85}
body .value-side-head>svg{border-radius:50%;background:#eef7fb;color:#53728c}
body .value-up .value-side-head>svg{background:#dff6fa;color:#0a8da7}
body .value-side-head span{font-size:12px}
body .value-formula{border-radius:8px;background:#f4f9fc}
body .value-up .value-formula{background:#eaf9fc}
body .downside-model{margin-top:24px;border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius)}
body .downside-model-head>span{color:var(--teal);font-size:13px}
body .downside-costs strong{font-weight:700}
body .downside-total strong{font-weight:700;color:var(--navy)}
body .downside-total>span{color:var(--navy)}
body .downside-note{font-size:12px;line-height:1.8}
body .value-conclusion{margin-top:24px;background:#fff;border:1px solid var(--orbit-edge);border-left:4px solid var(--yellow);border-radius:var(--orbit-radius);color:var(--navy)}
body .value-conclusion>span{color:var(--teal);font-size:13px}
body .value-conclusion p{color:#526c86;font-size:14px}
body .pricing-section{background:#fff!important}
body .plan-card{border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius);overflow:hidden;background:#fff}
body .plan-card-head,body .plan-card.plan-card-custom .plan-card-head{background:#eaf9fc;color:var(--navy);border-bottom:1px solid var(--orbit-edge)}
body .plan-card-head>span{color:#267e96;font-size:12px}
body .plan-main-price>span{font-size:14px;color:#526c86}
body .plan-main-price strong{color:var(--navy);font-weight:700}
body .plan-main-price b{background:#fff6c8;border-radius:5px;padding:6px 9px}
body .plan-duration{font-size:14px}
body .plan-example{font-size:13px}
body .plan-notes{font-size:13px;color:#60758b}
body .onboarding-flow{border-color:#cae6ee}
body .onboarding-flow li{background:#f5fbfd;border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius);padding:26px 22px}
body .onboarding-icon{background:#e5f6fb;border-color:#abe0ed;color:#0a8da7;width:58px;height:58px}
body .onboarding-step{font-size:12px;color:var(--teal)}
body .onboarding-flow li p{font-size:14px;line-height:1.8}
body #faq{background:#f4fbfd;border-block:1px solid #d5edf2}
body .faq [data-slot=accordion-item]{border:1px solid var(--orbit-edge);background:#fff;border-radius:10px;padding-inline:24px;margin-bottom:12px;overflow:hidden}
body .faq [data-slot=accordion-trigger]{font-size:16px;padding-block:22px}
body .faq [data-slot=accordion-content]{font-size:15px;line-height:1.9}
body .about-page .section{background:#fff}
body .company-dl>div{border-color:#d4eaf0}
body .company-dl dt{font-size:14px;color:#526c86}
body .company-dl dd{font-size:16px}
body .contact-page .contact-lead{background:#eaf9fc;color:var(--navy);border-block:1px solid #c2e5ee}
body .contact-lead h2{color:var(--navy)}
body .contact-lead .eyebrow{color:var(--teal)}
body .contact-lead p{color:#526c86;font-size:16px}
body .contact-lead:after{border-color:#33bfd63b;border-width:3px}
body .contact-section{background:#fff}
body .contact-agenda li{border-color:#cce6ee;font-size:15px}
body .contact-agenda li span{color:var(--teal)}
body .contact-form{background:#f5fbfd;border:1px solid var(--orbit-edge);border-radius:var(--orbit-radius)}
body .form-field input,body .form-field textarea,body .contact-select{border:1px solid #aed2de;border-radius:6px;background:#fff}
body .form-field input:focus,body .form-field textarea:focus{outline:2px solid #0a8da750;outline-offset:2px}
body .required{border-radius:3px;background:#0a8da7}
body .theme-options .check-label{background:#fff;border:1px solid #d0e8ef;border-radius:6px;padding:10px 12px;font-size:14px}
body .footer{background:#f4fbfd;border-top:1px solid #cce7ee}
body .footer-bottom{font-size:12px;border-color:#cce7ee}
@media(max-width:760px){
 body main .section,body .client-record{padding-block:64px}
 body .header-inner{min-height:70px}
 body .hero-copy .eyebrow{font-size:13px}
 body .hero-lead{font-size:16px}
 body .client-record-intro h2,body .client-record-intro h2 strong{font-size:29px}
 body .client-record-grid h3{min-height:0}
 body .client-record-stage p{font-size:14px}
 body .value-side-head h3{font-size:21px}
 body .product-consult strong{font-size:23px}
 body .onboarding-flow li{padding:22px 20px}
 body .faq [data-slot=accordion-item]{padding-inline:18px}
 body .faq [data-slot=accordion-trigger]{font-size:15px}
 body .contact-form{padding:24px 20px}
 body .button{gap:16px}
 body .mobile-menu-toggle{border-radius:6px;border-color:#badce6}
 body .gap-solution{background:#e9f9fc;border-color:var(--teal);color:var(--navy);border-radius:8px}
 body .gap-solution strong,body .gap-solution b{color:var(--navy)}
 body .gap-solution p{color:#526c86}
 body .activity-head,body .activity-grid article:nth-child(2) .activity-head{background:#eaf9fc;color:var(--navy);border-bottom:1px solid var(--orbit-edge)}
 body .activity-head h3{color:var(--navy)}
 body .activity-head span{color:var(--teal)}
 body .activity-head p{color:#526c86}
 body .activity-grid article{border-radius:var(--orbit-radius);overflow:hidden}
}
/* Three fixed screens, motion contained inside each screen. */
body .service-demo{background:#fff;border-bottom:1px solid #d5edf2}
body .service-demo h2{font-size:clamp(28px,3.1vw,44px)}
body .service-demo-rows{margin-top:64px;display:grid;gap:76px}
body .service-demo-row{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;align-items:center}
body .service-demo-row:nth-child(2){grid-template-columns:1.25fr 1fr}
body .service-demo-row:nth-child(2) .service-demo-copy{grid-column:2;grid-row:1}
body .service-demo-row:nth-child(2) .service-demo-screen{grid-column:1;grid-row:1}
body .service-demo-stage{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--teal);letter-spacing:.06em}
body .service-demo-stage b{font-size:18px;letter-spacing:.08em}
body .service-demo-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.6;letter-spacing:-.03em;margin:18px 0 20px}
body .service-demo-copy>p{font-size:16px;line-height:1.95;color:#526c86;max-width:460px}
body .service-demo-output{border-left:3px solid var(--yellow);padding:10px 0 10px 16px;margin-top:24px;font-size:13px;line-height:1.8;color:#0a839a}
body .service-demo-screen{padding:26px;background:#f0fafc;border:1px solid #cde9f0;border-radius:20px;min-width:0}
body .service-demo .hero-product{width:100%;max-width:none;margin:0;animation:none!important;transform:none!important}
body .service-demo .hero-product:before{display:none}
body .service-demo .hero-laptop{animation:none!important;transform:none!important;filter:none}
body .service-demo .hero-laptop-bezel{border:1px solid #bcd7e3;border-radius:8px;background:#fff;box-shadow:0 8px 22px #143c5c0d;overflow:hidden}
body .service-demo .hero-laptop-camera,body .service-demo .hero-laptop-base{display:none}
body .service-demo .hero-product-video{background:white;object-fit:contain;aspect-ratio:16/9}
body .service-demo .hero-product-bottom{margin-top:14px;gap:10px;color:#526c86}
body .service-demo .hero-product-bottom>span{font-size:12px}
body .service-demo .hero-product-bottom button{background:white;border:1px solid #b8dce8;border-radius:6px;color:var(--navy);min-width:38px;min-height:38px}
body .service-demo-note{font-size:12px;color:#60758b;line-height:1.8;margin:36px 0 0}
@media(max-width:760px){
 body .service-demo-rows{gap:48px;margin-top:36px}
 body .service-demo-row,body .service-demo-row:nth-child(2){grid-template-columns:1fr;gap:24px}
 body .service-demo-row:nth-child(2) .service-demo-copy,body .service-demo-row:nth-child(2) .service-demo-screen{grid-column:auto;grid-row:auto}
 body .service-demo-copy h3{font-size:27px;margin:14px 0}
 body .service-demo-copy>p{font-size:15px}
 body .service-demo-screen{padding:12px;border-radius:12px}
 body .service-demo .hero-product-bottom>span{font-size:12px;letter-spacing:0}
 body .service-demo-output{margin-top:18px}
}

body .service-demo h2 span{display:inline-block}
@media(max-width:760px){body .service-demo h2 span{display:block}}

/* Supplied case studies and service comparison, with readable compact layouts. */
@media(max-width:1000px){
 body .client-record .desktop-artwork,body .comparison-section .desktop-artwork{display:none}
 body .client-record .mobile-artwork-content,body .comparison-section .mobile-artwork-content{display:block}
 body .client-record-grid{grid-template-columns:1fr;gap:24px}
 body .client-record-grid article{padding:24px 22px 0;border:1px solid #cde7ef;border-radius:12px;overflow:hidden}
 body .client-record-heading{margin-bottom:16px}
 body .client-record-grid h3{min-height:0;font-size:24px}
 body .client-record-role{margin-bottom:16px}
 body .client-record-grid .artwork-detail{margin:0 0 18px}
 body .client-record-result{height:auto;min-height:0;margin:10px -22px 0;padding:20px 22px 24px}
 body .client-record-figures{justify-content:center;gap:28px;text-align:center}
 body .client-record-figures strong{font-size:36px;color:#078ca4}
 body .client-record-figures small{font-size:13px}
 body .client-record-stage>span,body .client-record-result>span{font-size:14px}
 body .client-record-stage p,body .client-record-result p{font-size:16px;line-height:1.85}
 body .comparison-section>.container>.mobile-artwork-content>.artwork-detail{max-width:520px;margin:24px auto 32px}
 body .comparison-section .comparison-block{overflow:visible}
 body .comparison-section [data-slot=table-container]{overflow:auto}
 body .comparison-section .comparison{min-width:800px}
 body .comparison-section .table-hint{display:block;font-size:14px;margin-bottom:12px}
 body .comparison th,body .comparison td{font-size:14px}
}

@media(max-width:1000px){body .client-record-grid article:first-child .artwork-detail svg{clip-path:polygon(0 19%,62% 19%,62% 0,100% 0,100% 100%,0 100%)}}

/* A single full-width illustrated first view with copy over the scene. */
body .hero.hero-immersive{position:relative;isolation:isolate;overflow:hidden;background:#fff;border-bottom:1px solid #d7edf2}
body .hero-immersive-art{position:absolute;inset:0 0 66px;margin:0;z-index:-1;pointer-events:none}
body .hero-immersive-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
body .hero-immersive-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#ffffffef 22%,#ffffffb8 39%,#ffffff38 57%,#ffffff00 76%)}
body .hero-immersive .hero-content.hero-immersive-content{display:flex;justify-content:center;align-items:flex-start;width:min(1440px,calc(100% - 64px));min-height:810px;padding:58px 0 290px;gap:0}
body .hero-immersive .hero-copy{width:100%;max-width:920px;text-align:center;position:relative;z-index:1}
body .hero-immersive .hero-copy .eyebrow{justify-content:center;font-size:15px;letter-spacing:.03em;margin-bottom:20px}
body .hero-immersive .hero-copy .eyebrow:before{display:none}
body .hero-immersive h1{font-size:clamp(40px,4.6vw,68px);line-height:1.4;letter-spacing:-.045em;white-space:normal}
body .hero-immersive h1 span:after{display:none}
body .hero-immersive .hero-lead{font-size:17px;line-height:1.95;margin:24px auto 24px;color:#304961}
body .hero-immersive .hero-note{max-width:none;margin:16px 0 0;font-size:13px;color:#425d71}
body .hero-immersive .hero-copy .button{min-height:58px;padding:16px 30px}
body .hero-immersive .hero-signature{background:#ffffffed;border-top:1px solid #d7edf2}
@media(min-width:1600px){body .hero-immersive .hero-content.hero-immersive-content{min-height:900px;padding-top:72px}}
@media(max-width:1000px){
 body .hero-immersive .hero-content.hero-immersive-content{min-height:780px;padding:56px 0 300px}
 body .hero-immersive-art img{object-fit:contain;object-position:center bottom}
 body .hero-immersive-art:after{background:linear-gradient(180deg,#fff 20%,#ffffffdb 43%,#ffffff25 64%,transparent 78%)}
 body .hero-immersive h1{font-size:clamp(36px,5.7vw,56px)}
}
@media(max-width:640px){
 body .hero-immersive .hero-content.hero-immersive-content{width:calc(100% - 40px);min-height:0;padding:46px 0 max(180px,48vw)}
 body .hero-immersive .hero-copy .eyebrow{font-size:13px;line-height:1.8;letter-spacing:0;white-space:normal;margin-bottom:20px}
 body .hero-immersive h1{font-size:clamp(27px,7.4vw,40px);line-height:1.55;letter-spacing:-.05em}
 body .hero-immersive .hero-lead{font-size:15px;line-height:1.9;margin:24px auto;max-width:350px}
 body .hero-immersive .hero-note{font-size:12px;line-height:1.8;max-width:310px;margin:16px auto 0}
 body .hero-immersive-art{inset:0 0 72px}
 body .hero-immersive-art img{height:auto;position:absolute;bottom:0;left:0;width:100%;max-width:100%;transform:none;object-fit:contain}
 body .hero-immersive-art:after{background:linear-gradient(180deg,#fff 30%,#fffffff0 49%,#ffffff60 64%,transparent 79%)}
 body .hero-immersive .hero-signature{width:calc(100% - 40px);padding-block:20px}
}

body .hero-immersive .hero-mobile-break{display:none}
@media(min-width:1001px){body .hero-immersive-art:after{background:radial-gradient(ellipse 34% 32% at 50% 48%,#fffffff2 20%,#ffffffa8 60%,#ffffff00 100%),linear-gradient(180deg,#fff 0%,#ffffffef 22%,#ffffffb8 39%,#ffffff38 57%,#ffffff00 76%)}}
@media(max-width:640px){body .hero-immersive .hero-mobile-break{display:block}}
/* Left-aligned copy over the same continuous illustrated scene. */
body .hero-immersive .hero-content.hero-immersive-content{justify-content:flex-start}
body .hero-immersive .hero-copy{max-width:760px;text-align:left}
body .hero-immersive .hero-copy .eyebrow{justify-content:flex-start}
body .hero-immersive .hero-lead{margin-left:0;margin-right:0}
body .hero-immersive-art:after{background:radial-gradient(ellipse 50% 43% at 25% 38%,#fff 22%,#ffffffcc 62%,#ffffff00 100%),linear-gradient(180deg,#fff 0%,#ffffffe8 18%,#ffffff66 40%,transparent 70%)}
@media(max-width:1000px){body .hero-immersive-art:after{background:linear-gradient(180deg,#fff 20%,#ffffffdb 43%,#ffffff25 64%,transparent 78%)}}
@media(max-width:640px){
 body .hero-immersive .hero-copy{max-width:none}
 body .hero-immersive .hero-note{margin-left:0;margin-right:0}
 body .hero-immersive-art:after{background:linear-gradient(180deg,#fff 30%,#fffffff0 49%,#ffffff60 64%,transparent 79%)}
}
@media(min-width:641px){body .hero-immersive .hero-content.hero-immersive-content{width:min(1320px,calc(100% - 96px))}}
/* Readable type and separate illustration panels across the whole page. */
body .desktop-artwork,body .desktop-service-label{display:none}
body .mobile-artwork-content{display:block}
body main .section h2,body .client-record-intro h2,body .client-record-intro h2 strong{font-size:clamp(28px,3.1vw,44px);line-height:1.55}
body .activity-grid .artwork-detail{width:calc(100% - 48px);height:180px;margin:24px;aspect-ratio:auto}
body #services .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:24px}
body .activity-grid article{display:flex;flex-direction:column;grid-column:auto!important;grid-row:auto;overflow:hidden;border-radius:12px}
body .activity-head,body .activity-grid article:nth-child(2) .activity-head{background:#eaf9fc;color:var(--navy);border-bottom:1px solid #cce7ef;min-height:160px}
body .activity-head h3{font-size:24px;color:var(--navy)}
body .activity-head span{font-size:14px;color:var(--teal)}
body .activity-head p{font-size:16px;color:#526c86}
body .activity-grid ol{display:grid;grid-template-rows:repeat(5,minmax(112px,auto));padding:0 24px}
body .activity-grid ol li{min-height:0;margin:0;padding-block:18px}
body .activity-grid ol li strong{font-size:16px;line-height:1.75}
body .activity-grid ol li span{font-size:15px;line-height:1.85}
body .gap-voices{gap:24px}
body .gap-voices>div{padding:24px;background:#fff;border:1px solid #cce7ef;border-radius:12px}
body .gap-voices .artwork-detail{margin-top:20px;height:170px;aspect-ratio:auto}
body .gap-voices span{font-size:14px}
body .gap-voices strong{font-size:20px}
body .framework-readable-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:28px}
body .framework-readable-body>.artwork-detail{height:auto;aspect-ratio:680 / 530}
body .framework-elements{grid-template-columns:1fr;border:0;gap:12px;background:none}
body .framework-elements article{display:grid;grid-template-columns:44px 1fr;gap:4px 18px;min-height:0;padding:20px 22px;border:1px solid #cce7ef;border-radius:10px;background:#fff}
body .framework-elements article+article{border:1px solid #cce7ef}
body .framework-letter{grid-row:1 / 4;font-size:40px}
body .framework-element-name{font-size:16px;margin:0}
body .framework-elements h4{font-size:17px;line-height:1.6;min-height:0;margin:0}
body .framework-elements p{font-size:15px;line-height:1.8;margin:0}
body .framework-visual-head>p,body .framework-title{font-size:16px}
body .why-orbit-list{gap:24px}
body .why-orbit-list article{text-align:left;border:1px solid #cce7ef;border-radius:12px;padding:28px;background:#fff}
body .why-orbit-circle{width:100%;height:auto;aspect-ratio:auto;border:0!important;background:none;box-shadow:none;align-items:flex-start;margin:0 0 20px;padding:0;border-radius:0}
body .why-orbit-circle:before,body .why-orbit-circle:after{display:none}
body .why-orbit-list h3{font-size:26px;line-height:1.6;max-width:none;margin:12px 0 20px}
body .why-orbit-number{font-size:16px}
body .why-orbit-circle .artwork-detail{width:100%;height:160px;aspect-ratio:auto}
body .why-orbit-circle .artwork-detail svg{width:100%;height:100%}
body .why-orbit-list article>p{font-size:16px;line-height:1.9;max-width:none;margin:0}
body .client-record-intro{display:block;margin-bottom:36px}
body .client-record-intro>span{display:block;padding:0;margin-bottom:16px;font-size:14px}
body .client-record-grid article{border:1px solid #cce7ef;border-radius:12px;overflow:hidden;padding:26px 24px 0}
body .client-record-grid h3{font-size:24px;min-height:72px}
body .client-record-role{font-size:16px;margin-bottom:18px}
body .client-record-grid .artwork-detail{height:190px;aspect-ratio:auto;margin:0 0 20px}
body .client-record-grid article:first-child .artwork-detail svg{clip-path:polygon(0 19%,62% 19%,62% 0,100% 0,100% 100%,0 100%)}
body .client-record-stage>span,body .client-record-result>span{font-size:14px}
body .client-record-stage p,body .client-record-result p{font-size:16px;line-height:1.85}
body .client-record-stage{min-height:140px}
body .client-record-result{height:auto;min-height:240px;margin:auto -24px 0;padding:22px 24px}
body .client-record-figures{justify-content:center;gap:26px;text-align:center}
body .client-record-figures strong{font-size:36px;color:#078ca4}
body .client-record-figures small{font-size:13px}
body .comparison-section>.container>.mobile-artwork-content>.artwork-detail{max-width:660px;margin:28px auto 36px}
body .comparison th,body .comparison td{font-size:16px;line-height:1.8;padding:20px}
body .onboarding-flow{background:none;border:0;padding:0;margin-top:80px}
body .onboarding-flow-head{text-align:left}
body .onboarding-flow-head h3{font-size:clamp(28px,3vw,40px);line-height:1.55}
body .onboarding-flow-head p{font-size:16px;line-height:1.85}
body .onboarding-flow ol{gap:20px}
body .onboarding-flow li{padding:22px;border:1px solid #b8e0eb;border-radius:12px;display:flex;flex-direction:column}
body .onboarding-flow li .artwork-detail{height:150px;margin-bottom:20px;aspect-ratio:auto}
body .onboarding-step{font-size:14px}
body .onboarding-flow li h4{font-size:20px;line-height:1.6;margin:10px 0 14px;min-height:64px}
body .onboarding-flow li p{font-size:16px;line-height:1.85;margin:0}
body .onboarding-arrow{display:none}
body .onboarding-cta{text-align:left;margin-top:28px}
@media(max-width:1100px){body .onboarding-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}body .onboarding-flow li h4{min-height:0}}
@media(max-width:1000px){body #services .activity-grid{grid-template-columns:1fr}body .activity-head{min-height:0}body .activity-grid article+article{margin-top:0}body .activity-grid ol{grid-template-rows:none}body .activity-grid .artwork-detail{height:220px}body .client-record-grid h3{min-height:0}body .client-record-result{min-height:0}body .framework-readable-body{grid-template-columns:1fr;gap:28px}body .framework-readable-body>.artwork-detail{max-width:620px;margin:auto}body .comparison-section .comparison{min-width:860px}}
@media(max-width:760px){body .gap-voices,body .why-orbit-list,body .onboarding-flow ol{grid-template-columns:1fr}body .why-orbit-list article{padding:24px}body .activity-grid .artwork-detail{height:180px}body .framework-elements article{padding:18px}body .client-record-stage{min-height:0}body .client-record-grid .artwork-detail{height:180px}body .client-record-result{margin:10px -24px 0}body .onboarding-flow li .artwork-detail{height:190px}body .onboarding-flow li h4{min-height:0}body .onboarding-flow-head h3{font-size:28px}}

body .activity-grid article:nth-child(3)>.artwork-detail{clip-path:polygon(33% 0,100% 0,100% 100%,0 100%,0 60%,33% 60%)}
/* First-view copy occupies the artwork's open sky, with the full scene visible. */
body .hero-immersive .hero-content.hero-immersive-content{min-height:850px;padding:40px 0 330px;width:min(1320px,calc(100% - 96px))}
body .hero-immersive .hero-copy{max-width:760px}
body .hero-immersive h1{font-size:clamp(40px,4vw,60px);line-height:1.35;letter-spacing:-.035em}
body .hero-immersive .hero-copy .eyebrow{margin-bottom:18px;font-size:15px}
body .hero-immersive .hero-lead{font-size:16px;line-height:1.85;margin:20px 0}
body .hero-immersive .hero-note{font-size:14px;line-height:1.8;margin-top:14px}
body .hero-immersive-art{inset:0 0 70px}
body .hero-immersive-art img{position:absolute;bottom:0;left:0;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom}
body .hero-immersive-art:after{background:linear-gradient(180deg,#fff 0%,#ffffffcc 20%,#ffffff00 48%)}
@media(min-width:1600px){body .hero-immersive .hero-content.hero-immersive-content{min-height:1000px;padding-top:56px}}
@media(min-width:641px) and (max-width:1000px){body .hero-immersive .hero-content.hero-immersive-content{min-height:850px;padding-bottom:340px;width:calc(100% - 64px)}body .hero-immersive h1{font-size:clamp(38px,5.2vw,50px)}}
@media(max-width:640px){
body .hero-immersive .hero-content.hero-immersive-content{min-height:0;width:calc(100% - 40px);padding:32px 0 calc(50vw + 24px)}
body .hero-immersive h1{font-size:clamp(26px,7.2vw,40px);line-height:1.45;letter-spacing:-.035em}
body .hero-immersive .hero-copy .eyebrow{font-size:14px;margin-bottom:16px}
body .hero-immersive .hero-lead{font-size:16px;line-height:1.85;margin:20px 0;max-width:none}
body .hero-immersive .hero-note{font-size:14px;max-width:none}
body .hero-immersive-art{inset:0 0 76px}
body .hero-immersive-art img{max-height:none;width:100%;height:auto}
body .hero-immersive-art:after{background:none}
}

/* Bound the scene on wide monitors so typography and artwork share a scale. */
@media(min-width:1600px){
body .hero-immersive-art{width:1600px;left:50%;right:auto;transform:translateX(-50%)}
body .hero-immersive .hero-content.hero-immersive-content{width:min(1440px,calc(100% - 120px));min-height:1000px;padding-top:48px}
body .hero-immersive h1{font-size:64px}
body .hero-immersive .hero-lead{font-size:18px}
body .hero-immersive .hero-copy .eyebrow{font-size:17px}
body .hero-immersive .hero-note{font-size:15px}
}
body .why-orbit-circle .artwork-detail{height:190px}
body .why-orbit-circle .artwork-detail svg{mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%)}

/* Keep every illustration intact; all copy is rendered as live text. */
body .client-record-grid article:first-child .artwork-detail svg{clip-path:none}
body .activity-grid article:nth-child(3)>.artwork-detail{clip-path:none}
body .why-orbit-circle .artwork-detail svg{mask-image:none}
body .pain-illustration{aspect-ratio:auto;height:auto;overflow:visible}
body .pain-illustration .artwork-detail{height:auto}
body .activity-head h3,body .why-orbit-circle h3,body .client-record-grid h3{overflow:visible;line-height:1.55;padding-bottom:.1em}
body .hero-immersive h1{overflow:visible;padding-bottom:.1em}

body .why-orbit-circle .artwork-detail,body .activity-grid .artwork-detail{height:240px;background:#fff}
@media(max-width:760px){body .why-orbit-circle .artwork-detail,body .activity-grid .artwork-detail{height:230px}}

/* Fewer words and a readable, consistent editorial scale. */
body main{font-size:18px}
body main .section p,body .client-record-stage p,body .client-record-result p,body .why-orbit-list article>p,body .onboarding-flow li p,body .activity-head p,body .framework-elements p,body .hero-immersive .hero-lead,body .faq [data-slot="accordion-content"],body .company-dl dd{font-size:18px;line-height:1.85}
body .activity-grid ol{grid-template-rows:repeat(5,minmax(74px,auto))}
body .activity-grid ol li{display:flex;align-items:center;padding-block:16px}
body .activity-grid ol li strong{font-size:18px;line-height:1.65;font-weight:600}
body .activity-head h3,body .client-record-grid h3{font-size:26px}
body .gap-voices strong,body .framework-elements h4{font-size:20px;line-height:1.65}
body .comparison th,body .comparison td{font-size:18px}
body .value-list p strong{font-size:20px}
body .value-list p span{font-size:18px;line-height:1.8}
body .eyebrow,body .client-record-stage>span,body .client-record-result>span,body .client-record-figures small{font-size:15px}
body main .fine-print,body main .downside-note{font-size:14px;line-height:1.8}
body .client-record-stage{min-height:140px}
body .onboarding-flow li h4{font-size:22px;min-height:72px}
body .company-dl dt,body .contact-form label{font-size:16px}
@media(max-width:760px){body main .section p,body .client-record-stage p,body .client-record-result p,body .why-orbit-list article>p,body .onboarding-flow li p,body .framework-elements p,body .hero-immersive .hero-lead{font-size:17px}body .client-record-stage{min-height:0}body .activity-grid ol{grid-template-rows:none}body .onboarding-flow li h4{min-height:0}body .gap-voices strong,body .framework-elements h4{font-size:19px}}
body .activity-head,body .activity-grid article:nth-child(2) .activity-head{min-height:190px}
@media(max-width:1000px){body .activity-head,body .activity-grid article:nth-child(2) .activity-head{min-height:0}}

/* A continuous service journey above the comparison, without artwork. */
body .comparison-section-head>p{margin:18px 0 0;color:var(--navy)}
body .comparison-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:38px 0 12px}
body .comparison-journey li{display:flex;gap:24px;align-items:center;padding:12px 30px;border-left:1px solid #cce3eb}
body .comparison-journey li:first-child{padding-left:0;border-left:0}
body .comparison-journey li>span{font-size:64px;line-height:1;font-weight:500;color:#078ea5;letter-spacing:-.05em}
body .comparison-journey h3{font-size:26px;line-height:1.5;margin:0 0 6px}
body .comparison-journey p{margin:0;line-height:1.6}
body .comparison-continuity{display:flex;align-items:center;gap:14px;color:#078ea5;margin-bottom:30px}
body .comparison-continuity span{font-size:18px;font-weight:600;letter-spacing:.1em}
body .comparison-continuity i{height:2px;flex:1;background:#078ea5}
body .comparison-block{margin-top:0}
body .comparison th,body .comparison td{padding:20px 24px;line-height:1.7}
body .comparison thead th:last-child{font-size:24px}
@media(max-width:1100px){body .comparison-journey li{gap:16px;padding-inline:18px}body .comparison-journey li>span{font-size:48px}body .comparison-journey h3{font-size:22px}}
@media(max-width:760px){body .comparison-journey{grid-template-columns:1fr;margin-top:24px}body .comparison-journey li,body .comparison-journey li:first-child{border-left:0;border-bottom:1px solid #cce3eb;padding:20px 0;gap:22px}body .comparison-journey li>span{font-size:48px}body .comparison-journey h3{font-size:23px}body .comparison-continuity{margin-top:16px}}
body .comparison-section-head{display:block}
body .comparison-section-head>p{padding:0;border:0;max-width:none}

/* Feature explanations stay live text at a larger reading size. */
body #why-orbit h2{font-size:clamp(34px,3.8vw,52px);line-height:1.5}
body #why-orbit .why-orbit-list h3{font-size:32px;line-height:1.5;min-height:96px;margin:14px 0 22px}
body #why-orbit .why-orbit-number{font-size:20px}
body #why-orbit .why-orbit-list article>p{font-size:20px;line-height:1.9;color:#425d7a}
body #why-orbit .why-orbit-list article{padding:30px}
body #why-orbit .why-orbit-circle .artwork-detail{height:230px;margin-bottom:24px}
@media(max-width:1000px){body #why-orbit .why-orbit-list{grid-template-columns:1fr}body #why-orbit .why-orbit-list h3{min-height:0}body #why-orbit .why-orbit-circle .artwork-detail{max-width:420px;margin-inline:auto}}
@media(max-width:640px){body #why-orbit h2{font-size:32px}body #why-orbit .why-orbit-list h3{font-size:30px}body #why-orbit .why-orbit-list article>p{font-size:19px;line-height:1.85}body #why-orbit .why-orbit-list article{padding:24px}}
body #why-orbit .why-orbit-list h3{text-align:left}

/* Distinguish the accountable partner from the shared product workspace. */
body .service-demo h2 span{display:block;line-height:1.5}
body .service-companion-lead{max-width:1000px;margin:24px 0 30px;color:#425d7a}
body .service-companion-roles{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 48px;padding:26px 0;border-block:1px solid #cce3eb}
body .service-companion-roles>div{padding-right:24px}
body .service-companion-roles>div+div{border-left:1px solid #cce3eb;padding-left:32px}
body .service-companion-roles dt{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:10px}
body .service-companion-roles dd{font-size:18px;line-height:1.85;color:#425d7a;margin:0}
body main .plan-companion{font-size:18px;font-weight:600;color:#078da5;margin:20px 0 12px}
@media(max-width:760px){body .service-companion-roles{grid-template-columns:1fr;gap:22px;padding:24px 0;margin-bottom:32px}body .service-companion-roles>div{padding-right:0}body .service-companion-roles>div+div{padding:22px 0 0;border-left:0;border-top:1px solid #cce3eb}body .service-companion-roles dt{font-size:21px}body .service-companion-roles dd{font-size:17px}}

/* Use the supplied feature artwork at its intended scale. */
body #why-orbit .why-orbit-circle .artwork-detail{height:220px;margin-top:12px;margin-bottom:26px;background:transparent}
@media(max-width:640px){body #why-orbit .why-orbit-circle .artwork-detail{height:200px;margin-top:8px;margin-bottom:22px}}

/* Shared expectations: preserve the supplied diagram with readable live text. */
body .expectation-gap{border:0;background:#f5fafc;padding:30px;margin-bottom:48px}
body .gap-voices>div{background:transparent;border:0;padding:12px 6px 28px;position:relative}
body .gap-voices span{font-size:18px}
body .gap-voices strong{font-size:clamp(22px,2vw,28px);line-height:1.5;margin-top:8px}
body .gap-voices .artwork-detail{height:200px;margin-top:20px}
body .gap-break{position:relative;text-align:center;border-top:1px solid #10a6bc;padding:24px 0;margin:0 0 24px}
body .gap-break p{font-size:clamp(24px,2.4vw,32px);line-height:1.6}
body .gap-solution{background:transparent;border:0;padding:24px 0;text-align:center;color:var(--navy)}
body .gap-solution b{color:#10a6bc;font-size:20px}
body .gap-solution strong{font-size:clamp(24px,2.5vw,34px);line-height:1.6}
body .gap-solution p{font-size:20px;line-height:1.8}
@media(max-width:760px){body .expectation-gap{padding:24px 18px}body .gap-voices .artwork-detail{height:190px}body .gap-voices>div{padding-bottom:20px}body .gap-break p{font-size:24px}body .gap-solution strong{font-size:24px}body .gap-solution p{font-size:18px}}

/* Display the complete user-supplied Framework diagram on desktop. */
@media(min-width:761px){body #framework>.container>.section-artwork{display:block;width:100%;height:auto;object-fit:contain}body #framework>.container>.mobile-artwork-content{display:none}}

/* Page-wide section rhythm, matched to the supplied illustration palette. */
body{--section-tint:#f3fafc;--section-line:#d9e8ee;--section-space:104px}
body main .section,body main .client-record{padding-block:var(--section-space);border:0;background:#fff}
body main #problem,body main #framework,body main #service-demo,body main #comparison,body main #pricing,body main #about>.section{background:#fff}
body main #services,body main #why-orbit,body main #record,body main #value,body main #faq{background:var(--section-tint)}
body main .section>.container,body main .client-record>.container{position:relative}
body main .section-head,body main .why-orbit-heading,body main .client-record-intro,body main .comparison-section-head{margin-bottom:44px}
body main #framework .framework-visual{margin-top:56px;padding-top:48px;border-top:1px solid var(--section-line);background:transparent}
body main #why-orbit .why-orbit-list article,body main #record .client-record-grid>article,body main .plan-card{background:#fff;border-color:var(--section-line);box-shadow:none}
body main .product-consult{background:#e7f5f8;padding-block:38px;border-block:1px solid #cee5ec}
body main .onboarding-flow{background:var(--section-tint);border:1px solid var(--section-line);padding:40px;margin-top:64px;border-radius:12px}
body main .contact-page{background:var(--section-tint)}
body main .contact-lead{background:transparent;padding-bottom:40px}
body main .contact-section{background:transparent;padding-top:24px}
body main #about .company-dl>div{border-color:var(--section-line)}
@media(max-width:760px){body{--section-space:64px}body main .section-head,body main .why-orbit-heading,body main .client-record-intro,body main .comparison-section-head{margin-bottom:30px}body main #framework .framework-visual{margin-top:36px;padding-top:32px}body main .onboarding-flow{padding:26px 20px;margin-top:44px}body main .product-consult{padding-block:30px}body main .contact-lead{padding-bottom:28px}body main .contact-section{padding-top:16px}}

/* Give the Framework headline the full section width. */
body .framework-visual-head{display:block;padding:0 0 28px}
body .framework-visual-head h3{font-size:clamp(32px,3.6vw,48px);line-height:1.5;letter-spacing:-.025em;margin:12px 0 0}
body .framework-visual-head .framework-visual-label{font-size:18px;line-height:1.6;margin:0}
body .framework-visual-head>p{font-size:18px;line-height:1.8;max-width:none;margin:20px 0 0}
@media(min-width:1001px){body .framework-visual-head h3{white-space:nowrap}}
@media(max-width:760px){body .framework-visual-head h3{font-size:30px;line-height:1.55}body .framework-visual-head .framework-visual-label{font-size:17px}body .framework-visual-head>p{font-size:17px;margin-top:16px}}

/* Responsive expectation cards replace the flattened Framework diagram. */
body #framework>.container>.section-artwork{display:none}
body #framework>.container>.mobile-artwork-content{display:block}
body #framework .expectation-gap{background:var(--section-tint);border-radius:16px;padding:32px}
body #framework .gap-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body #framework .gap-voices>div{min-width:0;padding:26px 22px;background:#fff;border:1px solid var(--section-line);border-radius:12px}
body #framework .gap-voices span{display:block;font-size:17px;line-height:1.6}
body #framework .gap-voices strong{display:block;font-size:24px;line-height:1.6;overflow-wrap:anywhere}
body #framework .gap-voices .artwork-detail{width:100%;height:auto;aspect-ratio:465 / 240;margin:24px 0 0}
body #framework .gap-break{margin:28px 0 0;padding:24px 0;border-top:1px solid #b9dce5}
body #framework .gap-break p{font-size:clamp(24px,2.2vw,30px);line-height:1.65;margin-top:12px}
body #framework .gap-solution{padding:28px;background:#fff;border:1px solid #b9dce5;border-radius:12px}
body #framework .gap-solution strong{display:block;font-size:clamp(24px,2.5vw,34px);line-height:1.65;margin:14px 0}
body #framework .gap-solution p{font-size:19px;line-height:1.8}
@media(max-width:1000px){body #framework .gap-voices{grid-template-columns:1fr}body #framework .gap-voices .artwork-detail{max-width:400px;margin:20px auto 0}}
@media(max-width:760px){body #framework .expectation-gap{padding:20px 16px;border-radius:12px}body #framework .gap-voices{gap:18px}body #framework .gap-voices>div{padding:24px 20px}body #framework .gap-solution{padding:24px 20px}body #framework .gap-solution p{font-size:18px}}

/* Stronger text contrast across light reading surfaces. */
body main{--muted:#344b64}
body main .section p,body main .client-record p,body main .hero-lead,body main .service-companion-roles dd,body main .company-dl dd,body main .comparison td{color:#30475f}
body main .eyebrow,body main .gap-label,body main .framework-visual-label,body main .onboarding-step,body main .service-demo-stage,body main .client-record-intro>span{color:#086c80}
body main #framework .gap-voices span,body main .framework-title small,body main .plan-card-head>span,body main .plan-main-price>span,body main .plan-duration,body main .plan-notes p,body main .fine-print,body main .table-hint,body main .service-demo-note{color:#354d65;opacity:1}
body main .client-record-stage p,body main .client-record-result p,body main #why-orbit .why-orbit-list article>p,body main .activity-grid ol li span,body main .onboarding-flow li p{color:#30475f}
body main .contact-section label,body main .contact-section legend,body main .contact-section small{color:#30475f}
body main input::placeholder,body main textarea::placeholder{color:#53657a;opacity:1}
body main .activity-head p{color:#243c56}body main .activity-head span{color:#086c80}
body main .gap-solution b,body main .plan-companion{color:#086c80}

/* Explain the concrete mismatch behind the continuity claim. */
body #framework .gap-break{text-align:left;padding:32px 0}
body #framework .gap-break h3{font-size:clamp(26px,2.5vw,34px);line-height:1.6;color:var(--navy);margin:18px 0 0}
body #framework .gap-break .gap-break-intro,body #framework .gap-break .gap-break-resolution{font-size:19px;line-height:1.85;margin:18px 0 0}
body .gap-mismatch-example{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}
body .gap-mismatch-example>div{background:#fff;border:1px solid var(--section-line);border-radius:10px;padding:24px}
body .gap-mismatch-example dt{font-size:18px;font-weight:700;color:#086c80;margin-bottom:12px}
body .gap-mismatch-example dd{font-size:19px;line-height:1.85;color:#30475f;margin:0}
@media(max-width:760px){body .gap-mismatch-example{grid-template-columns:1fr;gap:16px}body .gap-mismatch-example>div{padding:22px 20px}body .gap-mismatch-example dd,body #framework .gap-break .gap-break-intro,body #framework .gap-break .gap-break-resolution{font-size:18px}}

/* Stack the explanation; only the two example cards sit side by side. */
body #framework .gap-break{display:block;width:100%;text-align:left;padding:40px 0;min-width:0}
body #framework .gap-break>span{display:inline-block}
body #framework .gap-break h3{width:auto;max-width:none;margin:18px 0 0;font-size:clamp(28px,2.6vw,36px);line-height:1.55;word-break:normal}
body #framework .gap-break .gap-break-intro{max-width:960px;margin:18px 0 0}
body #framework .gap-mismatch-example{width:100%;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}
body #framework .gap-mismatch-example>div{padding:26px 28px;min-width:0}
body #framework .gap-mismatch-example dt{font-size:20px}
body #framework .gap-break .gap-break-resolution{padding:20px 24px;border-left:3px solid #078da5;background:#e8f5f8;margin:0}
@media(max-width:760px){body #framework .gap-break{padding:28px 0}body #framework .gap-break h3{font-size:27px}body #framework .gap-mismatch-example{grid-template-columns:1fr;gap:16px}body #framework .gap-mismatch-example>div{padding:22px 20px}body #framework .gap-break .gap-break-resolution{padding:18px 20px}}

/* End the problem example cleanly before the Framework explanation. */
body #framework .gap-break{padding-bottom:0}
body #framework .gap-mismatch-example{margin-bottom:0}
body #framework .expectation-gap{margin-bottom:0}

/* Make fit and the first consultation concrete within existing sections. */
body .target-fit{margin-top:48px;padding:36px 40px;background:var(--section-tint);border-left:3px solid #078da5}
body .target-fit>span{font-size:17px;font-weight:700;color:#086c80}
body .target-fit h3{font-size:clamp(28px,2.7vw,36px);line-height:1.6;margin:16px 0}
body .target-fit p{max-width:1000px;font-size:19px;line-height:1.85;margin:0}
body #contact aside h2{font-size:clamp(28px,2.5vw,36px);line-height:1.6}
body #contact .contact-agenda li{align-items:flex-start;line-height:1.8}
@media(max-width:760px){body .target-fit{padding:26px 24px;margin-top:32px}body .target-fit h3{font-size:27px}body .target-fit p{font-size:18px}}

/* Legible service-card headers on pale blue surfaces. */
body main #services .activity-head,body main #services .activity-grid article:nth-child(2) .activity-head{background:#eaf7fa;color:#142c4b}
body main #services .activity-head p{color:#243c56;opacity:1}
body main #services .activity-head span{color:#086c80;opacity:1;font-size:16px;font-weight:600}
body main #services .activity-head h3{color:#142c4b;opacity:1}

/* Integrate company fit into the problem section instead of a separate callout. */
body #problem .problem-intro{font-size:clamp(19px,1.7vw,23px);line-height:1.8;color:#243c56;margin-top:24px;max-width:none}
body #problem .problem-fit-note{font-size:18px;line-height:1.85;margin:32px 0 0;padding:0;background:transparent;border:0;color:#30475f}
@media(max-width:760px){body #problem .problem-intro{font-size:19px;margin-top:20px}body #problem .problem-fit-note{font-size:17px;margin-top:26px}body #problem .problem-fit-note br{display:none}}

/* Give the pain statement priority over the audience explanation. */
body #problem .problem-copy{margin-top:28px;max-width:1100px}
body #problem .problem-pain-lead{font-size:clamp(25px,2.3vw,32px);font-weight:700;line-height:1.65;letter-spacing:.01em;color:#142c4b;margin:0}
body #problem .problem-audience{font-size:19px;line-height:1.9;color:#30475f;margin:18px 0 0;font-weight:400}
body #problem .problem-copy-mobile-break{display:none}
@media(max-width:760px){body #problem .problem-copy{margin-top:24px}body #problem .problem-pain-lead{font-size:24px;line-height:1.7}body #problem .problem-audience{font-size:18px;line-height:1.85;margin-top:16px}body #problem .problem-copy-mobile-break{display:block}}

/* Keep the question above a compact supporting description. */
body #problem .problem-question{display:block}
body #problem .problem-question h2:after{content:"";display:block;width:80px;height:2px;background:#9bb4c4;margin:24px 0 0}
body #problem .problem-copy{margin-top:22px;max-width:1000px}
body #problem .problem-pain-lead{font-size:19px;line-height:1.85;font-weight:700}
body #problem .problem-audience{font-size:17px;line-height:1.85;margin-top:12px}
body #problem .problem-copy-mobile-break{display:none}
body #framework .gap-break{border-bottom:0}
@media(max-width:760px){body #problem .problem-question h2:after{margin-top:20px}body #problem .problem-copy{margin-top:20px}body #problem .problem-pain-lead{font-size:18px}body #problem .problem-audience{font-size:16px;margin-top:12px}}

body .renewal{color:#142c4b}body .renewal-hero{padding:76px 0 0;background:#f0f9fb;overflow:hidden}body .renewal-hero h1{font-size:clamp(40px,5vw,70px);line-height:1.4;letter-spacing:-.045em;margin:22px 0 28px}body .renewal-hero-lead{font-size:21px;line-height:1.95;max-width:940px;color:#243c56}body .renewal-target{margin-top:26px;max-width:980px}body .renewal-target strong{font-size:18px;color:#086c80}body .renewal-target p{font-size:17px;margin:9px 0 0;line-height:1.8}body .renewal-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}body .renewal-hero figure{margin:36px 0 0}body .renewal-hero figure img{width:100%;height:auto;display:block}body .renewal .section{padding:88px 0}body .renewal h2{font-size:clamp(30px,3.4vw,46px);line-height:1.5;letter-spacing:-.03em}body .renewal-section-lead{font-size:21px;line-height:1.85;margin:24px 0 0;max-width:1000px;color:#30475f}body .renewal-usecases,body .renewal-process{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}body .renewal-process{grid-template-columns:repeat(4,1fr)}body .renewal-usecases article,body .renewal-process article{padding:28px;background:#fff;border:1px solid #d9e8ee;border-radius:12px}body .renewal-usecases article>span,body .renewal-process article>span{font-size:18px;font-weight:700;color:#086c80}body .renewal-usecases h3,body .renewal-process h3{font-size:23px;line-height:1.6;margin:18px 0 12px}body .renewal-usecases p,body .renewal-process p{font-size:18px;line-height:1.85;margin:0;color:#30475f}body .renewal-belief{margin-top:60px;padding-top:40px;border-top:1px solid #d9e8ee}body .renewal-belief h3{font-size:clamp(29px,3.2vw,43px);line-height:1.55;margin:0}body .renewal-belief p{font-size:20px;line-height:1.85;margin:24px 0 0}body .renewal #framework .gap-break{border:0}body .renewal .mobile-artwork-content{display:block}body .renewal .section-artwork{display:none}body .renewal .service-companion-roles{display:none}body .renewal .renewal-faq{margin-top:64px}body .renewal-faq>h3{font-size:30px;margin-bottom:28px}body .renewal-entry{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}body .renewal-entry article{padding:36px;background:#f3fafc;border:1px solid #d9e8ee;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}body .renewal-entry h3{font-size:27px;margin:0 0 18px}body .renewal-entry p{font-size:19px;line-height:1.85;margin:0 0 28px}body .renewal-entry .button{margin-top:auto}body .renewal-entry small{font-size:14px;line-height:1.8;margin-top:15px;color:#30475f}body .renewal .button svg{display:none}body .renewal .client-record{padding:88px 0;background:#f3fafc}body .renewal .client-record-grid p{font-size:18px;line-height:1.85}body .renewal .framework-visual-head h3{white-space:normal}body .renewal #about{padding:64px 0}
@media(max-width:900px){body .renewal-process{grid-template-columns:1fr 1fr}body .renewal-usecases{grid-template-columns:1fr}body .renewal-entry{grid-template-columns:1fr}}
@media(max-width:760px){body .renewal-hero{padding-top:48px}body .renewal-hero h1{font-size:40px}body .renewal-hero-lead{font-size:18px;line-height:1.85}body .renewal-target strong{font-size:17px}body .renewal-target p{font-size:16px}body .renewal .section,body .renewal .client-record{padding:60px 0}body .renewal h2{font-size:30px}body .renewal-section-lead{font-size:18px}body .renewal-actions{gap:12px}body .renewal-actions .button{width:100%}body .renewal-process{grid-template-columns:1fr}body .renewal-usecases,body .renewal-process{gap:16px;margin-top:30px}body .renewal-belief{margin-top:36px;padding-top:30px}body .renewal-belief h3{font-size:29px}body .renewal-belief p{font-size:18px}body .renewal-entry article{padding:26px}body .renewal-entry h3{font-size:24px}body .renewal-entry p{font-size:18px}body .renewal-entry .button{width:100%}body .renewal .client-record-grid p{font-size:17px}}

body .company-mission-label{font-size:16px;color:#086c80;font-weight:700;margin:30px 0 12px}body .company-mission{font-size:clamp(27px,2.8vw,36px);line-height:1.6;margin:0 0 22px}body .company-intro{font-size:18px;line-height:1.9;color:#30475f;max-width:560px;margin:16px 0}body .footer-mission{font-size:18px;color:#243c56;margin:26px 0}body .renewal #about .split{gap:64px;align-items:start}@media(max-width:760px){body .renewal #about .split{gap:30px}body .company-intro{font-size:17px}}

body .renewal-hero-empathy{font-size:clamp(21px,2vw,26px);font-weight:700;line-height:1.8;color:#142c4b;max-width:1000px;margin:0 0 20px}body .renewal-hero-lead{margin:0;max-width:940px}@media(max-width:760px){body .renewal-hero-empathy{font-size:20px;line-height:1.8;margin-bottom:18px}}

body .renewal-hero h1.renewal-pain-headline{font-size:clamp(32px,3.7vw,52px);line-height:1.55;letter-spacing:-.035em}body .renewal-pain-headline>span{display:block}@media(max-width:760px){body .renewal-hero h1.renewal-pain-headline{font-size:clamp(28px,7.5vw,38px);line-height:1.6}body .renewal-pain-headline>span+span{margin-top:8px}}

body .renewal #framework .framework-origin{font-size:20px;line-height:1.9;max-width:1000px;color:#30475f;margin-top:24px}body .framework-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}body .framework-standards article{padding:28px;border:1px solid #d9e8ee;border-radius:12px;background:#f3fafc;min-width:0}body .framework-standards article>span{font-size:18px;font-weight:700;color:#086c80}body .framework-standards h3{font-size:26px;line-height:1.5;margin:16px 0}body .framework-standards p{font-size:19px;line-height:1.8;margin:0;color:#243c56}body .framework-achievement{margin:44px 0 48px}body .framework-achievement h3{font-size:clamp(28px,2.8vw,38px);line-height:1.6;margin:0}body .framework-achievement p{font-size:20px;line-height:1.8;color:#30475f;margin:18px 0 0}body .framework-closing{font-size:23px;line-height:1.8;border-top:1px solid #d9e8ee;margin:40px 0 0;padding-top:28px;color:#142c4b}@media(max-width:760px){body .framework-standards{grid-template-columns:1fr;gap:16px;margin:30px 0}body .framework-standards article{padding:24px}body .renewal #framework .framework-origin,body .framework-achievement p{font-size:18px}body .framework-standards h3{font-size:24px}body .framework-achievement{margin:32px 0}body .framework-closing{font-size:20px}}

body .simple-change{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;border-top:1px solid #d9e8ee;margin-top:48px;padding-top:36px}body .simple-change span{font-size:16px;color:#086c80;font-weight:700}body .simple-change h3{font-size:clamp(28px,2.8vw,38px);line-height:1.55;margin:16px 0}body .simple-change p{font-size:18px;line-height:1.8;color:#30475f;margin:0}body .simple-change strong{font-size:clamp(25px,2.5vw,34px);line-height:1.65}body .simple-framework-lead{font-size:20px;line-height:1.9;max-width:1000px;color:#30475f;margin-top:24px}body .simple-framework-bridge{font-size:20px;font-weight:700;color:#142c4b;margin:28px 0 36px}body .renewal #framework{background:#f3fafc}body .renewal .framework-standards article{background:white}body .renewal .framework-visual{margin-top:28px}body .renewal .framework-title{margin-top:0}body .renewal .framework-readable-body{gap:32px}body .renewal .service-demo-row{padding-top:32px;padding-bottom:32px}body .renewal .service-demo-rows{margin-top:32px}@media(max-width:760px){body .simple-change{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:28px}body .simple-change h3{font-size:28px}body .simple-change strong{font-size:26px}body .simple-framework-lead,body .simple-framework-bridge{font-size:18px}}

body .renewal .simple-change{grid-template-columns:1fr}body .renewal-hero h1.renewal-pain-headline{font-size:clamp(36px,4.7vw,64px)}@media(max-width:760px){body .renewal-hero h1.renewal-pain-headline{font-size:clamp(29px,8vw,40px)}}

body .renewal-entry{grid-template-columns:1fr;max-width:720px}

/* Shared reading rhythm for the renewed TalentAid site. */
body {
  --reading-width: 77.5rem;
  --page-gutter: 2.5rem;
  --section-space: 5.5rem;
  --heading-size: clamp(2rem, 3.2vw, 2.75rem);
  --card-heading-size: 1.5rem;
  --copy-size: 1.125rem;
  --lead-size: 1.25rem;
}
body main.renewal .container,
body .footer .container,
body .header-inner {
  width: min(var(--reading-width), calc(100% - var(--page-gutter) * 2));
  margin-inline: auto;
}
body main.renewal .section,
body main.renewal .client-record,
body main.renewal #about { padding-block: var(--section-space); }
body main.renewal h2,
body main.renewal .client-record-intro h2 strong {
  font-size: var(--heading-size);
  line-height: 1.5;
  letter-spacing: -.025em;
  font-weight: 700;
}
body main.renewal h3,
body main.renewal .pain-box-grid h3,
body main.renewal .service-demo-copy h3,
body main.renewal .client-record-grid h3 {
  font-size: var(--card-heading-size);
  line-height: 1.6;
  letter-spacing: -.015em;
}
body main.renewal p,
body main.renewal .company-dl dd,
body main.renewal .comparison td,
body main.renewal .comparison tbody th,
body main.renewal .faq [data-slot="accordion-trigger"],
body main.renewal .faq [data-slot="accordion-content"] {
  font-size: var(--copy-size);
  line-height: 1.85;
  color: #243c56;
}
body main.renewal .renewal-hero-lead,
body main.renewal .renewal-section-lead,
body main.renewal .simple-framework-lead,
body main.renewal .service-companion-lead {
  font-size: var(--lead-size);
  line-height: 1.85;
  max-width: 52rem;
  margin: 1.5rem 0 0;
}
body main.renewal .eyebrow,
body main.renewal .client-record-intro > span {
  font-size: .9375rem;
  line-height: 1.6;
  color: #086c80;
  letter-spacing: .06em;
  margin: 0 0 1.25rem;
}
body main.renewal .client-record-intro,
body main.renewal .comparison-section-head { margin-bottom: 2.5rem; }
body main.renewal .client-record-intro h2 strong { margin-top: 0; }
body main.renewal .renewal-hero { padding-top: var(--section-space); }
body main.renewal .renewal-hero h1.renewal-pain-headline {
  font-size: clamp(2rem, 4.2vw, 3.75rem);
  line-height: 1.5;
  letter-spacing: -.035em;
  margin: 1.25rem 0 1.5rem;
}
body main.renewal .renewal-target { max-width: 52rem; margin-top: 1.5rem; }
body main.renewal .renewal-target strong { font-size: var(--copy-size); line-height: 1.8; }
body main.renewal .renewal-target p { margin-top: .5rem; }
body main.renewal .button { font-size: 1rem; justify-content: center; min-height: 3.5rem; }
body main.renewal .pain-box-grid,
body main.renewal .framework-standards,
body main.renewal .renewal-process,
body main.renewal .client-record-grid { gap: 1.5rem; }
body main.renewal .framework-standards article,
body main.renewal .renewal-process article { padding: 1.5rem; min-width: 0; }
body main.renewal .simple-change h3,
body main.renewal .company-mission { font-size: clamp(1.75rem, 2.5vw, 2.25rem); }
body main.renewal .service-demo-rows { gap: 3rem; margin-top: 2.5rem; }
body main.renewal .service-demo-row,
body main.renewal .service-demo-row:nth-child(2) { gap: 3rem; padding-block: 1.5rem; }
body main.renewal .service-demo-copy > p { max-width: none; margin-bottom: 0; }
body main.renewal .service-demo-output { font-size: 1rem; color: #086c80; line-height: 1.8; }
body main.renewal .framework-elements h4 { font-size: 1.25rem; line-height: 1.6; }
body main.renewal .framework-elements article { padding: 1.5rem; }
body main.renewal .framework-title { font-size: 1.25rem; line-height: 1.7; }
body main.renewal .framework-title small { display: inline-block; margin-left: .5rem; }
body main.renewal .comparison th,
body main.renewal .comparison td { padding: 1.5rem; }
body main.renewal .comparison thead th { font-size: 1.125rem; line-height: 1.7; }
body main.renewal .comparison-block { margin-top: 0; }
body main.renewal .client-record-heading { flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
body main.renewal .client-record-role { font-size: 1.125rem; min-height: 2rem; }
body main.renewal .client-record-result { height: auto; min-height: 19rem; }
body main.renewal .client-record-stage { min-height: 10rem; }
body main.renewal .client-record-number,
body main.renewal .client-record-scope,
body main.renewal .client-record-stage > span,
body main.renewal .client-record-result > span,
body main.renewal .client-record-figures small,
body main.renewal .service-demo-note,
body main.renewal .fine-print,
body main.renewal .table-hint,
body main.renewal .renewal-entry small,
body main.renewal .framework-title small { font-size: .875rem; line-height: 1.8; color: #30475f; }
body main.renewal .renewal-entry { max-width: none; margin-top: 2.5rem; }
body main.renewal .renewal-entry article { padding: 2rem; }
body main.renewal .renewal-faq { max-width: 60rem; margin-top: 3.5rem; }
body main.renewal .company-dl dt { font-size: 1rem; color: #30475f; }
body main.renewal #about .split { gap: 3rem; }
@media (max-width: 1050px) {
  body { --page-gutter: 2rem; }
  body main.renewal .client-record-grid { grid-template-columns: 1fr; }
  body main.renewal .client-record-result,
  body main.renewal .client-record-stage { min-height: 0; }
  body main.renewal .service-demo-row,
  body main.renewal .service-demo-row:nth-child(2) { gap: 2rem; }
}
@media (max-width: 760px) {
  body {
    --page-gutter: 1.5rem;
    --section-space: 3.5rem;
    --heading-size: 1.875rem;
    --card-heading-size: 1.375rem;
    --copy-size: 1.0625rem;
    --lead-size: 1.125rem;
  }
  body main.renewal .renewal-hero h1.renewal-pain-headline { font-size: clamp(1.375rem, 6.9vw, 2.5rem); }
  body main.renewal .renewal-pain-headline > span + span { margin-top: .25rem; }
  body main.renewal .framework-standards,
  body main.renewal .pain-box-grid,
  body main.renewal .renewal-process,
  body main.renewal .client-record-grid { gap: 1rem; }
  body main.renewal .service-demo-row,
  body main.renewal .service-demo-row:nth-child(2) { gap: 1.5rem; padding-block: 0; }
  body main.renewal .service-demo-rows { gap: 3rem; }
  body main.renewal .framework-elements article,
  body main.renewal .renewal-entry article { padding: 1.25rem; }
  body main.renewal .framework-elements h4 { font-size: 1.125rem; }
  body main.renewal .comparison th,
  body main.renewal .comparison td { padding: 1.25rem; }
  body main.renewal #about .split { gap: 2rem; }
  body main.renewal .client-record-intro,
  body main.renewal .comparison-section-head { margin-bottom: 2rem; }
}
@media (max-width: 380px) {
  body { --page-gutter: 1.25rem; --heading-size: 1.75rem; }
}

/* Full-width hero artwork with the message over the supplied clear space. */
body main.renewal .renewal-hero {
  position: relative;
  isolation: isolate;
  background: #fff;
  min-height: clamp(40rem, 80svh, 48rem);
  padding-block: 4rem;
  display: flex;
  align-items: center;
}
body main.renewal .renewal-hero-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
body main.renewal .renewal-hero-backdrop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
body main.renewal .renewal-hero > .container { position: relative; }
body main.renewal .renewal-hero h1.renewal-pain-headline {
  max-width: 48%;
  font-size: clamp(1.875rem, 3.3vw, 2.75rem);
  line-height: 1.5;
}
body main.renewal .renewal-hero .renewal-hero-lead,
body main.renewal .renewal-hero .renewal-target { max-width: 40%; }
body main.renewal .renewal-hero > .container > .eyebrow { max-width: 48%; }
@media (max-width: 1050px) {
  body main.renewal .renewal-hero {
    min-height: 0;
    padding-top: var(--section-space);
    padding-bottom: clamp(12rem, 38vw, 25rem);
    background: #fff;
  }
  body main.renewal .renewal-hero-backdrop img {
    object-fit: contain;
    object-position: center bottom;
  }
  body main.renewal .renewal-hero .renewal-hero-lead,
  body main.renewal .renewal-hero .renewal-target,
  body main.renewal .renewal-hero > .container > .eyebrow { max-width: 40rem; }
  body main.renewal .renewal-hero h1.renewal-pain-headline { max-width: none; font-size: clamp(1.75rem, 4.2vw, 2.75rem); }
}
@media (max-width: 760px) {
  body main.renewal .renewal-hero h1.renewal-pain-headline { font-size: clamp(1.375rem, 6.9vw, 2.5rem); }
}

/* Keep service terms and role names intact when the hero copy wraps. */
body main.renewal .renewal-hero .renewal-hero-lead {
  font-size: 1.125rem;
  line-height: 1.85;
  text-wrap: pretty;
}
body main.renewal .hero-copy-sentence { display: block; }
body main.renewal .hero-copy-sentence + .hero-copy-sentence { margin-top: .5rem; }
body main.renewal .hero-copy-keep { white-space: nowrap; }
body main.renewal .renewal-target strong {
  display: block;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0;
  text-wrap: pretty;
}
@media (max-width: 760px) {
  body main.renewal .renewal-hero .renewal-hero-lead { font-size: 1.0625rem; }
}

@media (min-width: 1051px) {
  body main.renewal .renewal-hero .renewal-hero-lead,
  body main.renewal .renewal-hero .renewal-target { max-width: 34%; }
}

/* Supplied step illustrations, with native readable headings and copy. */
body main.renewal .renewal-process article {
  display: flex;
  flex-direction: column;
  background: #f6fcfe;
  border-color: #cde9f0;
}
body main.renewal .renewal-process article > span { margin-bottom: 1rem; }
body main.renewal .renewal-process .artwork-detail { width: 100%; margin: 0; }
body main.renewal .renewal-process h3 { margin: 1.25rem 0 .75rem; font-size: 1.375rem; }
body main.renewal .renewal-process p { margin: 0; }
@media (max-width: 1050px) {
  body main.renewal .renewal-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body main.renewal .renewal-process { grid-template-columns: 1fr; }
  body main.renewal .renewal-process .artwork-detail { max-width: 26rem; margin-inline: auto; }
}

/* Supplied Framework artwork: full composition on desktop, readable content on mobile. */
body main.renewal .framework-visual {border-top:0;background:#f5fbfd;padding:0;}
body main.renewal .framework-visual .section-artwork {display:block;width:100%;height:auto;object-fit:contain;}
body main.renewal .framework-visual .mobile-artwork-content {display:none;}
@media(max-width:760px){
 body main.renewal .framework-visual .section-artwork {display:none;}
 body main.renewal .framework-visual .mobile-artwork-content {display:block;}
 body main.renewal .framework-readable-body > .artwork-detail {aspect-ratio:760 / 650;width:100%;height:auto;}
 body main.renewal .framework-mobile-intro {font-size:1.125rem;font-weight:700;margin:1rem 0;color:#142c4b;}
 body main.renewal .framework-mobile-summary {font-size:1.0625rem;font-weight:700;line-height:1.8;margin:1.5rem 0 0;color:#142c4b;}
}

/* Consultation band, matching the supplied reference with accessible live text. */
body main.renewal .consultation-band {display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;padding:3.5rem;background:linear-gradient(120deg,#f1fafd,#f3fbfd);border-radius:1rem;}
body main.renewal .consultation-band h2 {font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.5;letter-spacing:-.025em;margin:1.25rem 0 0;}
body main.renewal .consultation-band .renewal-section-lead {font-size:1.125rem;line-height:1.85;margin:1.5rem 0 0;}
body main.renewal .consultation-band-action {border-left:1px solid #d9edf3;padding-left:3rem;}
body main.renewal .consultation-band-action h3 {font-size:1.5rem;line-height:1.5;margin:0 0 1rem;}
body main.renewal .consultation-band-action p {font-size:1.125rem;line-height:1.8;margin:0 0 1.5rem;}
body main.renewal .consultation-band-action .button {width:100%;justify-content:center;background:#f2cf32;color:#142c4b;border:0;font-size:1.25rem;min-height:4rem;padding:1rem;}
body main.renewal .consultation-band-action .button:hover {background:#e7bf1f;}
body main.renewal .consultation-band-action small {display:block;font-size:.875rem;line-height:1.8;color:#30475f;margin-top:1rem;}
@media(max-width:1050px){body main.renewal .consultation-band{gap:2rem;padding:2rem;}body main.renewal .consultation-band-action{padding-left:2rem;}}
@media(max-width:760px){body main.renewal .consultation-band{grid-template-columns:1fr;padding:1.5rem;gap:1.75rem;}body main.renewal .consultation-band h2{font-size:clamp(1.35rem,5.8vw,1.875rem);}body main.renewal .consultation-band-action{border-left:0;border-top:1px solid #d9edf3;padding:1.75rem 0 0;}body main.renewal .consultation-band-action h3{font-size:1.375rem;}body main.renewal .consultation-band-action .button{font-size:1.125rem;}}

.hero-content.hero-with-product{width:min(1440px,calc(100% - 80px));display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4%;align-items:center;padding-top:85px;padding-bottom:80px}
.hero-copy{min-width:0}
.hero-with-product h1{font-size:clamp(2.25rem,3.35vw,3.8rem);line-height:1.42;white-space:nowrap}
.hero-with-product .hero-lead{font-size:clamp(14px,1.15vw,16px)}
.hero-product{position:relative;min-width:0;align-self:center;margin:25px -12px 0 0}
.hero-product:before{content:"";position:absolute;inset:-26px -26px 13px 28px;z-index:-1;background:#e5f0f3;border:1px solid #d8e6eb;border-radius:4px}
.hero-laptop{position:relative;filter:drop-shadow(0 23px 20px #1f2f5529)}
.hero-laptop-bezel{position:relative;background:#19243a;border:8px solid #19243a;border-bottom-width:12px;border-radius:15px 15px 5px 5px;box-shadow:inset 0 0 0 1px #61738a;overflow:hidden}
.hero-laptop-camera{position:absolute;top:-5px;left:50%;width:3px;height:3px;border-radius:50%;background:#647389}
.hero-product-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#faf8f3;object-fit:contain}
.hero-laptop-base{height:12px;margin:0 -6%;background:linear-gradient(180deg,#dae1e6 0%,#aeb8c0 42%,#e1e6e9 75%,#8a969e 100%);border-radius:2px 2px 50% 50%;position:relative}
.hero-laptop-base:before{content:"";position:absolute;left:39%;right:39%;height:3px;background:#87939e;border-radius:0 0 6px 6px}
.hero-product-bottom{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:17px 2% 0;font-size:12px;color:#526478}
.hero-product-bottom>span{margin-right:auto;white-space:nowrap}
.hero-product-bottom>span i{display:inline-block;width:6px;height:6px;background:#12adc2;border-radius:50%;margin-right:8px;vertical-align:middle}
.hero-product-bottom button{border:1px solid #c7d4dd;background:#fff;color:#1f2f55;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:0;cursor:pointer}
.hero-product-bottom button:hover,.hero-product-bottom button:focus-visible{border-color:#1f2f55}
@media(max-width:1050px){.hero-content.hero-with-product{display:block;width:calc(100% - 80px)}.hero-product{width:min(850px,94%);margin:55px auto 0}.hero-with-product h1{white-space:normal;font-size:clamp(2.4rem,5vw,4rem)}}
@media(max-width:640px){.hero-content.hero-with-product{width:calc(100% - 40px);padding-top:52px;padding-bottom:48px}.hero-with-product h1{font-size:clamp(1.9rem,6.6vw,2.5rem)}.hero-product{width:100%;margin:42px auto 0}.hero-product:before{inset:-13px -8px 7px 8px}.hero-laptop-bezel{border-width:5px;border-bottom-width:7px;border-radius:8px 8px 3px 3px}.hero-laptop-base{height:8px}.hero-product-bottom{margin:12px 1% 0;font-size:11px}}

@media(min-width:1051px){.hero-content.hero-with-product{width:min(1500px,calc(100% - 64px))}}
@media(min-width:641px) and (max-width:1050px){.hero-content.hero-with-product{width:calc(100% - 48px)}}

.client-record{padding:96px 0;background:#fff;border-bottom:1px solid #e1e8ec}
.client-record-intro{display:grid;grid-template-columns:30% 1fr;gap:24px;align-items:start;margin-bottom:46px}
.client-record-intro>span{color:#0b9aae;font:700 14px/1.6 Arial,"Noto Sans JP",sans-serif;letter-spacing:.15em;padding-top:10px}
.client-record-intro h2{font-size:clamp(25px,2.8vw,34px);line-height:1.5}
.client-record-intro h2 strong{display:inline-block;font-size:clamp(35px,4vw,51px);line-height:1.4;font-weight:700;margin-top:3px}
.client-record-intro p{color:#5d6b7b;margin:16px 0 0;font-size:15px}
.client-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.client-record-grid article{border:1px solid #d6e0e6;border-top:6px solid #1da8b8;padding:27px 26px 0;display:flex;flex-direction:column;min-width:0}
.client-record-grid article:nth-child(2){border-top-color:#efcf3c}
.client-record-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:25px}
.client-record-number{color:#168da0;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.15em;white-space:nowrap}
.client-record-scope{color:#566982;font-size:12px;font-weight:700;text-align:right}
.client-record-grid h3{font-size:clamp(20px,1.9vw,25px);line-height:1.5;margin:0 0 7px;letter-spacing:0}
.client-record-role{color:#098697;font-size:16px;font-weight:700;line-height:1.55;margin:0 0 28px}
.client-record-stage{border-top:1px solid #dce4e9;padding:17px 0 15px}
.client-record-stage>span,.client-record-result>span,.client-record-change>span{font-size:12px;letter-spacing:.05em;color:#0b8799;font-weight:700}
.client-record-stage p{color:#4f6175;font-size:15px;line-height:1.8;margin:7px 0 0}
.client-record-result{background:#f1f7f8;margin:auto -26px 0;padding:18px 26px 26px;min-height:200px;border-top:1px solid #d8e9ed}
.client-record-figures{display:flex;gap:19px;align-items:end;margin:11px 0}
.client-record-figures>div{min-width:0}
.client-record-figures strong{display:block;color:#1f2f55;font:700 clamp(23px,2.45vw,34px)/1.2 Arial,"Noto Sans JP",sans-serif;white-space:nowrap}
.client-record-figures small{font-size:11px;color:#627488;line-height:1.6}
.client-record-result p{font-size:14px;color:#465b70;line-height:1.75;margin:12px 0 0}
.client-record-change{border-top:1px solid #cfe0e5;margin-top:17px;padding-top:14px}
.client-record-change p{margin-top:7px;color:#334d63;font-weight:600}
.client-record-note{font-size:12px;color:#738293;line-height:1.7;text-align:right;margin:16px 0 0}
.client-record-next{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce6eb;margin-top:28px;padding-top:28px}
.client-record-next p{margin:0}
.client-record-next strong{display:block;font-size:20px;line-height:1.5}
.client-record-next span{display:block;font-size:14px;color:#617487;margin-top:5px}
.client-record-next .button{white-space:nowrap}
@media(max-width:1000px){.client-record-grid{gap:12px}.client-record-grid article{padding:23px 18px 0}.client-record-result{margin: auto -18px 0;padding:17px 18px 22px}.client-record-figures{gap:12px}.client-record-figures strong{font-size:24px}}
@media(max-width:760px){.client-record{padding:62px 0}.client-record-intro{display:block;margin-bottom:30px}.client-record-intro>span{padding:0;display:block;margin-bottom:13px;font-size:12px}.client-record-intro h2{font-size:22px}.client-record-intro h2 strong{font-size:32px}.client-record-grid{grid-template-columns:1fr;gap:16px}.client-record-grid article{padding:23px 22px 0}.client-record-heading{margin-bottom:16px}.client-record-grid h3{font-size:22px}.client-record-role{margin-bottom:20px}.client-record-result{margin:10px -22px 0;padding:17px 22px 22px;min-height:0}.client-record-figures strong{font-size:29px}.client-record-note{text-align:left;margin-top:12px}.client-record-next{display:block;margin-top:20px;padding-top:20px}.client-record-next strong{font-size:18px}.client-record-next .button{margin-top:17px;width:100%}}
/* Keep the result band aligned across the three desktop case cards. */
@media(min-width:1001px){.client-record-result{height:345px}}
@media(min-width:761px) and (max-width:1000px){.client-record-result{height:390px}}

/* Final visual rhythm for the one-page corporate site. */
body main.renewal {
  --surface-tint: #f3f9fc;
  --surface-line: #d4e5ed;
  --ink: #142c4b;
  --copy-ink: #243c56;
  --section-space: clamp(4rem, 6.5vw, 6rem);
  --heading-size: clamp(2rem, 3.1vw, 2.625rem);
  --card-heading-size: 1.5rem;
  --copy-size: 1.125rem;
  --lead-size: 1.25rem;
  color: var(--ink);
}
body main.renewal #problem,
body main.renewal #services,
body main.renewal #record,
body main.renewal #contact { background: #fff; }
body main.renewal #framework,
body main.renewal #comparison,
body main.renewal #process,
body main.renewal #about { background: var(--surface-tint); }
body main.renewal .section,
body main.renewal .client-record { border: 0; }
body main.renewal h2 { margin: 0; text-wrap: balance; }
body main.renewal h3 { text-wrap: pretty; }
body main.renewal p { letter-spacing: 0; }
body main.renewal .eyebrow { margin-bottom: 1rem; font-weight: 700; }
body main.renewal .renewal-section-lead,
body main.renewal .simple-framework-lead,
body main.renewal .service-companion-lead { max-width: 52rem; margin-top: 1.5rem; }
body main.renewal .fine-print,
body main.renewal .table-hint,
body main.renewal .service-demo-note { color: var(--copy-ink); font-size: .875rem; }

/* Five equally sized illustrations, with the second row centered. */
body main.renewal .pain-box-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 1.5rem; margin-top: 2.5rem; }
body main.renewal .pain-box-grid article,
body main.renewal .pain-box-grid article:last-child { grid-column: span 2; max-width: none; width: 100%; min-height: 0; display: flex; flex-direction: column; position: relative; padding: 2rem 1.5rem 1.5rem; background: #f5fbfd; border: 1px solid var(--surface-line); border-radius: .75rem; }
body main.renewal .pain-box-grid article:nth-child(4) { grid-column: 2 / span 2; }
body main.renewal .pain-box-grid article:nth-child(5) { grid-column: 4 / span 2; }
body main.renewal .pain-box-grid article > span { position: absolute; top: 1rem; right: 1.25rem; font-size: .875rem; color: #086c80; }
body main.renewal .pain-illustration { width: 100%; height: 10.5rem; margin: 1rem 0 1.5rem; overflow: visible; }
body main.renewal .pain-illustration .artwork-detail { width: 100%; height: 100%; }
body main.renewal .pain-illustration::after { display: none; }
body main.renewal .pain-box-grid h3 { font-size: 1.375rem; min-height: 3.2em; margin: 0; line-height: 1.6; }
body main.renewal .simple-change { display: block; margin-top: 3rem; padding-top: 2rem; border-color: var(--surface-line); }
body main.renewal .simple-change h3 { font-size: clamp(1.75rem,2.6vw,2.25rem); margin: .75rem 0 1rem; }

/* Alternating stage layout with a consistent screen scale. */
body main.renewal .framework-standards { margin-block: 2.5rem 2rem; }
body main.renewal .framework-standards article { padding: 1.75rem; border-color: var(--surface-line); border-radius: .75rem; }
body main.renewal .framework-standards h3 { font-size: 1.5rem; margin: .75rem 0; }
body main.renewal .framework-standards article > span { font-size: 1rem; }
body main.renewal .simple-framework-bridge { font-size: 1.25rem; margin: 2rem 0; }
body main.renewal .framework-visual { margin-top: 2rem; border-radius: .75rem; background: transparent; }
body main.renewal .framework-visual .section-artwork { width: 100%; max-width: 77.5rem; height: auto; border-radius: .75rem; }
body main.renewal .service-demo-rows { gap: 2.5rem; margin-top: 2.5rem; }
body main.renewal .service-demo-row,
body main.renewal .service-demo-row:nth-child(2) { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 3rem; padding-block: 1.5rem; }
body main.renewal .service-demo-row:nth-child(2) { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }
body main.renewal .service-demo-row:nth-child(2) .service-demo-copy { grid-column: 2; grid-row: 1; }
body main.renewal .service-demo-row:nth-child(2) .service-demo-screen { grid-column: 1; grid-row: 1; }
body main.renewal .service-demo-copy h3 { font-size: clamp(1.5rem,2.3vw,1.875rem); margin: 1rem 0 1.25rem; }
body main.renewal .service-demo-stage { font-size: .875rem; }
body main.renewal .service-demo-stage b { font-size: 1.125rem; }
body main.renewal .service-demo-output { font-size: 1rem; margin-top: 1.5rem; padding-block: .5rem; color: #086c80; }
body main.renewal .service-demo-screen { padding: 1.25rem; border-radius: .75rem; background: var(--surface-tint); border-color: var(--surface-line); }
body main.renewal .service-demo .hero-product-bottom > span { font-size: .875rem; line-height: 1.7; color: var(--copy-ink); }
body main.renewal .service-demo .hero-product-bottom button { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }

/* Align corresponding case rows without fixed heights that clip text. */
body main.renewal .client-record-intro { display: block; margin-bottom: 2.5rem; }
body main.renewal .client-record-intro > span { display: block; padding: 0; margin-bottom: 1rem; }
body main.renewal .client-record-grid { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(7,auto); gap: 0 1.5rem; }
body main.renewal .client-record-grid article { display: grid; grid-template-rows: subgrid; grid-row: 1 / span 7; padding: 1.75rem 1.5rem 0; border: 1px solid var(--surface-line); border-radius: .75rem; background: #fff; overflow: hidden; }
body main.renewal .client-record-grid article:nth-child(1) { grid-column: 1; }
body main.renewal .client-record-grid article:nth-child(2) { grid-column: 2; }
body main.renewal .client-record-grid article:nth-child(3) { grid-column: 3; }
body main.renewal .client-record-heading { margin: 0 0 1rem; }
body main.renewal .client-record-grid h3 { min-height: 0; margin: 0 0 .75rem; display: block; font-size: 1.5rem; }
body main.renewal .client-record-role { min-height: 0; margin: 0 0 1.5rem; color: #086c80; }
body main.renewal .client-record-grid .artwork-detail { width: 100%; height: 11rem; margin: 0 0 1.5rem; }
body main.renewal .client-record-stage { min-height: 0; padding: 1.25rem 0; border-color: var(--surface-line); }
body main.renewal .client-record-stage > span,
body main.renewal .client-record-result > span { color: #086c80; font-size: .875rem; }
body main.renewal .client-record-stage p { margin: .5rem 0 0; }
body main.renewal .client-record-result { height: auto; min-height: 0; margin: 0 -1.5rem; padding: 1.5rem; background: #eff8fb; border-color: var(--surface-line); }
body main.renewal .client-record-figures { gap: 1.25rem; flex-wrap: wrap; margin: 1rem 0; }
body main.renewal .client-record-figures strong { font-size: 2rem; }
body main.renewal .client-record-figures small { color: var(--copy-ink); }

body main.renewal .comparison { width: 100%; min-width: 54rem; }
body main.renewal .comparison th,
body main.renewal .comparison td { padding: 1.25rem; font-size: 1.0625rem; line-height: 1.8; vertical-align: top; }
body main.renewal .comparison thead th:nth-child(2) { background: #086c80; color: #fff; font-size: 1.125rem; }
body main.renewal .comparison tbody td:nth-child(2) { background: #eaf6fa; color: var(--ink); font-weight: 600; }
body main.renewal .fine-print { margin: 1.25rem 0 0; }
body main.renewal .renewal-process { gap: 1.25rem; margin-top: 2.5rem; }
body main.renewal .renewal-process article { padding: 1.5rem; background: #fff; border-color: var(--surface-line); border-radius: .75rem; }
body main.renewal .renewal-process .artwork-detail { width: 100%; height: 8rem; }
body main.renewal .renewal-process h3 { font-size: 1.25rem; line-height: 1.6; min-height: 3.2em; margin: 1.25rem 0 .75rem; }
body main.renewal .renewal-process p { font-size: 1.0625rem; }
body main.renewal .renewal-faq { max-width: 60rem; margin: 4rem auto 0; padding-top: 3rem; border-top: 1px solid var(--surface-line); }
body main.renewal .renewal-faq > h3 { font-size: 1.75rem; margin: 0 0 1.5rem; }
body main.renewal .faq [data-slot=accordion-item] { padding-inline: 1.5rem; border-color: var(--surface-line); border-radius: .75rem; box-shadow: none; }
body main.renewal .consultation-band { background: #eff8fc; border-radius: .75rem; }
body main.renewal .consultation-band-action h3 { font-size: 1.5rem; }
body main.renewal #about .split { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: 4rem; }
body main.renewal .company-dl { margin: 0; }
body main.renewal .company-dl > div { grid-template-columns: 6rem minmax(0,1fr); padding-block: 1.25rem; gap: 1.5rem; }
body main.renewal .company-dl dd { overflow-wrap: anywhere; margin: 0; }

@media(max-width:1050px) {
  body main.renewal .pain-box-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body main.renewal .pain-box-grid article,
  body main.renewal .pain-box-grid article:nth-child(4) { grid-column: auto; }
  body main.renewal .pain-box-grid article:nth-child(5) { grid-column: 1 / -1; width: calc(50% - .75rem); margin-inline: auto; }
  body main.renewal .client-record-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 1.5rem; }
  body main.renewal .client-record-grid article,
  body main.renewal .client-record-grid article:nth-child(n) { display: flex; flex-direction: column; grid-column: auto; grid-row: auto; }
  body main.renewal .client-record-grid .artwork-detail { max-width: 26rem; height: 12rem; margin-inline: auto; }
  body main.renewal .service-demo-row,
  body main.renewal .service-demo-row:nth-child(2) { gap: 2rem; }
  body main.renewal #about .split { grid-template-columns: 1fr; gap: 2.5rem; }
}
@media(max-width:900px) {
  body main.renewal .framework-visual .section-artwork { display: none; }
  body main.renewal .framework-visual .mobile-artwork-content { display: block; }
  body main.renewal .framework-readable-body { grid-template-columns: 1fr; gap: 2rem; }
  body main.renewal .framework-readable-body > .artwork-detail { width: 100%; height: auto; aspect-ratio: 760 / 650; max-width: 30rem; margin-inline: auto; }
  body main.renewal .framework-elements { grid-template-columns: 1fr; border-radius: .75rem; overflow: hidden; }
  body main.renewal .framework-elements article { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: .25rem 1rem; min-height: 0; padding: 1.5rem; }
  body main.renewal .framework-elements article + article { border-left: 0; border-top: 1px solid var(--surface-line); }
  body main.renewal .framework-letter { grid-row: 1 / 4; font-size: 2.75rem; }
  body main.renewal .framework-element-name { margin: 0; font-size: 1rem; }
  body main.renewal .framework-elements h4 { font-size: 1.125rem; min-height: 0; margin: 0; }
  body main.renewal .framework-elements p { margin: .25rem 0 0; font-size: 1.0625rem; }
  body main.renewal .framework-mobile-intro,
  body main.renewal .framework-mobile-summary { font-size: 1.125rem; line-height: 1.8; color: var(--ink); }
  body main.renewal .service-demo-row,
  body main.renewal .service-demo-row:nth-child(2) { grid-template-columns: 1fr; gap: 1.5rem; }
  body main.renewal .service-demo-row:nth-child(2) .service-demo-copy,
  body main.renewal .service-demo-row:nth-child(2) .service-demo-screen { grid-column: auto; grid-row: auto; }
  body main.renewal .service-demo-screen { width: 100%; max-width: 42rem; margin-inline: auto; }
}
@media(max-width:760px) {
  body main.renewal { --section-space: 3.5rem; --heading-size: 1.875rem; --card-heading-size: 1.375rem; --copy-size: 1.0625rem; --lead-size: 1.125rem; }
  body main.renewal .pain-box-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
  body main.renewal .pain-box-grid article:nth-child(n) { grid-column: auto; width: 100%; padding: 1.75rem 1.25rem 1.25rem; }
  body main.renewal .pain-illustration { max-width: 24rem; height: 9.5rem; margin: .75rem auto 1.25rem; }
  body main.renewal .pain-box-grid h3 { font-size: 1.25rem; min-height: 0; }
  body main.renewal .simple-change { margin-top: 2rem; padding-top: 1.75rem; }
  body main.renewal .framework-standards { margin-block: 2rem; }
  body main.renewal .framework-standards article { padding: 1.25rem; }
  body main.renewal .framework-standards h3 { font-size: 1.375rem; }
  body main.renewal .simple-framework-bridge { font-size: 1.125rem; }
  body main.renewal .service-demo-rows { gap: 2.5rem; margin-top: 2rem; }
  body main.renewal .service-demo-row,
  body main.renewal .service-demo-row:nth-child(2) { padding: 0; }
  body main.renewal .service-demo-copy h3 { font-size: 1.5rem; }
  body main.renewal .service-demo-screen { padding: .75rem; }
  body main.renewal .client-record-grid article { padding: 1.5rem 1.25rem 0; }
  body main.renewal .client-record-grid h3 { font-size: 1.375rem; }
  body main.renewal .client-record-grid .artwork-detail { height: 10rem; }
  body main.renewal .client-record-result { margin-inline: -1.25rem; padding: 1.25rem; }
  body main.renewal .renewal-process { gap: 1rem; margin-top: 2rem; }
  body main.renewal .renewal-process article { padding: 1.25rem; }
  body main.renewal .renewal-process .artwork-detail { height: 10rem; }
  body main.renewal .renewal-process h3 { min-height: 0; font-size: 1.375rem; }
  body main.renewal .renewal-faq { margin-top: 3rem; padding-top: 2rem; }
  body main.renewal .faq [data-slot=accordion-item] { padding-inline: 1.25rem; }
  body main.renewal .consultation-band h2 { font-size: clamp(1.35rem,5.8vw,1.875rem); }
  body main.renewal .consultation-band-action h3 { font-size: 1.375rem; }
  body main.renewal .company-dl > div { grid-template-columns: 5rem minmax(0,1fr); gap: 1rem; }
}
@media(max-width:380px) {
  body main.renewal { --heading-size: 1.75rem; }
  body main.renewal .framework-elements article { grid-template-columns: 2.5rem minmax(0,1fr); gap: .25rem .75rem; padding: 1.25rem; }
}

/* Limited introduction program; scope stays visible beside the consultation. */
body main.renewal .adoption-section { padding: 2rem 0 3rem; background: #fff; scroll-margin-top: 7rem; }
body main.renewal .adoption-band { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 3rem; align-items: center; padding: 3rem; border: 1px solid #a9cddc; border-top: 4px solid #086c80; border-radius: .75rem; background: #eff8fc; }
body main.renewal .adoption-announcement { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; margin-bottom: 1.5rem; }
body main.renewal .adoption-badge { display: inline-block; padding: .5rem 1rem; background: #f2cf32; border-radius: .25rem; color: #142c4b; font-size: 1rem; line-height: 1.6; font-weight: 700; }
body main.renewal .adoption-program { color: #086c80; font-size: .9375rem; font-weight: 700; line-height: 1.6; }
body main.renewal .adoption-band h2 { font-size: clamp(1.625rem,2.5vw,2.125rem); line-height: 1.55; text-wrap: pretty; }
body main.renewal .adoption-mobile-break { display: none; }
body main.renewal .adoption-band .adoption-lead { font-size: 1.25rem; font-weight: 700; line-height: 1.75; margin: 1.25rem 0 1rem; color: var(--ink); }
body main.renewal .adoption-copy > p:last-child { font-size: 1.0625rem; margin: 0; }
body main.renewal .adoption-action { padding-left: 3rem; border-left: 1px solid #cfe4ee; }
body main.renewal .adoption-action h3 { font-size: 1.375rem; line-height: 1.6; margin: 0 0 1rem; }
body main.renewal .adoption-action p { font-size: 1.0625rem; line-height: 1.85; margin: 0 0 1.5rem; }
body main.renewal .adoption-action .button { width: 100%; min-height: 3.75rem; padding: 1rem; font-size: 1.0625rem; line-height: 1.6; white-space: normal; text-align: center; background: #f2cf32; border: 0; color: var(--ink); }
body main.renewal .adoption-action .button:hover { background: #e7bf1f; }
body main.renewal .adoption-action .adoption-deadline { font-size: .9375rem; color: #142c4b; font-weight: 700; line-height: 1.7; text-align: center; margin: .875rem 0 0; }
body main.renewal .adoption-note { display: block; margin-top: 1rem; font-size: .875rem; line-height: 1.8; color: var(--copy-ink); }
@media(max-width:1050px) {
  body main.renewal .adoption-band { gap: 2rem; padding: 2rem; }
  body main.renewal .adoption-action { padding-left: 2rem; }
}
@media(max-width:900px) {
  body main.renewal .adoption-band { grid-template-columns: 1fr; }
  body main.renewal .adoption-action { padding: 1.75rem 0 0; border-left: 0; border-top: 1px solid #cfe4ee; }
}
@media(max-width:760px) {
  body main.renewal .adoption-section { padding: 1.5rem 0 1rem; }
  body main.renewal .adoption-band { padding: 1.5rem; gap: 1.5rem; }
  body main.renewal .adoption-band h2 { font-size: clamp(1.5rem,5.8vw,1.875rem); }
  body main.renewal .adoption-mobile-break { display: block; }
  body main.renewal .adoption-band .adoption-lead { font-size: 1.125rem; }
  body main.renewal .adoption-action h3 { font-size: 1.25rem; }
  body main.renewal .adoption-action .button { font-size: 1rem; }
}

/* Small-screen finishing: intrinsic images, usable targets, and stable wrapping. */
@media(max-width:760px) {
  body { --page-gutter: 1.25rem; }
  body .header-inner { width: calc(100% - 2rem); min-height: 4.25rem; gap: .625rem; }
  body .header .brand { flex-shrink: 0; }
  body .header .brand img { width: 2.25rem; height: auto; }
  body .header-cta { font-size: .875rem; line-height: 1.5; min-height: 2.75rem; padding: .625rem .75rem; white-space: nowrap; margin-left: auto; }
  body .header-cta svg { display: none; }
  body .mobile-menu-toggle { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
  body .mobile-site-nav:not([hidden]) { max-height: calc(100svh - 4.25rem); overflow-y: auto; padding-inline: 1.25rem; }
  body .mobile-site-nav a { min-height: 3rem; font-size: 1rem; }
  body .mobile-site-nav a span { font-size: .875rem; }
  body main.renewal .container { min-width: 0; }
  body main.renewal .renewal-hero { flex-direction: column; align-items: stretch; min-height: 0; padding: 2.5rem 0 0; gap: .75rem; overflow: visible; }
  body main.renewal .renewal-hero > .container { order: 1; }
  body main.renewal .renewal-hero-backdrop { position: relative; inset: auto; order: 2; z-index: 0; width: 100%; height: auto; }
  body main.renewal .renewal-hero-backdrop img { display: block; width: 100%; height: auto; object-fit: contain; }
  body main.renewal .renewal-hero > .container > .eyebrow { font-size: .875rem; letter-spacing: 0; line-height: 1.75; gap: .5rem; }
  body main.renewal .renewal-hero h1.renewal-pain-headline { font-size: clamp(1.25rem,6.6vw,2.125rem); line-height: 1.6; letter-spacing: -.035em; max-width: 100%; margin: 1rem 0 1.25rem; }
  body main.renewal .renewal-pain-headline > span + span { margin-top: 0; }
  body main.renewal .renewal-hero .renewal-hero-lead { font-size: 1.0625rem; line-height: 1.85; max-width: 100%; }
  body main.renewal .renewal-target { margin-top: 1.25rem; }
  body main.renewal .renewal-target strong,
  body main.renewal .renewal-target p { font-size: 1rem; line-height: 1.8; }
  body main.renewal .renewal-actions { margin-top: 1.5rem; }
  body main.renewal .button { width: 100%; min-height: 3.5rem; padding: .875rem 1rem; white-space: normal; text-align: center; line-height: 1.6; }
  body main.renewal h2 { font-size: clamp(1.5rem,6.8vw,1.875rem); line-height: 1.55; letter-spacing: -.025em; }
  body main.renewal .adoption-band { padding: 1.375rem; }
  body main.renewal .adoption-announcement { gap: .625rem; margin-bottom: 1.25rem; }
  body main.renewal .adoption-program { width: 100%; font-size: .875rem; }
  body main.renewal .adoption-badge { font-size: .9375rem; }
  body main.renewal .adoption-band h2 { font-size: clamp(1.25rem,5.4vw,1.75rem); line-height: 1.6; }
  body main.renewal .adoption-action { padding-top: 1.5rem; }
  body main.renewal .adoption-action h3 { font-size: 1.25rem; }
  body main.renewal .adoption-action .adoption-deadline { text-align: left; font-size: .875rem; }
  body main.renewal .framework-title { font-size: 1.25rem; line-height: 1.7; }
  body main.renewal .framework-title small { display: block; margin: .25rem 0 0; }
  body main.renewal .framework-elements article { grid-template-columns: 2.5rem minmax(0,1fr); gap: .25rem .75rem; padding: 1.25rem; }
  body main.renewal .framework-elements h4 { font-size: 1.0625rem; line-height: 1.7; }
  body main.renewal .framework-elements p { font-size: 1rem; line-height: 1.8; }
  body main.renewal .service-demo .hero-product-bottom { display: grid; grid-template-columns: minmax(0,1fr) 2.75rem 2.75rem; gap: .5rem; align-items: center; }
  body main.renewal .service-demo .hero-product-bottom > span { min-width: 0; white-space: normal; font-size: .875rem; letter-spacing: 0; }
  body main.renewal .service-demo .hero-product-bottom > span i { display: none; }
  body main.renewal .service-demo .hero-product-video { display: block; width: 100%; height: auto; }
  body main.renewal .comparison-block { min-width: 0; }
  body main.renewal [data-slot=table-container] { max-width: 100%; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; border-radius: .5rem; }
  body main.renewal .comparison { table-layout: fixed; min-width: 48rem; }
  body main.renewal .comparison th,
  body main.renewal .comparison td { white-space: normal; overflow-wrap: anywhere; padding: 1rem; font-size: 1rem; line-height: 1.75; }
  body main.renewal .comparison th:first-child { width: 8rem; }
  body main.renewal .client-record-heading { align-items: start; }
  body main.renewal .client-record-scope { text-align: left; }
  body main.renewal .renewal-faq > h3 { font-size: 1.5rem; }
  body main.renewal .faq [data-slot=accordion-trigger] { display: grid; grid-template-columns: 1.5rem minmax(0,1fr) 1rem; gap: .625rem; align-items: start; padding-block: 1.25rem; font-size: 1.0625rem; line-height: 1.75; }
  body main.renewal .faq .question-mark { margin: 0; line-height: 1.75; }
  body main.renewal .faq .faq-question-label { min-width: 0; }
  body main.renewal .faq [data-slot=accordion-trigger] > svg { margin-top: .375rem; }
  body main.renewal .consultation-band { padding: 1.375rem; }
  body main.renewal .consultation-band h2 { font-size: clamp(1.25rem,5.5vw,1.75rem); }
  body main.renewal .company-dl > div { grid-template-columns: 1fr; gap: .375rem; padding-block: 1rem; }
  body main.renewal .company-dl dt { font-size: .9375rem; font-weight: 700; }
  body main.renewal .company-dl dd { font-size: 1rem; line-height: 1.85; }
  body .footer .container { width: calc(100% - 2.5rem); }
  body .footer-top { gap: 1.5rem; }
  body .footer-nav a { font-size: 1rem; padding-block: .5rem; }
  body .footer-bottom { flex-wrap: wrap; gap: .75rem; font-size: .875rem; }
}
@media(max-width:360px) {
  body .header-inner { gap: .5rem; }
  body .header-cta { font-size: .8125rem; padding-inline: .625rem; }
  body main.renewal .adoption-band,
  body main.renewal .consultation-band { padding: 1.125rem; }
  body main.renewal .hero-copy-keep { white-space: normal; }
}

body main.renewal .comparison thead th:last-child { background: #f2f9fc; color: #142c4b; font-size: 1.125rem; }
body main.renewal .comparison tbody td:last-child { background: #fff; color: #243c56; font-weight: 400; }
/* Comparison rows keep their column colors when hovered or selected. */
body main.renewal .comparison tbody tr,
body main.renewal .comparison tbody tr:hover,
body main.renewal .comparison tbody tr[data-state="selected"] { background: #fff; }
body main.renewal .comparison tbody th,
body main.renewal .comparison tbody td { background: #fff; }
body main.renewal .comparison tbody td:nth-child(2) { background: #eaf6fa; }

/* Close the pain cards as part of the same section. */
body main.renewal .simple-change { border: 0; padding: 0; margin: 2.75rem auto 0; text-align: center; max-width: 65rem; }
body main.renewal .simple-change h3 { margin: 0 0 1rem; font-size: clamp(1.625rem,2.5vw,2.125rem); line-height: 1.6; letter-spacing: -.025em; }
body main.renewal .simple-change h3 > span { font: inherit; color: inherit; }
body main.renewal .simple-change p { font-size: 1rem; line-height: 1.8; margin: 0; }
body main.renewal #problem { padding-bottom: 3.5rem; }
body main.renewal #framework { padding-top: 3.5rem; }
@media(max-width:760px) {
  body main.renewal .simple-change { margin-top: 2rem; }
  body main.renewal .simple-change h3 { font-size: clamp(1.5rem,6.4vw,1.875rem); margin-bottom: .875rem; }
  body main.renewal .simple-change h3 > span { display: block; }
  body main.renewal .simple-change p { font-size: 1rem; max-width: 25rem; margin-inline: auto; }
  body main.renewal #problem { padding-bottom: 2.5rem; }
  body main.renewal #framework { padding-top: 2.5rem; }
}

/* Compact footer without the repeated mission statement. */
body .footer { padding-block: 2.5rem 1.5rem; }
body .footer-top { padding-bottom: 1.5rem; align-items: center; }
body .footer-nav { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 760px) {
  body .footer { padding-block: 2rem 1.25rem; }
  body .footer-nav { justify-content: flex-start; }
}

/* Align every FAQ question with its marker. */
body main.renewal .faq [data-slot=accordion-trigger] { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) 1rem; gap: 1rem; text-align: left; align-items: start; }
body main.renewal .faq .faq-question-label { min-width: 0; text-align: left; justify-self: stretch; }
body main.renewal .faq [data-slot=accordion-trigger] > svg { justify-self: end; margin-top: .375rem; }
@media (max-width: 760px) { body main.renewal .faq [data-slot=accordion-trigger] { gap: .625rem; } }

/* Keep failure criteria within the framework narrative. */
body main.renewal .framework-knockout { display:grid; grid-template-columns: .9fr 1.1fr; gap:2.5rem; padding:2rem 0; border-block:1px solid var(--surface-line); margin:2rem 0; }
body main.renewal .knockout-label { color:#086c80; font-size:1rem; font-weight:700; margin:0 0 .75rem; }
body main.renewal .framework-knockout h3 { font-size:clamp(1.5rem,2.3vw,1.875rem); line-height:1.65; letter-spacing:-.025em; }
body main.renewal .framework-knockout p { line-height:1.85; }
body main.renewal .framework-knockout ul { margin:1rem 0 0; padding-left:1.25rem; font-size:1rem; line-height:1.8; color:#243c56; }
@media(max-width:900px) { body main.renewal .framework-knockout { grid-template-columns:1fr; gap:1.25rem; padding:1.5rem 0; } }

/* Shared criteria and three readable examples, following the supplied reference. */
body main.renewal .framework-knockout { gap:2rem 3rem; }
body main.renewal .knockout-examples { grid-column:1 / -1; }
body main.renewal .knockout-examples h4 { margin:0 0 1.25rem; font-size:1.125rem; color:var(--ink); }
body main.renewal .knockout-examples ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:0; list-style:none; }
body main.renewal .knockout-examples li { display:flex; align-items:center; gap:1rem; padding:1rem 1.25rem; border-left:1px solid var(--surface-line); min-width:0; }
body main.renewal .knockout-examples li:first-child { border-left:0; padding-left:0; }
body main.renewal .knockout-icon { display:grid; place-items:center; width:5rem; height:5rem; flex-shrink:0; border-radius:50%; background:#e6f4fa; color:#086c80; }
body main.renewal .knockout-icon svg { width:2.75rem; height:2.75rem; stroke-width:1.5; }
body main.renewal .knockout-examples strong { font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.8; color:var(--ink); }
body main.renewal .knockout-examples em { font-style:normal; text-decoration:underline; text-decoration-color:#098d9d; text-decoration-thickness:3px; text-underline-offset:.4rem; }
@media(max-width:1050px) { body main.renewal .knockout-examples ul { grid-template-columns:1fr; } body main.renewal .knockout-examples li,body main.renewal .knockout-examples li:first-child { border-left:0; border-top:1px solid var(--surface-line); padding:1.25rem 0; } body main.renewal .knockout-examples li:first-child { border-top:0; } body main.renewal .knockout-examples strong { font-size:1.125rem; } }

/* Framework: five views, one continuous standard. */
body main.renewal .expectations-framework { color:#09234b; }
body main.renewal .expectations-eyebrow { display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#008aaa;font-size:17px;font-weight:700;margin:0 0 20px; }
body main.renewal .expectations-eyebrow span {color:#435775;font-size:14px;font-weight:400;}
body main.renewal .expectations-framework h2 {font-size:clamp(28px,3.3vw,46px);line-height:1.45;margin:0 0 20px;letter-spacing:-.035em;}
body main.renewal .expectations-framework h2 em {color:#0099b7;font-style:normal;font-size:1.16em;}
body main.renewal .expectations-framework p {line-height:1.8;}
body main.renewal .expectations-lead {font-size:20px;margin:0;color:#263e60;}
body main.renewal .expectations-overview {display:grid;grid-template-columns: .95fr 1.05fr;gap:40px;align-items:center;margin:40px 0 0;}
body main.renewal .expectations-overview .artwork-detail {width:100%;min-width:0;}
body main.renewal .expectations-elements article {display:grid;grid-template-columns:56px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid #c7dfe9;}
body main.renewal .expectations-elements article:last-child {border-bottom:0;}
body main.renewal .expectations-letter {font-size:58px;font-weight:700;line-height:1.1;color:#09234b;}
body main.renewal .expectations-elements h3 {font-size:21px;line-height:1.5;margin:0 0 8px;}
body main.renewal .expectations-elements p {font-size:16px;color:#344b69;margin:0;}
body main.renewal .expectations-elements .expectations-name {color:#008ca9;font-weight:700;font-size:17px;margin-bottom:2px;}
body main.renewal .expectations-continuity {background:white;padding:40px;margin-top:40px;border-radius:12px;}
body main.renewal .expectations-framework h3 {letter-spacing:-.02em;}
body main.renewal .expectations-continuity>h3,body main.renewal .expectations-knockout>h3 {font-size:clamp(25px,2.5vw,34px);line-height:1.5;margin:0 0 12px;}
body main.renewal .expectations-continuity>p,body main.renewal .expectations-knockout>p:not(.expectations-eyebrow) {font-size:18px;color:#344b69;margin:0;}
body main.renewal .expectations-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px;}
body main.renewal .expectations-steps article {position:relative;background:#f0f9fc;border-radius:12px;padding:24px;}
body main.renewal .expectations-step-top {display:flex;gap:15px;align-items:flex-start;}
body main.renewal .expectations-icon {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:58px;height:58px;border-radius:50%;background:#def3f9;color:#007c9c;}
body main.renewal .expectations-icon svg {width:30px;height:30px;stroke-width:1.7;}
body main.renewal .expectations-step-top p,body main.renewal .expectations-example p {font-size:16px;color:#007c9c;font-weight:700;margin:0 0 6px;}
body main.renewal .expectations-framework h4 {font-size:20px;line-height:1.55;margin:0;color:#09234b;}
body main.renewal .expectations-steps article>p {font-size:17px;color:#344b69;margin:16px 0 0;}
body main.renewal .expectations-arrow {position:absolute;right:-29px;top:45%;width:26px;color:#00a3b9;}
body main.renewal .expectations-knockout {padding:40px 0 0;}
body main.renewal .expectations-knockout .expectations-eyebrow {margin-bottom:14px;}
body main.renewal .expectations-example {display:grid;grid-template-columns:auto 1fr 30px 1fr;align-items:center;gap:24px;background:#fff;border:1px solid #b6dce9;border-radius:12px;padding:24px;margin-top:24px;}
body main.renewal .expectations-example>div {display:flex;align-items:center;gap:16px;min-width:0;}
body main.renewal .expectations-example-label {align-self:start;background:#e2f4f9;color:#006b8e;padding:6px 12px;border-radius:6px;font-weight:700;font-size:15px;}
body main.renewal .expectations-example-arrow {color:#00a3b9;width:28px;}
@media(max-width:900px){
 body main.renewal .expectations-overview {grid-template-columns:1fr;gap:20px;margin-top:25px;}
 body main.renewal .expectations-overview .artwork-detail {max-width:480px;margin:auto;}
 body main.renewal .expectations-steps {grid-template-columns:1fr;gap:28px;}
 body main.renewal .expectations-arrow {right:auto;left:calc(50% - 13px);top:auto;bottom:-27px;transform:rotate(90deg);}
 body main.renewal .expectations-example {grid-template-columns:1fr;gap:18px;}
 body main.renewal .expectations-example-label {justify-self:start;}
 body main.renewal .expectations-example-arrow {justify-self:center;transform:rotate(90deg);}
}
@media(max-width:600px){
 body main.renewal .expectations-framework h2 {font-size:29px;line-height:1.5;}
 body main.renewal .expectations-lead {font-size:18px;}
 body main.renewal .expectations-eyebrow {font-size:16px;gap:6px;}
 body main.renewal .expectations-elements article {grid-template-columns:42px 1fr;gap:15px;padding:20px 0;}
 body main.renewal .expectations-letter {font-size:46px;}
 body main.renewal .expectations-elements h3 {font-size:20px;}
 body main.renewal .expectations-continuity {padding:24px 18px;margin-top:28px;}
 body main.renewal .expectations-steps article {padding:20px;}
 body main.renewal .expectations-example {padding:20px;}
 body main.renewal .expectations-framework h4 {font-size:19px;}
 body main.renewal .expectations-knockout {padding-top:32px;}
}

body.admin-bar .header{top:32px}.wp-contact-wrap{max-width:780px;margin:0 auto}.orbit-contact-form{display:grid;gap:22px}.orbit-contact-form label{display:grid;gap:9px;font-size:17px;font-weight:700}.orbit-contact-form input,.orbit-contact-form select,.orbit-contact-form textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #a9bacb;border-radius:8px;background:white;color:#09234b;font:inherit}.orbit-contact-form textarea{min-height:180px}.orbit-contact-form .consent{display:flex;align-items:flex-start;font-weight:400;gap:12px}.orbit-contact-form .consent input{width:20px;height:20px;flex:none}.orbit-contact-form .honey{position:absolute;left:-10000px}.orbit-form-notice{padding:18px;background:#edf8fc;border:1px solid #98c8d9;border-radius:8px;margin-bottom:24px}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details [data-slot=accordion-content]{padding:10px 30px 25px;font-size:17px;line-height:1.9}.faq details[open] summary>span:last-child{transform:rotate(45deg)}@media(max-width:782px){body.admin-bar .header{top:46px}}

/* Contact page: introductory copy and required consultation fields. */
body main.orbit-contact-page .orbit-contact-section{padding:50px 0 70px}
body main.orbit-contact-page .orbit-contact-layout{max-width:1320px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:74px;align-items:start}
body main.orbit-contact-page .orbit-contact-intro .eyebrow{font-size:12px;margin:0 0 32px;color:#008da3}
body main.orbit-contact-page .orbit-contact-intro h1{font-size:34px;line-height:1.7;letter-spacing:-.035em;margin:0 0 26px;color:#203157}
body main.orbit-contact-page .orbit-contact-intro>p,body main.orbit-contact-page .orbit-contact-after p{font-size:17px;line-height:2;color:#38516e;margin:0}
body main.orbit-contact-page .orbit-contact-points{list-style:none;margin:34px 0 30px;padding:0;border-top:1px solid #c8dce7}
body main.orbit-contact-page .orbit-contact-points li{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid #c8dce7;padding:17px 0;line-height:1.65;font-size:15px;color:#203157}
body main.orbit-contact-page .orbit-contact-points li>span{color:#008da3;font-size:12px;font-weight:700;letter-spacing:.08em;flex:none}
body main.orbit-contact-page .orbit-contact-after{border-top:1px solid #c8dce7;padding-top:24px}
body main.orbit-contact-page .orbit-contact-after h2{font-size:20px;line-height:1.6;margin:0 0 16px;color:#203157}
body main.orbit-contact-page .orbit-contact-after p+p{margin-top:25px}
body main.orbit-contact-page .orbit-contact-panel{padding:38px;border:1px solid #98d8ec;border-radius:12px;background:#f5fafc;scroll-margin-top:110px;min-width:0}
body main.orbit-contact-page .orbit-contact-form-intro{font-size:17px;line-height:1.8;margin:0 0 30px;color:#38516e}
body main.orbit-contact-page .orbit-contact-form{gap:28px}
body main.orbit-contact-page .orbit-contact-form label{font-size:16px;gap:12px;line-height:1.5;color:#38516e;min-width:0}
body main.orbit-contact-page .orbit-required{display:inline-block;background:#0795aa;color:#fff;font-size:12px;font-weight:400;line-height:1.25;padding:1px 5px;margin-left:8px;border-radius:2px;vertical-align:middle;white-space:nowrap}
body main.orbit-contact-page .orbit-contact-form input:not([type=checkbox]),body main.orbit-contact-page .orbit-contact-form select,body main.orbit-contact-page .orbit-contact-form textarea{font-weight:400;font-size:16px;border-color:#a0d4e6;border-radius:6px;padding:15px 13px;color:#38516e;min-width:0}
body main.orbit-contact-page .orbit-contact-form input::placeholder,body main.orbit-contact-page .orbit-contact-form textarea::placeholder{color:#62758e;opacity:1}
body main.orbit-contact-page .orbit-contact-form input:not([type=checkbox]){height:56px}
body main.orbit-contact-page .orbit-contact-form select{height:50px;padding:10px 12px}
body main.orbit-contact-page .orbit-topic-group{border:0;margin:0;padding:0;min-width:0}
body main.orbit-contact-page .orbit-topic-group legend{font-size:14px;font-weight:700;line-height:1.6;color:#38516e;padding:0}
body main.orbit-contact-page .orbit-topic-group>p{font-size:17px;line-height:1.7;margin:14px 0 28px;color:#38516e}
body main.orbit-contact-page .orbit-topic-options{display:grid;gap:12px}
body main.orbit-contact-page .orbit-contact-form .orbit-topic-option{display:flex;align-items:center;gap:12px;border:1px solid #c1e1ee;border-radius:6px;padding:11px 12px;background:#fff;font-size:14px;font-weight:400;cursor:pointer}
body main.orbit-contact-page .orbit-contact-form input[type=checkbox]{appearance:auto;width:19px;height:19px;margin:1px 0 0;padding:0;accent-color:#0795aa;flex:none}
body main.orbit-contact-page .orbit-contact-select-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
body main.orbit-contact-page .orbit-contact-form textarea{min-height:88px;height:88px;resize:vertical;line-height:1.6}
body main.orbit-contact-page .orbit-contact-form .consent{font-size:14px;line-height:1.7;align-items:flex-start;gap:12px}
body main.orbit-contact-page .consent a{text-decoration:underline;text-underline-offset:3px}
body main.orbit-contact-page .orbit-contact-submit{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:0;border-radius:9px;min-height:62px;padding:18px 27px;background:#f4d532;color:#203157;font-size:16px;font-weight:700;cursor:pointer}
body main.orbit-contact-page .orbit-contact-submit>span:last-child{padding-left:14px;border-left:1px solid #dbbe27}
body main.orbit-contact-page .orbit-contact-form :is(input,select,textarea,button):focus-visible{outline:3px solid #008da3;outline-offset:3px}
@media(max-width:1100px){body main.orbit-contact-page .orbit-contact-layout{gap:38px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}body main.orbit-contact-page .orbit-contact-panel{padding:28px}body main.orbit-contact-page .orbit-contact-intro h1{font-size:29px}.orbit-contact-heading-break{display:none}}
@media(max-width:800px){body main.orbit-contact-page .orbit-contact-layout{grid-template-columns:1fr;gap:36px}body main.orbit-contact-page .orbit-contact-section{padding-top:35px}body main.orbit-contact-page .orbit-contact-intro .eyebrow{margin-bottom:20px}body main.orbit-contact-page .orbit-contact-intro h1{font-size:29px;line-height:1.6}body main.orbit-contact-page .orbit-contact-panel{padding:26px 22px}body main.orbit-contact-page .orbit-contact-after p+p{margin-top:16px}}
@media(max-width:480px){body main.orbit-contact-page .orbit-contact-select-row{grid-template-columns:1fr;gap:24px}body main.orbit-contact-page .orbit-contact-panel{padding:24px 16px}body main.orbit-contact-page .orbit-contact-intro h1{font-size:26px}body main.orbit-contact-page .orbit-contact-form .consent{font-size:13px}body main.orbit-contact-page .orbit-contact-submit{padding:17px 18px}}

/* Keep the five challenge cards inside narrow screens without clipping artwork. */
@media(max-width:760px){
 body main.renewal #problem .pain-box-grid{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;}
 body main.renewal #problem .pain-box-grid article:nth-child(n){min-width:0;max-width:100%;width:100%;grid-column:auto;padding:1.5rem 1.125rem 1.125rem;}
 body main.renewal #problem .pain-illustration{min-width:0;width:100%;max-width:24rem;height:auto;margin:.75rem auto 1.125rem;}
 body main.renewal #problem .pain-illustration .artwork-detail{min-width:0;width:100%;max-width:100%;height:auto;}
 body main.renewal #problem .pain-illustration svg{display:block;max-width:100%;width:100%;height:100%;}
 body main.renewal #problem .pain-box-grid h3{min-width:0;max-width:100%;font-size:clamp(1.0625rem,4.8vw,1.25rem);line-height:1.6;overflow-wrap:anywhere;}
}

/* Mobile hero: headline, artwork, explanation, and consultation action. */
body main.renewal .renewal-hero > .container{position:static;}
@media(max-width:760px){
 body main.renewal .renewal-hero{display:block;min-height:0;padding:1.5rem 0 2.25rem;overflow:hidden;}
 body main.renewal .renewal-hero > .container{position:relative;}
 body main.renewal .renewal-hero > .container > .eyebrow{font-size:.8125rem;line-height:1.7;margin:0 0 .625rem;}
 body main.renewal .renewal-hero h1.renewal-pain-headline{font-size:clamp(1.5rem,6.6vw,1.875rem);line-height:1.5;letter-spacing:-.04em;margin:0;max-width:100%;}
 body main.renewal .renewal-hero-backdrop{position:relative;inset:auto;z-index:0;order:initial;width:100%;max-width:28rem;height:auto;aspect-ratio:1.4;margin:.875rem auto 1rem;overflow:hidden;}
 body main.renewal .renewal-hero-backdrop img{display:block;width:145%;max-width:none;height:auto;margin-left:-45%;margin-top:-10%;object-fit:contain;object-position:center;}
 body main.renewal .renewal-hero .renewal-hero-lead{font-size:1rem;line-height:1.85;max-width:100%;margin:0;}
 body main.renewal .renewal-hero .hero-copy-sentence + .hero-copy-sentence{margin-top:.625rem;}
 body main.renewal .renewal-hero .renewal-target{max-width:100%;margin-top:.875rem;padding-top:.75rem;border-top:1px solid #dcebee;}
 body main.renewal .renewal-hero .renewal-target strong{font-size:.875rem;line-height:1.85;}
 body main.renewal .renewal-hero .renewal-target p{font-size:.875rem;line-height:1.75;margin-top:.375rem;}
 body main.renewal .renewal-hero .renewal-actions{margin-top:1rem;}
 body main.renewal .renewal-hero .renewal-actions .button{min-height:3.5rem;font-size:1rem;}
}