/* SB-ITM Website 2027 — v0.3 (EN-US / FR)
   Corporate tokens derived from the existing Web Portal.  Public site only. */
:root{--navy:#0B1F33;--blue:#102B46;--orange:#EF7D00;--orange-l:#FF9F2F;--paper:#F4F7FB;--white:#fff;--ink:#162233;--muted:#63788B;--line:#DEE6EE;--wrap:1192px;--ease:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;color:var(--ink);background:#fff;font-family:'Segoe UI',Inter,'Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.048em}p{line-height:1.78}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.container{max-width:var(--wrap);width:calc(100% - 76px);margin-inline:auto}main{overflow:hidden}section{position:relative}.skip-link{position:absolute;top:-120px;left:20px;z-index:999;background:#fff;color:#111;padding:9px 14px}.skip-link:focus{top:12px}
/* Announcement and global header */
.prototype-ribbon{background:#071929;color:#c3d0dd;min-height:34px;font-size:10px;letter-spacing:.075em}.ribbon-inner,.ribbon-start,.header-content,.header-actions{display:flex;align-items:center}.ribbon-inner{min-height:34px;justify-content:space-between}.ribbon-start{gap:15px}.ribbon-start strong{color:white;letter-spacing:.12em}.ribbon-dot,.orange-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;box-shadow:0 0 0 4px #EF7D0022}.ribbon-right{font-size:9px;letter-spacing:.11em;color:#8EA8BD}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #E6EDF3;box-shadow:0 7px 24px #061C2C0A}.header-content{height:84px;gap:35px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{height:65px;width:65px;object-fit:contain}.brand-details{display:flex;flex-direction:column;gap:0;border-left:1px solid #D7E1EA;padding-left:12px}.brand-details b{font-size:27px;color:var(--navy);font-weight:800;letter-spacing:-.075em;line-height:1.04}.brand-details small{font-size:8px;font-weight:850;color:#7A8D9F;letter-spacing:.19em}.desktop-nav{display:flex;align-items:center;gap:31px;margin-inline:auto}.desktop-nav a{position:relative;font-size:12px;font-weight:700;color:#52697D;white-space:nowrap;padding-block:33px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--navy)}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;height:3px;bottom:19px;left:0;right:0;background:var(--orange);border-radius:9px}.header-actions{gap:17px;flex-shrink:0}.lang-switch{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#A8B6C4}.lang-switch a{padding:5px 2px;color:#8597A6}.lang-switch a[aria-current=true]{color:var(--orange)}.lang-switch a:hover{color:var(--navy)}.portal-link{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #D7E0E9;border-radius:5px;color:var(--navy);font-weight:800;font-size:11px;white-space:nowrap;transition:background .2s,border .2s}.portal-link:hover{background:#F5F8FB;border-color:#9BAFBE}.portal-link svg{width:17px;height:17px;fill:none;stroke:var(--orange);stroke-width:1.6}.portal-link span{color:var(--orange)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;padding:13px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy)}.mobile-nav{display:none}
/* Common components */
.overline{display:flex;align-items:center;gap:11px;text-transform:uppercase;color:#F0A152;font-size:10px;font-weight:850;letter-spacing:.18em;line-height:1.4;margin-bottom:25px}.overline i{width:21px;height:2px;background:var(--orange);display:inline-block;flex:none}.overline.dark{color:#AD5C10}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:5px;padding:15px 22px;min-height:48px;font-size:12px;font-weight:800;line-height:1.25;transition:transform .22s var(--ease),background .2s,box-shadow .2s}.button span{font-size:17px;font-weight:400}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--orange);box-shadow:0 8px 22px #EF7D0024}.button-primary:hover{background:#D97200;box-shadow:0 10px 27px #EF7D0040}.button-text{color:#fff;background:transparent;border:1px solid #FFFFFF65}.button-text:hover{background:#FFFFFF10}.button-navy{color:#fff;background:var(--navy)}.button-navy:hover{background:#153958}.section{padding:104px 0}.section-white{background:#fff}.section-paper{background:var(--paper)}.section-navy{background:var(--navy);color:#fff}.section-head{margin-bottom:46px}.section-head h2{font-size:clamp(33px,3.5vw,49px);font-weight:770;max-width:700px;margin:0}.section-head p:not(.overline){color:#6A7B8A;font-size:14px;line-height:1.95;max-width:470px;margin:0}.section-head.two-col-head{display:grid;grid-template-columns:1.05fr .7fr;gap:86px;align-items:end}.section-head.centered{text-align:center}.section-head.centered .overline{justify-content:center}.section-head.centered h2{margin:0 auto}.section-navy .section-head h2{color:#fff}.inline-light,.inline-dark{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:12px;padding-bottom:7px;border-bottom:1px solid var(--orange);transition:gap .2s}.inline-light{color:#fff}.inline-dark{color:var(--navy)}.inline-light:hover,.inline-dark:hover{gap:16px;color:var(--orange)}.compact-bottom{padding-block:77px}
/* Home hero */
.hero-home{color:#fff;background:radial-gradient(ellipse at 79% 24%,#244864 0%,transparent 47%),linear-gradient(120deg,#081B2D,#112F4B 80%);isolation:isolate}.hero-home::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(90deg,#FFFFFF0B 1px,transparent 1px),linear-gradient(#FFFFFF0B 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .95fr;align-items:center;gap:58px;min-height:645px;padding-block:77px 92px}.hero-writing h1{font-size:clamp(48px,5vw,76px);font-weight:780;max-width:680px;margin-bottom:27px;line-height:1.08;letter-spacing:-.067em}.hero-writing h1 em{color:#F0A457;font-style:normal}.hero-description{font-size:15px;color:#C8D5E2;line-height:1.94;max-width:550px;margin-bottom:27px}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-micro{font-size:10px;letter-spacing:.025em;color:#99B1C4;display:flex;align-items:center;gap:12px;margin:26px 0 0}
.hero-system{border-radius:8px;border:1px solid #61809A55;background:#102B44BB;box-shadow:0 27px 70px #03122165;overflow:hidden;backdrop-filter:blur(8px)}.system-head,.system-bottom{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#91AABF;border-bottom:1px solid #FFFFFF1A;letter-spacing:.115em;font-size:9px;font-weight:800}.system-head>span{display:flex;align-items:center;gap:12px}.system-intro{height:193px;padding:26px;position:relative;border-bottom:1px solid #FFFFFF18}.system-intro .system-small{font-size:9px;letter-spacing:.12em;color:#91AABF;font-weight:800}.system-intro h2{font-size:27px;line-height:1.26;margin-top:15px;position:relative;z-index:2;max-width:300px}.system-intro h2 em{font-style:normal;font-weight:500;color:#D4E1EA}.system-orbit{position:absolute;right:39px;top:26px;width:150px;height:150px;display:grid;place-items:center}.orbit-track{position:absolute;width:104px;height:104px;border:1px solid #EF7D006A;border-radius:50%;box-shadow:0 0 0 15px #F181000A}.orbit-track.outer{width:147px;height:147px;border-color:#9BB9D536}.orbit-center{font-size:49px;color:#EC8F28;font-weight:650;letter-spacing:-.1em}.system-steps{display:grid;grid-template-columns:1fr 1fr}.system-step{padding:22px 18px;display:flex;gap:16px;position:relative;align-items:flex-start;border-right:1px solid #FFFFFF19;border-bottom:1px solid #FFFFFF19}.system-step>span:first-child{color:#EF993F;font-size:11px;font-weight:900}.system-step b{display:block;color:white;font-size:11px;letter-spacing:.13em}.system-step small{color:#A8BDCF;display:block;font-size:11px;line-height:1.6;margin-top:7px}.step-point{width:5px;height:5px;border:1px solid #EF7D00;background:var(--orange);border-radius:50%;position:absolute;right:15px;top:25px}.system-bottom{border-bottom:0;padding-block:12px;font-size:8px;letter-spacing:.12em}.trust-bar{background:#F9FBFD;border-bottom:1px solid var(--line)}.trust-bar .container{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;padding-block:25px}.trust-bar span{font-size:11px;color:#557187;font-weight:800;letter-spacing:.045em}.trust-bar span::before{content:'●';font-size:6px;color:var(--orange);margin-right:13px}
/* Home sections */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why-card{border:1px solid #E3EBF2;background:white;padding:31px 27px 30px;min-height:312px;transition:transform .22s,box-shadow .2s}.why-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px #163B5810}.numeral{font-size:12px;color:var(--orange);font-weight:900;letter-spacing:.06em}.numeral i{font-style:normal;color:#B9C6D1}.why-motif{height:88px;position:relative;margin-block:4px 11px}.why-motif:before{content:'';display:block;width:80px;height:52px;position:absolute;top:17px;left:7px;border:2px solid #EF7D00;border-radius:40px 2px 40px 2px;transform:rotate(-10deg)}.motif-2:before{border-radius:6px;transform:skew(-10deg);width:87px;height:55px}.motif-3:before{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 10px #EF7D0014}.why-card h3{font-size:22px;color:var(--navy);margin-bottom:13px}.why-card p{font-size:12px;color:#687B8A;margin:0}.workflow-block{background:radial-gradient(ellipse at 80% 80%,#173E5F 0,transparent 45%),var(--navy)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #FFFFFF2C;margin:52px 0 28px}.workflow-item{padding:29px 25px 34px;border-right:1px solid #FFFFFF22}.workflow-item:last-child{border-right:0}.workflow-idx{color:#5D829E;font-size:35px;font-weight:700;display:block;line-height:1}.workflow-tag{display:block;color:#F79D43;font-size:10px;font-weight:850;letter-spacing:.15em;margin:27px 0 12px}.workflow-item h3{font-size:21px;max-width:180px}.workflow-item p{color:#ACBED0;font-size:12px;margin:0}.engine-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.engine-tile{overflow:hidden;border:1px solid #D6E2EB;border-radius:6px;background:#fff;position:relative;min-height:410px;display:flex;flex-direction:column;box-shadow:0 14px 29px #0B315115;transition:transform .24s,box-shadow .24s}.engine-tile:hover{transform:translateY(-5px);box-shadow:0 23px 46px #0B315127}.tile-index{position:absolute;top:23px;left:27px;font-size:10px;letter-spacing:.16em;font-weight:900;z-index:2;color:#fff}.tile-graphic{height:155px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#315D7B,var(--blue))}.tile-graphic::before,.tile-graphic::after{content:'';position:absolute;inset:18px 40px;border:1px solid #FFFFFF37;border-radius:50%;transform:rotate(-20deg)}.tile-graphic::after{inset:38px 100px;border-color:#FF9F2F67}.tile-graphic span{position:absolute;display:block;border-radius:50%;background:var(--orange);height:8px;width:8px}.graphic-swing span:nth-child(1){left:22%;top:60%}.graphic-swing span:nth-child(2){left:40%;top:46%}.graphic-swing span:nth-child(3){left:60%;top:40%}.graphic-swing span:nth-child(4){left:79%;top:22%}.graphic-intra{background:radial-gradient(circle at 30% 70%,#376587,var(--navy))}.graphic-intra span{width:56px;height:56px;background:transparent;border:2px solid #EE8F31;top:55px}.graphic-intra span:nth-child(1){left:23%}.graphic-intra span:nth-child(2){left:47%}.graphic-intra span:nth-child(3){left:71%}.tile-body{padding:29px;display:flex;flex:1;flex-direction:column}.tile-sub{font-size:11px;color:#AE651E;font-weight:850;letter-spacing:.02em}.tile-body h3{font-size:31px;margin:12px 0}.tile-body p{font-size:12px;color:#667B8B;max-width:480px}.tile-link{color:var(--navy);font-size:12px;font-weight:850;margin-top:auto;padding-top:16px}.offer-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #E1E9F1;box-shadow:0 15px 39px #133D5910}.offer-col{padding:40px 43px;background:#F8FAFC}.offer-col.featured{background:var(--navy);color:#fff}.offer-tag{color:var(--orange);font-size:10px;letter-spacing:.15em;font-weight:900}.offer-col h3{font-size:32px;margin:21px 0}.offer-col p{font-size:13px;color:#63798B;max-width:470px}.offer-col.featured p{color:#BDCEDD}.offer-col .inline-dark{margin-top:15px}.offer-col.featured .inline-dark{color:#fff}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.proof-panel{background:#fff;border:1px solid #DCE7EF;border-radius:5px;overflow:hidden;transition:transform .22s}.proof-panel:hover{transform:translateY(-3px)}.proof-visual{height:167px;background:linear-gradient(135deg,var(--blue),#285777);position:relative;display:grid;place-items:center;overflow:hidden}.play-art::before{content:'';width:230px;height:230px;position:absolute;border:1px solid #FFFFFF42;border-radius:50%;box-shadow:0 0 0 35px #FFFFFF09,0 0 0 70px #FFFFFF07}.play-ring{height:65px;width:65px;display:grid;place-items:center;border:2px solid #F4A95F;border-radius:50%;color:var(--orange-l);font-size:23px;position:relative;z-index:1}.docs-art{display:flex;gap:13px}.docs-art span{background:#F8FCFF;border:1px solid #D1E0EA;color:var(--orange);font-size:19px;font-weight:800;padding:27px 18px;box-shadow:6px 5px 0 #0A233A}.proof-content{padding:28px 30px 34px}.proof-content h3{font-size:23px}.proof-content p{font-size:12px;color:#657989}.proof-content .inline-dark{margin-top:10px}
/* Interior page heroes */
.sub-hero{padding:82px 0 92px}.sub-hero-dark{color:#fff;background:radial-gradient(circle at 81% 23%,#27526F 0%,transparent 45%),linear-gradient(120deg,#071C30,var(--blue))}.sub-hero-light{background:radial-gradient(ellipse at 85% 40%,#D8E8F5 0,transparent 46%),#F5F8FC}.sub-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.sub-hero h1{font-size:clamp(43px,4.6vw,64px);margin:0 0 28px}.sub-hero h1 em{font-style:normal;color:#F39A42}.sub-hero-light h1 em{color:#C66B0A}.sub-hero p:not(.overline){font-size:14px;line-height:1.9;max-width:590px;color:#BBD0DE;margin-bottom:29px}.sub-hero-light p:not(.overline){color:#61798B}
.architecture-board,.horizon-board{border:1px solid #6C92AF6B;background:#102D47A9;border-radius:6px;padding:28px;box-shadow:0 24px 52px #061A2D50}.architecture-label,.architecture-foot,.horizon-head,.horizon-foot{font-size:10px;letter-spacing:.15em;color:#F0A15B;font-weight:800}.architecture-row{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #FFFFFF20}.architecture-row>span{color:#F5A352;font-size:12px;font-weight:900}.architecture-row b{font-size:12px;letter-spacing:.09em;display:block}.architecture-row small{display:block;color:#A0B9CC;font-size:11px;margin-top:4px}.architecture-led{height:7px;width:7px;background:var(--orange);margin-left:auto;border-radius:50%;box-shadow:0 0 0 5px #EF7D0020}.architecture-foot{margin-top:22px;color:#789AB5;font-size:9px}.horizon-board{color:#fff;box-shadow:0 20px 50px #102C4B19}.horizon-row{display:flex;align-items:center;gap:15px;margin-top:35px}.horizon-row>b{width:90px;font-size:10px;letter-spacing:.15em}.horizon-bars{display:flex;align-items:end;gap:6px;flex:1;height:66px}.horizon-bars i{height:39px;background:linear-gradient(0deg,#EF7D00,#F6AE65);flex:1;opacity:.83;clip-path:polygon(0% 25%,100% 0%,100% 100%,0% 100%)}.horizon-bars i:nth-child(2n){height:53px}.horizon-bars i:nth-child(3n){height:28px}.horizon-bars.short{max-width:66%}.horizon-bars.short i{background:linear-gradient(0deg,#517E9D,#A8D1E8)}.horizon-foot{font-size:9px;color:#A5B8C8;margin-top:30px;border-top:1px solid #FFFFFF24;padding-top:15px}
/* Ecosystem */
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.process-card{padding:32px;display:flex;gap:22px;border:1px solid var(--line);background:#fff}.process-card>span{font-size:35px;color:var(--orange);font-weight:750;line-height:1}.process-card h3{font-size:23px}.process-card p{font-size:12px;color:#657E90;margin:0}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #D7E3EC;border-left:1px solid #D7E3EC}.cap-item{padding:29px 25px;border-bottom:1px solid #D7E3EC;border-right:1px solid #D7E3EC;min-height:208px;background:#fff}.cap-number{font-size:10px;color:#B26E28;font-weight:800}.cap-item h3{font-size:22px;margin:22px 0 10px}.cap-item p{font-size:12px;color:#64798C;margin:0}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}.boundary-col{padding:30px 30px 28px;border:1px solid #5671877A;border-radius:5px;background:#FFFFFF06}.boundary-col h3{font-size:23px}.boundary-col h3 span{color:var(--orange-l);margin-right:12px}.boundary-col ul{margin:16px 0 0;padding-left:19px;color:#BCD0E0;font-size:13px;line-height:2.25}.boundary-col li::marker{color:#E59640}.boundary-note{color:#9EBACE;font-size:11px;margin:22px 0 0}.statement-row{display:flex;align-items:center;justify-content:space-between;gap:60px}.statement-row>div{max-width:750px}.statement-row h2{font-size:clamp(30px,3.5vw,45px);margin:0 0 15px}.statement-row p:not(.overline){color:#688093;font-size:13px;margin:0}.statement-row .button{flex-shrink:0}
/* Trading engines */
.engine-tablist{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:2px solid #DFE8EF}.engine-tab{border:0;background:#F4F7FB;padding:18px 24px;font-size:15px;color:#60778B;text-align:left;font-weight:800;display:flex;justify-content:space-between}.engine-tab.active{background:var(--navy);color:#fff}.engine-tab span{color:var(--orange)}.engine-detail{padding:45px 0 0}.engine-detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:62px}.engine-chip{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#B9670D;border:1px solid #F0C697;padding:5px 10px}.engine-detail-copy h3{font-size:clamp(31px,3.5vw,49px);margin:18px 0}.detail-lead{font-size:14px;color:#587084}.feature-points{margin-top:28px}.feature-points>div{display:flex;gap:20px;margin:0 0 21px}.feature-points>div>span{font-size:12px;font-weight:900;color:var(--orange)}.feature-points b{font-size:14px;color:var(--navy)}.feature-points p{font-size:12px;color:#687E90;margin:6px 0 0}.engine-chart{min-height:330px;border-radius:6px;padding:25px;background:radial-gradient(circle at 65% 50%,#254E6D,var(--navy));color:#fff;display:flex;flex-direction:column;box-shadow:0 19px 42px #0E334B22}.chart-header,.chart-foot{font-size:10px;letter-spacing:.12em;color:#F0A152;font-weight:800}.chart-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:230px}.chart-wave{height:110px;display:flex;justify-content:space-between;align-items:end;gap:6px;border-bottom:2px solid #C9DFEE3D}.chart-wave span{flex:1;height:27%;background:linear-gradient(180deg,#E8974B,#EF7D0040);border-radius:3px 3px 0 0}.chart-wave span:nth-child(2){height:40%}.chart-wave span:nth-child(3){height:35%}.chart-wave span:nth-child(4){height:60%}.chart-wave span:nth-child(5){height:52%}.chart-wave span:nth-child(6){height:75%}.chart-wave span:nth-child(7){height:62%}.chart-wave span:nth-child(8){height:93%}.chart-caption{display:flex;justify-content:space-between;color:#ABC2D4;font-size:11px;margin-top:16px}.capital-cycle{display:flex;align-items:center;justify-content:center;gap:11px}.capital-cycle span{width:74px;height:74px;border:2px solid #F09C49;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff}.capital-cycle b{font-size:25px;color:#EF7D00}.capital-arrow{text-align:center;color:#A5BDD0;font-size:10px;letter-spacing:.12em;margin-top:24px}.chart-foot{color:#94B1C7;border-top:1px solid #FFFFFF20;padding-top:15px}.engine-caveat{background:#FFF8EE;border-left:3px solid var(--orange);font-size:12px;color:#685942;padding:14px 20px;margin:35px 0 0}.comparison-table{border:1px solid #DCE6EF;background:#fff}.compare-head,.compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;padding:20px 26px}.compare-head{background:var(--navy);color:#fff;font-size:12px}.compare-head b{font-size:14px}.compare-row{border-bottom:1px solid #E8EEF3;font-size:12px;color:#64798C}.compare-row:last-child{border-bottom:0}.compare-row strong{color:var(--navy)}
/* Library & FAQ */
.resource-hero-art{height:265px;position:relative;perspective:800px}.book-art{position:absolute;top:24px;width:205px;height:226px;padding:25px 19px;background:linear-gradient(160deg,#234962,#0B1F33);color:#fff;border:1px solid #9CB1BF70;box-shadow:18px 23px 35px #0004;transform:rotate(-9deg);display:flex;flex-direction:column;gap:25px}.book-art span{color:var(--orange-l);font-size:12px;font-weight:850}.book-art b{font-size:22px;line-height:1.16;letter-spacing:-.05em}.book-art small{font-size:10px;color:#A5C0D3;margin-top:auto}.book-art.b1{left:0}.book-art.b2{left:135px;top:10px;transform:rotate(5deg);background:linear-gradient(145deg,#28617D,#13374F)}.book-art.b3{left:270px;transform:rotate(14deg);background:linear-gradient(155deg,#12324F,#14293F)}.live-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.live-play{min-height:310px;background:radial-gradient(circle at 50% 50%,#315F7E,var(--navy));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:#B4CFDF;font-size:11px;letter-spacing:.13em;position:relative;overflow:hidden}.live-play::before{content:'';position:absolute;width:250px;height:250px;border:1px solid #FFFFFF48;border-radius:50%;box-shadow:0 0 0 48px #FFFFFF08,0 0 0 94px #FFFFFF05}.live-play>*{position:relative;z-index:2}.play-circle{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--orange);color:#FFA448;font-size:27px}.live-description h2{font-size:clamp(29px,3.4vw,46px)}.live-description p:not(.overline){color:#668093;font-size:13px}.resource-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:26px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{border:1px solid #D8E4ED;color:#577084;font-size:11px;background:white;border-radius:3px;padding:9px 14px;font-weight:750}.filter-btn.active{background:var(--navy);border-color:var(--navy);color:white}.resource-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #D6E2EC;padding:0 14px;min-width:255px;min-height:42px;color:var(--orange);font-size:19px}.resource-search input{border:0;outline:0;width:100%;font-size:12px;color:var(--navy);min-width:120px}.resource-count{color:#7C8F9D;font-size:11px;margin:0 0 20px}.resource-count b{color:var(--navy)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{background:#fff;border:1px solid #DDE6ED;display:flex;flex-direction:column;min-height:340px;overflow:hidden;transition:transform .23s,box-shadow .23s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 15px 33px #123B5B16}.resource-card[hidden]{display:none}.resource-art{height:133px;background:linear-gradient(145deg,#1B4969,#0A243D);position:relative;overflow:hidden;padding:17px;display:flex;align-items:end;justify-content:space-between}.resource-art::before{content:'';position:absolute;right:-30px;top:-90px;width:190px;height:190px;border:1px solid #FFFFFF45;border-radius:50%;box-shadow:0 0 0 26px #FFFFFF07}.resource-art>span{position:relative;color:#F0A052;font-size:40px}.resource-art small{color:#D3E1EA;font-size:9px;letter-spacing:.13em;z-index:1}.resource-art-guide{background:linear-gradient(145deg,#29485F,#16283C)}.resource-art-product{background:linear-gradient(145deg,#1B4760,#113044)}.resource-body{padding:24px;flex:1;display:flex;flex-direction:column}.resource-type{color:#B36F25;letter-spacing:.11em;font-size:9px;font-weight:900}.resource-body h3{font-size:21px;margin:12px 0}.resource-body p{color:#687D8D;font-size:12px}.resource-more{margin-top:auto;color:var(--navy);font-size:11px;font-weight:850}.resource-empty{color:#697F90;font-size:14px;padding:26px 0}.faq-list{max-width:910px;margin:0 auto;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-trigger{display:flex;align-items:center;gap:24px;text-align:left;width:100%;border:0;background:white;padding:23px 14px 23px 5px;color:var(--navy);font-size:15px;font-weight:800}.faq-trigger>span:nth-child(2){flex:1}.faq-n{font-size:11px;color:var(--orange);font-weight:900}.faq-plus{font-size:21px;color:#7591A5}.faq-trigger[aria-expanded=true] .faq-plus{transform:rotate(45deg)}.faq-answer{color:#62798B;padding:0 34px 22px 43px;font-size:13px}.faq-answer p{margin:0;max-width:770px}
/* Footer */
.footer{background:#071929;color:#D6E2EB;border-top:4px solid var(--orange);padding:70px 0 27px}.footer-main{display:grid;grid-template-columns:1.55fr .65fr .95fr .75fr;gap:43px}.footer-brand{display:flex;align-items:flex-start;gap:16px}.footer-brand img{object-fit:contain;width:76px;height:76px;flex:none;background:#fff;border-radius:5px}.footer-brand h3{font-size:21px;line-height:1.25;margin:0;color:white;max-width:280px}.footer-brand p{color:#8FA7BC;font-size:11px;margin:12px 0 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-col b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:11px}.footer-col a,.footer-col span{font-size:11px;color:#9AB2C6}.footer-col a:hover{color:var(--orange-l)}.footer-base{border-top:1px solid #FFFFFF21;margin-top:63px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:#7795AC;font-size:10px}
/* Motion is subtle and opt-out compatible */
@media(prefers-reduced-motion:no-preference){.js-ready .reveal:not(.visible){opacity:0;transform:translateY(15px)}.reveal{transition:opacity .6s var(--ease),transform .6s var(--ease)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1150px){.container{width:calc(100% - 54px)}.header-content{gap:18px}.desktop-nav{gap:16px}.brand img{height:58px;width:58px}.brand-details b{font-size:23px}.portal-link{padding:9px 11px}.home-hero-grid{gap:36px}.hero-writing h1{font-size:clamp(44px,5.6vw,66px)}.footer-main{gap:25px}.book-art.b3{left:240px}}
@media(max-width:1000px){.desktop-nav,.header-actions>.portal-link{display:none}.menu-toggle{display:flex}.header-actions{margin-left:auto}.mobile-nav.open{display:flex}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #DDE7EF;box-shadow:0 25px 40px #071B2C24;padding:15px 30px 25px;flex-direction:column;gap:4px}.mobile-nav>a{font-size:14px;font-weight:770;padding:12px 7px;border-bottom:1px solid #ECF1F5}.mobile-nav>a[aria-current=page]{color:#B96110}.mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.mobile-footer>a{color:var(--navy);font-size:12px;font-weight:780}.home-hero-grid{grid-template-columns:1fr;gap:38px;padding-block:65px}.hero-writing h1{max-width:780px;font-size:clamp(48px,7vw,76px)}.hero-description{max-width:670px}.hero-system{max-width:680px;width:100%}.sub-hero-grid{grid-template-columns:1fr;gap:47px}.architecture-board,.horizon-board{max-width:680px}.section-head.two-col-head{gap:36px}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-item:nth-child(2){border-right:0}.workflow-item:nth-child(-n+2){border-bottom:1px solid #FFFFFF22}.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer-col:last-child{grid-column:2/-1}.resource-grid,.cap-grid{grid-template-columns:repeat(2,1fr)}.book-art.b3{left:270px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.ribbon-right{display:none}.ribbon-start{gap:9px;white-space:nowrap}.ribbon-start strong{font-size:9px}.ribbon-start>span:last-child{font-size:8px}.header-content{height:73px}.brand img{width:55px;height:55px}.brand-details b{font-size:22px}.brand-details small{font-size:7px}.section{padding:73px 0}.section-head{margin-bottom:31px}.section-head.two-col-head{display:block}.section-head.two-col-head>p{margin-top:20px;max-width:660px}.section-head h2{font-size:clamp(32px,7.5vw,43px)}.home-hero-grid{padding:59px 0 71px}.hero-writing h1{font-size:clamp(41px,10.2vw,61px)}.hero-writing h1 br{display:none}.hero-description{font-size:14px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .button{width:100%}.hero-micro{font-size:10px}.system-orbit{right:8px;opacity:.5}.system-intro h2{max-width:260px}.trust-bar .container{justify-content:flex-start;gap:9px 19px}.trust-bar span{font-size:10px}.why-grid,.engine-pair,.offer-split,.proof-grid,.process-grid,.boundary-grid,.engine-detail-grid,.live-feature{grid-template-columns:1fr}.why-card{min-height:0}.workflow-grid{margin-block:34px 22px}.workflow-item{padding:25px 17px}.workflow-item h3{font-size:20px}.workflow-item p{font-size:11px}.workflow-idx{font-size:29px}.engine-tile{min-height:400px}.offer-col{padding:30px}.sub-hero{padding:65px 0}.sub-hero h1{font-size:clamp(39px,10vw,58px)}.sub-hero-grid{gap:34px}.architecture-board,.horizon-board{padding:20px}.cap-grid{grid-template-columns:1fr}.cap-item{min-height:0}.boundary-grid{gap:19px}.statement-row{display:block}.statement-row .button{margin-top:28px}.engine-detail-grid{gap:30px}.engine-detail{padding-top:28px}.engine-tab{padding:14px 11px;font-size:12px}.engine-chart{min-height:280px}.compare-head,.compare-row{grid-template-columns:.8fr 1fr 1fr;gap:12px;padding:15px 13px;font-size:11px}.compare-head b{font-size:11px}.resource-grid{grid-template-columns:1fr}.resource-search{flex:1;width:100%;min-width:0}.resource-hero-art{height:240px;transform:scale(.78);transform-origin:left top;width:550px}.live-play{min-height:255px}.footer{padding-top:48px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-base{display:block;margin-top:44px}.footer-base span{display:block;margin-top:9px}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.hero-writing h1{font-size:38px}.system-intro{height:205px}.system-intro h2{font-size:24px}.system-steps{grid-template-columns:1fr}.system-step{padding:12px 15px}.system-step small{margin-top:2px}.book-art{width:185px}.resource-hero-art{transform:scale(.65);height:195px}.compare-row,.compare-head{gap:8px}.faq-trigger{font-size:13px;gap:12px}}
/* Explicit responsibility-led workflow timeline */
.process-list{border-top:1px solid var(--line)}
.process-line{display:grid;grid-template-columns:65px 1fr 1.15fr 27px;gap:32px;align-items:center;border-bottom:1px solid var(--line);padding:31px 8px}
.process-n{font-size:27px;line-height:1;color:var(--orange);font-weight:770}
.process-line h3{font-size:23px;margin:0}
.process-line p{font-size:12px;color:#6A7E8D;margin:0}
.process-arrow{font-size:18px;color:#B78A60}
@media(max-width:700px){.process-line{grid-template-columns:46px 1fr 20px;gap:15px;padding:25px 0}.process-line h3{font-size:21px}.process-line p{grid-column:2/3;grid-row:2;margin-top:-8px}.process-arrow{grid-column:3;grid-row:1}}

/* v0.4 – additive styling only; original corporate palette and sticky header preserved */
.desktop-nav .more-nav{position:relative;align-self:center}
.desktop-nav .more-nav summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;color:#52697D;font-weight:700;font-size:12px;white-space:nowrap;padding-block:33px}
.desktop-nav .more-nav summary::-webkit-details-marker{display:none}
.desktop-nav .more-nav summary span{font-size:14px;color:var(--orange)}
.desktop-nav .more-nav[open] summary,.desktop-nav .more-nav summary:hover{color:var(--navy)}
.desktop-nav .more-panel{position:absolute;z-index:40;top:calc(100% - 15px);right:-25px;background:#fff;box-shadow:0 23px 65px #07192933;border:1px solid #e2eaf1;border-top:3px solid var(--orange);border-radius:5px;min-width:235px;padding:9px;display:flex;flex-direction:column}
.desktop-nav .more-panel a{padding:11px 14px;font-size:12px;color:#52697D;white-space:normal;border-radius:3px}
.desktop-nav .more-panel a:hover,.desktop-nav .more-panel a[aria-current=page]{background:#F4F7FB;color:var(--navy)}
.desktop-nav .more-panel a[aria-current=page]:after{display:none}
.new-hero .sub-hero-grid{align-items:center}
.new-hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:27px}
.new-hero-actions .inline-light{font-size:12px}
.deep-board{border:1px solid #FFFFFF33;background:linear-gradient(135deg,#0C2843,#102E4A);padding:22px 25px 19px;border-radius:8px;box-shadow:0 24px 55px #04142355}
.deep-board-label{color:#F0A152;font-size:10px;font-weight:850;letter-spacing:.18em;margin-bottom:15px}
.deep-board-row{display:flex;gap:17px;align-items:center;padding:17px 6px;border-top:1px solid #FFFFFF18}
.deep-board-row>span{font-size:11px;font-weight:850;color:var(--orange-l)}
.deep-board-row div{flex:1;display:flex;flex-direction:column;gap:1px}
.deep-board-row b{font-size:12px;color:white;letter-spacing:.05em}
.deep-board-row small{font-size:11px;color:#A9C1D4}
.deep-board-row i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.deep-board-foot{font-size:9px;letter-spacing:.12em;color:#86A4BE;padding-top:19px;border-top:1px solid #FFFFFF18;margin-top:4px}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.editorial-card{border:1px solid #E1E9F0;background:white;border-radius:6px;padding:29px;min-height:215px;transition:box-shadow .2s,transform .2s;border-top:3px solid #E2E9F0}
.editorial-card:hover{transform:translateY(-3px);box-shadow:0 20px 35px #06182711;border-top-color:var(--orange)}
.editorial-number{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:.1em}
.editorial-card h3{margin:22px 0 11px;font-size:20px;color:var(--navy);letter-spacing:-.035em}
.editorial-card p{font-size:13px;color:#61768A;margin:0}
.narrative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}
.narrative-item{border-top:3px solid var(--orange);padding:26px 4px 2px}
.narrative-item span{font-size:12px;color:#BB6A19;font-weight:800}
.narrative-item h3{color:var(--navy);font-size:22px;line-height:1.2;margin:22px 0 13px}
.narrative-item p{font-size:13px;color:#607789}
.pricing-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
.price-feature{border:1px solid #DAE4EC;border-top:4px solid var(--orange);border-radius:6px;padding:46px;background:linear-gradient(155deg,#fff,#F4F8FB)}
.price-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#617588}
.price-number{font-size:65px;font-weight:820;line-height:1.15;color:var(--navy);margin:13px 0 15px;letter-spacing:-.065em}
.price-number span{font-size:19px;color:#617588;letter-spacing:0}
.price-feature p{font-size:13px;color:#617588;max-width:440px;margin-bottom:26px}
.price-included{background:var(--navy);color:white;border-radius:6px;padding:45px}
.price-included h3{color:white;font-size:25px}
.clean-bullets{list-style:none;padding:0;margin:0}
.clean-bullets li{position:relative;padding:13px 0 13px 23px;font-size:13px;border-bottom:1px solid #FFFFFF22;color:#D9E4ED}
.clean-bullets li::before{content:'✓';position:absolute;left:0;top:12px;color:var(--orange-l);font-weight:800}
.video-showcase{display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy);border-radius:7px;overflow:hidden;color:white}
.video-showcase-art{min-height:355px;background:radial-gradient(circle at 50% 50%,#244966,#102B46 50%,#071929 100%);display:grid;place-items:center;position:relative;overflow:hidden}
.video-showcase-art::before{content:'';position:absolute;inset:25px;border:1px solid #FFFFFF28;transform:rotate(12deg)}
.video-showcase-art::after{content:'';position:absolute;inset:57px;border:1px solid #FFFFFF1C;transform:rotate(-12deg)}
.video-play{display:grid;place-items:center;height:74px;width:74px;border-radius:50%;background:var(--orange);font-size:23px;position:relative;z-index:2;padding-left:4px}
.video-runtime{position:absolute;left:24px;bottom:21px;color:#A9C1D4;font-size:10px;font-weight:850;letter-spacing:.14em}
.video-showcase-copy{padding:45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.video-showcase-copy .offer-tag{color:var(--orange-l)}
.video-showcase-copy h3{font-size:32px;color:white;margin:18px 0}
.video-showcase-copy p{font-size:13px;color:#D0DFEA;margin-bottom:25px}
.chapter-grid{margin-top:25px}
.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-feature{background:var(--paper);padding:41px;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:6px}
.contact-feature.alt{background:var(--navy);border-color:#1A3C59}
.contact-feature h3{font-size:29px;color:var(--navy);overflow-wrap:anywhere;margin:15px 0}
.contact-feature.alt h3{color:white}
.contact-feature p{font-size:13px;color:#62788A;margin:0 0 28px}
.contact-feature.alt p{color:#C2D5E4}
.founder-layout{background:var(--paper);border:1px solid var(--line);padding:43px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;border-radius:6px}
.founder-kicker{color:#B56615;font-size:10px;letter-spacing:.15em;font-weight:850}
.founder-layout h3{color:var(--navy);font-size:30px;margin:14px 0}
.founder-layout p{color:#627588;font-size:13px}
.founder-monogram{height:220px;background:linear-gradient(145deg,#102B46,#0B1F33);color:white;font-size:106px;font-weight:850;display:flex;align-items:center;justify-content:center;border-radius:7px;letter-spacing:-.1em}
.founder-monogram span{color:var(--orange)}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:19px;border-top:1px solid #FFFFFF21;padding-top:22px;margin-top:38px}
.footer-legal b{color:#D6E2EB;font-size:11px;margin-right:14px}
.footer-legal a{color:#9AB2C6;font-size:11px}
.footer-legal a:hover{color:var(--orange-l)}
.footer-base{margin-top:25px}
@media(max-width:1240px){.desktop-nav{gap:16px}.header-content{gap:17px}.brand-details small{letter-spacing:.13em}}
@media(max-width:1100px){.desktop-nav .more-nav summary{font-size:11px}.desktop-nav .more-nav .more-panel a{font-size:12px}}
@media(max-width:1000px){.desktop-nav .more-nav{display:none}.mobile-nav{max-height:calc(100vh - 74px);overflow-y:auto}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.narrative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.editorial-grid,.narrative-grid,.pricing-layout,.video-showcase,.contact-split,.founder-layout{grid-template-columns:1fr}.editorial-card{min-height:0}.deep-board{padding:20px}.new-hero-actions{align-items:flex-start}.new-hero-actions .button{width:100%}.price-feature,.price-included,.contact-feature,.video-showcase-copy,.founder-layout{padding:28px}.price-number{font-size:55px}.video-showcase-art{min-height:255px}.founder-monogram{height:180px}.footer-legal{align-items:flex-start;gap:13px}.footer-legal b{width:100%}}

/* v0.5 — minimal header branding update (EN/FR), original site styling retained. */
.brand-details .brand-stack{display:flex;flex-direction:column;justify-content:center;min-height:65px;color:var(--navy);font-size:18px;font-weight:850;line-height:1.07;letter-spacing:-.038em;white-space:nowrap}
@media(max-width:1150px){.brand-details .brand-stack{min-height:58px;font-size:16.5px}}
@media(max-width:700px){.brand-details .brand-stack{min-height:55px;font-size:15px}}


/* v0.6 — ACCESSIBILITY & LEGIBILITY PASS — shared by EN-US and FR.
   Presentation-only changes; corporate layout, navigation and behavior retained.
   Use rem for text: respects browser/user font-size preferences. */
:root{--readable-body:1.0625rem;--readable-card:1rem;--readable-ui:.9375rem;--readable-label:.8125rem}
body{font-size:var(--readable-body);line-height:1.65}
p{line-height:1.7}
:where(p,li,small,span,b,strong,h1,h2,h3,a,button){overflow-wrap:break-word}
/* Header and navigation */
.desktop-nav a,.desktop-nav .more-nav summary{font-size:.875rem}
.desktop-nav .more-panel a{font-size:.875rem;line-height:1.45;padding:12px 14px}
.lang-switch{font-size:.8125rem}
.lang-switch a{color:#52697D;padding:8px 3px}
.portal-link{font-size:.8125rem;min-height:44px}
/* Brand stack is deliberately kept at its approved height/scale. */
/* Text elements with a strong editorial hierarchy */
.overline{font-size:.75rem;letter-spacing:.13em;line-height:1.5}
.section-head p:not(.overline){font-size:1.0625rem;line-height:1.7}
.button{font-size:.9375rem;line-height:1.35;min-height:49px;gap:15px}
.button span{font-size:1.0625rem}
.button-primary,.button-primary:hover{color:var(--navy)} /* 6:1 navy text on corporate orange */
.inline-light,.inline-dark,.new-hero-actions .inline-light{font-size:.9375rem;line-height:1.5}
.hero-description,.sub-hero p:not(.overline){font-size:1.0625rem;line-height:1.78}
.hero-micro{font-size:.8125rem;line-height:1.6;color:#C6D6E3}
.trust-bar span{font-size:.8125rem;line-height:1.5}
/* Header concept / system card: heights expand when translated text wraps. */
.system-head,.system-bottom{font-size:.75rem;line-height:1.45;color:#B9CFDF}
.system-head{gap:14px;flex-wrap:wrap}
.system-intro{height:auto;min-height:193px}
.system-intro .system-small{font-size:.75rem;color:#BED0DF}
.system-intro h2{font-size:clamp(1.625rem,2.25vw,1.875rem);max-width:100%}
.system-step{min-width:0}
.system-step>span:first-child{font-size:.8125rem}
.system-step b{font-size:.8125rem;letter-spacing:.085em;line-height:1.5}
.system-step small{font-size:.875rem;line-height:1.55}
/* Core cards and workflow */
.numeral{font-size:.8125rem;color:#9B4C00}
.why-card p,.workflow-item p,.tile-body p,.offer-col p,.proof-content p{font-size:var(--readable-card);line-height:1.7}
.workflow-tag,.tile-index,.offer-tag{font-size:.75rem;line-height:1.5;letter-spacing:.1em}
.workflow-tag{color:#FFAD5C}
.tile-sub{font-size:.8125rem;line-height:1.5;color:#94520E}
.tile-link{font-size:.9375rem;line-height:1.5}
.offer-tag{color:#97500C}
.offer-col.featured .offer-tag{color:#FFAF57}
/* Technical/explanatory boards */
.architecture-label,.architecture-foot,.horizon-head,.horizon-foot{font-size:.75rem;line-height:1.5;letter-spacing:.09em}
.architecture-foot,.horizon-foot{color:#BFD0DD}
.architecture-row>span{font-size:.8125rem}
.architecture-row b{font-size:.875rem;letter-spacing:.04em}
.architecture-row small{font-size:.875rem;line-height:1.55;color:#B6CADA}
.horizon-row>b{font-size:.75rem;letter-spacing:.07em}
.process-card p,.cap-item p,.statement-row p:not(.overline){font-size:var(--readable-card);line-height:1.7}
.cap-number{font-size:.8125rem;color:#96510B}
.boundary-col ul{font-size:var(--readable-card);line-height:1.85}
.boundary-note{font-size:.875rem;line-height:1.7}
.process-line p{font-size:var(--readable-card);line-height:1.65}
/* Engine controls / comparison */
.engine-tab{font-size:1rem;line-height:1.45;min-height:50px}
.engine-chip{font-size:.8125rem;line-height:1.5;color:#8F4904}
.detail-lead,.feature-points p,.engine-caveat{font-size:var(--readable-card);line-height:1.7}
.feature-points>div>span{font-size:.8125rem}
.feature-points b{font-size:1rem}
.chart-header,.chart-foot,.capital-arrow{font-size:.75rem;line-height:1.5}
.chart-caption{font-size:.8125rem;line-height:1.5}
.compare-head{font-size:.875rem;line-height:1.45}
.compare-head b{font-size:.9375rem}
.compare-row{font-size:.9375rem;line-height:1.6}
/* Knowledge base, videos and frequently asked questions */
.book-art span{font-size:.8125rem}
.book-art small{font-size:.75rem}
.live-play{font-size:.8125rem;line-height:1.45}
.live-description p:not(.overline){font-size:var(--readable-card);line-height:1.7}
.filter-btn{font-size:.875rem;line-height:1.45;min-height:44px}
.resource-search{min-height:48px}
.resource-search input{font-size:1rem}
.resource-count,.resource-empty{font-size:.9375rem}
.resource-art small{font-size:.75rem}
.resource-type{font-size:.8125rem;line-height:1.5;color:#8C4911}
.resource-body p{font-size:var(--readable-card);line-height:1.7}
.resource-more{font-size:.9375rem;line-height:1.5}
.faq-trigger{font-size:1.0625rem;line-height:1.45}
.faq-n{font-size:.8125rem;color:#94500B}
.faq-answer{font-size:1rem;line-height:1.7}
/* New v0.4 content pages */
.desktop-nav .more-panel a{overflow-wrap:anywhere}
.deep-board-label{font-size:.75rem;letter-spacing:.1em;line-height:1.5}
.deep-board-row>span{font-size:.8125rem}
.deep-board-row b{font-size:.875rem;line-height:1.45;letter-spacing:.02em}
.deep-board-row small{font-size:.875rem;line-height:1.55}
.deep-board-foot{font-size:.75rem;line-height:1.5;color:#B6CCDF}
.editorial-number,.narrative-item span{font-size:.8125rem;color:#98510A}
.editorial-card p,.narrative-item p,.price-feature p,.clean-bullets li,
.video-showcase-copy p,.contact-feature p,.founder-layout p{font-size:var(--readable-card);line-height:1.7}
.price-label,.founder-kicker{font-size:.8125rem;line-height:1.5;color:#53697B}
.founder-kicker{color:#955008}
.price-feature p{max-width:32rem}
.video-runtime{font-size:.75rem;line-height:1.5}
.footer-legal b,.footer-legal a{font-size:.8125rem;line-height:1.55}
/* Footer navigation and legal copy */
.footer-brand p{font-size:.875rem;line-height:1.65;color:#BCD0DF}
.footer-col b{font-size:.8125rem;line-height:1.5}
.footer-col a,.footer-col span{font-size:.875rem;line-height:1.5;color:#B8CFDF}
.footer-base{font-size:.8125rem;line-height:1.6;color:#B9CBD8}
/* Better keyboard discovery on dropdown controls and accessible focus rings */
.desktop-nav .more-nav summary:focus-visible,
.filter-btn:focus-visible,.engine-tab:focus-visible,.faq-trigger:focus-visible,
.menu-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
/* Larger text must not force the header beyond the content width. */
@media(max-width:1240px){
 .desktop-nav,.header-actions>.portal-link{display:none}
 .menu-toggle{display:flex}
 .header-actions{margin-left:auto}
 .mobile-nav.open{display:flex}
 .mobile-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #DDE7EF;box-shadow:0 25px 40px #071B2C24;padding:15px 30px 25px;flex-direction:column;gap:4px;max-height:calc(100dvh - 74px);overflow-y:auto}
 .mobile-nav>a{font-size:1rem;line-height:1.5;font-weight:770;padding:12px 7px;border-bottom:1px solid #ECF1F5}
 .mobile-nav>a[aria-current=page]{color:#96500E}
 .mobile-footer>a{font-size:.9375rem;line-height:1.5}
}
@media(max-width:1000px){
 .section-head.two-col-head{gap:26px}
 .home-hero-grid{gap:35px}
}
@media(max-width:700px){
 .hero-description,.sub-hero p:not(.overline){font-size:1.0625rem;line-height:1.7}
 .section-head p:not(.overline){font-size:1.0625rem}
 .hero-micro,.trust-bar span{font-size:.8125rem}
 .workflow-item p{font-size:1rem}
 .engine-tab{font-size:.9375rem;line-height:1.4;padding:13px 13px}
 .compare-head,.compare-row{font-size:.8125rem;gap:10px;padding:15px 10px;overflow-wrap:anywhere}
 .compare-head b{font-size:.8125rem}
 .compare-head>*,.compare-row>*{min-width:0}
 .faq-trigger{font-size:1rem}
 .system-intro{height:auto;min-height:0}
 .system-intro h2{max-width:100%}
 .system-step small{margin-top:6px}
 .footer-col{gap:12px}
}
@media(max-width:390px){
 .container{width:calc(100% - 30px)}
 .brand{gap:8px}
 .brand-details{padding-left:9px}
 .brand-details .brand-stack{font-size:.875rem;line-height:1.12}
 .header-actions{gap:5px}
 .lang-switch{gap:4px}
 .lang-switch a{padding:7px 1px}
 .system-steps{grid-template-columns:1fr}
 .system-step{padding:16px}
 .system-intro h2{font-size:1.5625rem}
 .compare-row,.compare-head{gap:6px}
 .faq-answer{padding-left:20px;padding-right:12px}
 .deep-board{padding:15px}
}
/* Mobile-only reflow of home headline and Resources decorative book motif. */
@media(max-width:700px){
 .hero-writing h1 br{display:initial}
 .sub-hero-grid>*{min-width:0;max-width:100%}
 .resource-hero-art{width:100%;max-width:100%;height:215px;transform:none;perspective:700px}
 .resource-hero-art .book-art{width:45%;height:180px;top:20px;padding:14px 10px;gap:12px}
 .resource-hero-art .book-art.b1{left:0}
 .resource-hero-art .book-art.b2{left:28%;top:12px}
 .resource-hero-art .book-art.b3{left:55%}
 .resource-hero-art .book-art b{font-size:clamp(.875rem,3.3vw,1.25rem);line-height:1.2;overflow-wrap:anywhere}
 .resource-hero-art .book-art small{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
 .button:hover,.why-card:hover,.engine-tile:hover,.editorial-card:hover,.resource-card:hover,
 .proof-panel:hover{transform:none}
}

/* v0.6.2 - targeted Referral Program mention on Pricing; established visual system preserved. */
.referral-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;padding:28px 32px;border:1px solid #DCE6EF;border-left:4px solid var(--orange);background:#F5F8FB;border-radius:4px}
.referral-callout-content{flex:1;min-width:0;max-width:780px}
.referral-callout .overline{margin:0 0 10px}
.referral-callout h3{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;color:var(--navy)}
.referral-callout p:not(.overline){font-size:1rem;line-height:1.65;color:#486075;margin:0}
.referral-callout p.referral-condition{font-size:.875rem;line-height:1.6;margin-top:11px;color:#50677A}
.referral-callout strong{font-weight:800;color:#163D59}
.referral-callout .button{flex-shrink:0;max-width:100%;white-space:normal;text-align:center}
@media(max-width:900px){.referral-callout{flex-direction:column;align-items:flex-start;gap:23px}}
@media(max-width:700px){.referral-callout{padding:25px 22px}.referral-callout .button{width:100%}}


/* v0.7 preview — additional client-facing product proof and beginner guidance. Keep existing v0.6.4 design. */
.cc-showcase-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:32px;align-items:center}
.cc-showcase-grid.reverse{grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr)}
.cc-proof-list{padding:0;margin:20px 0;list-style:none;display:grid;gap:12px}
.cc-proof-list li{position:relative;padding-left:22px;font-size:1rem;line-height:1.65;color:#526A7D}
.cc-proof-list li::before{content:'✓';position:absolute;left:0;color:#BA5D0C;font-weight:850}
.cc-screen{margin:0;background:#fff;border:1px solid #D5E1EB;border-radius:10px;overflow:hidden;box-shadow:0 20px 55px #0B1F331A}
.cc-screen a{display:block;line-height:0;background:#F7F9FB}
.cc-screen img{width:100%;height:auto;display:block;object-fit:contain}
.cc-screen figcaption{padding:15px 19px 17px;border-top:1px solid #E4EDF3;font-size:.875rem;line-height:1.55;color:#51697D}
.cc-screen figcaption a{display:inline;color:#9E510F;text-decoration:underline;text-underline-offset:3px;font-weight:740;line-height:inherit}
.cc-proof-kicker{color:#A95108;font-size:.8125rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.cc-copy h3{font-size:clamp(1.55rem,2.5vw,2.35rem);color:var(--navy);line-height:1.18;letter-spacing:-.035em;margin:12px 0 17px}
.cc-copy p{font-size:1.0625rem;line-height:1.7;color:#536B7C}
.cc-note{font-size:.875rem!important;line-height:1.6!important;color:#61788A!important;margin-top:18px}
.starter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:25px}
.starter-step{border:1px solid #DAE6EF;border-top:3px solid #EF7D00;background:#fff;border-radius:6px;padding:22px 17px;min-width:0}
.starter-step b{display:block;color:#AD580C;font-size:.875rem;margin-bottom:14px}
.starter-step h3{color:#0B1F33;font-size:1.15rem;margin:0 0 10px;letter-spacing:-.02em}
.starter-step p{font-size:.9375rem;line-height:1.65;color:#566C7C;margin:0}
.starter-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.starter-term{background:#F4F7FB;border-left:3px solid #EF7D00;padding:17px 20px;border-radius:3px}
.starter-term strong{display:block;margin-bottom:5px;color:#0B1F33;font-size:1rem}
.starter-term p{font-size:.9375rem;line-height:1.65;color:#52697D;margin:0}
.cc-protect-clarify{margin-top:24px;padding:22px 25px;border:1px solid #DCE7EF;border-radius:6px;background:#F6F9FB;color:#52697D;line-height:1.7;font-size:1rem}
.cc-protect-clarify strong{color:#0B1F33}
.cc-placeholder{padding:26px;border:1px dashed #8EA7B9;background:#F7FAFC;border-radius:7px;color:#3D5F78}
.cc-placeholder strong{display:block;color:#163954;font-size:1rem;margin-bottom:6px}
.cc-placeholder p{margin:0;font-size:.9375rem;color:#526B7D}
@media(max-width:1100px){.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.cc-showcase-grid,.cc-showcase-grid.reverse{grid-template-columns:minmax(0,1fr)}.starter-terms{grid-template-columns:1fr}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.starter-grid{grid-template-columns:minmax(0,1fr)}.cc-screen figcaption{font-size:.875rem}.cc-copy h3{font-size:1.65rem}}


/* v0.7 - Real control center screens, responsive monitoring and report examples. */
.cc-second-showcase{margin-top:clamp(42px,5vw,72px);padding-top:clamp(30px,4vw,55px);border-top:1px solid #DFE8EF}
.cc-monitor-pair,.cc-report-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.cc-monitor-pair .cc-screen{min-width:0;align-self:start}
.cc-gallery-disclaimer{font-size:.9375rem;line-height:1.7;color:#4E677B;border-left:3px solid var(--orange);padding:14px 18px;background:#F4F7FA;margin-top:27px}
.cc-report-card{background:#fff;border:1px solid #D6E1E9;border-radius:9px;overflow:hidden;margin:0;min-width:0;box-shadow:0 12px 28px #0B1F3310}
.cc-report-card>a{display:block;line-height:0;background:#F5F8FA}
.cc-report-card img{display:block;width:100%;height:auto;object-fit:contain}
.cc-report-card figcaption{display:grid;gap:6px;padding:17px 20px;color:#4D6478;font-size:.9375rem;line-height:1.6}
.cc-report-card figcaption strong{font-size:1.0625rem;color:#0B2C46;line-height:1.35}
.cc-report-card figcaption a{color:#98500F;text-decoration:underline;text-underline-offset:3px;font-weight:760;width:fit-content}
.cc-report-card a:focus-visible,.cc-screen a:focus-visible{outline:3px solid #B55610;outline-offset:-3px}
@media(max-width:850px){.cc-monitor-pair,.cc-report-gallery{grid-template-columns:1fr}.cc-second-showcase{margin-top:36px;padding-top:32px}}
@media(max-width:540px){.cc-report-card figcaption{padding:15px 16px}.cc-gallery-disclaimer{padding:12px 14px}}

/* Full-width market monitor illustrations for legibility on desktop and smaller screens. */
.cc-monitor-pair{grid-template-columns:minmax(0,1fr)}
.cc-monitor-pair .cc-screen{width:100%;max-width:1180px;margin-inline:auto}


/* v0.7.2 — legal information pages only; established corporate layout unchanged. */
.legal-hero{padding-block:clamp(50px,6vw,86px)}
.legal-hero .overline{margin-bottom:19px}
.legal-hero h1{font-size:clamp(2.45rem,5.5vw,4.2rem);max-width:1050px;line-height:1.13;margin:0 0 21px;color:#fff}
.legal-hero p.legal-intro{font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.7;color:#D4E4ED;max-width:750px;margin:0}
.legal-content{padding-block:clamp(44px,6.5vw,92px)}
.legal-layout{display:grid;grid-template-columns:minmax(185px,.26fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.legal-toc{position:sticky;top:112px;border:1px solid #DCE6EF;border-radius:8px;padding:24px 22px;background:#F5F8FB}
.legal-toc strong{display:block;color:var(--navy);font-size:1rem;margin-bottom:16px}
.legal-toc nav{display:flex;flex-direction:column;gap:7px}
.legal-toc a{color:#375671;font-size:.9375rem;line-height:1.45;padding:7px 0;text-decoration:none}
.legal-toc a:hover{color:#A95812;text-decoration:underline;text-underline-offset:4px}
.legal-toc a:focus-visible,.legal-article a:focus-visible{outline:3px solid #AF5710;outline-offset:3px}
.legal-section{scroll-margin-top:120px;margin-bottom:43px;padding-bottom:33px;border-bottom:1px solid #DFE8EF}
.legal-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:28px}
.legal-section h2{color:var(--navy);font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:790;line-height:1.27;letter-spacing:-.025em;margin:0 0 17px}
.legal-section p{font-size:1.0625rem;line-height:1.78;color:#405A70;margin:0 0 16px;max-width:780px;overflow-wrap:anywhere}
.legal-section p:last-child{margin-bottom:0}
.legal-article a{color:#9B4D08;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-tail{border-left:3px solid var(--orange);background:#F3F7FA;padding:17px 21px;border-radius:2px}
.legal-tail p{color:#3C566A;font-size:.9375rem;line-height:1.65;margin:0}
.footer-legal a[aria-current="page"]{color:#F0A152;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:30px}.legal-toc{position:static;padding:19px}.legal-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}}
@media(max-width:540px){.legal-toc nav{grid-template-columns:minmax(0,1fr)}.legal-hero h1{font-size:clamp(2.1rem,9vw,2.9rem)}.legal-section p{font-size:1rem;line-height:1.75}.legal-content{padding-block:43px}.legal-section{margin-bottom:29px;padding-bottom:26px}}


/* ================================================================
   v0.7.5 — SITE-WIDE TYPE & RHYTHM SYSTEM (EN / FR)
   Governs all 28 pages, including older modules and new legal pages.
   Consolidates presentation WITHOUT modifying HTML, content, JS or images.
   Type scales are relative (rem/clamp) for user zoom and accessibility.
   Keep separate visual roles: page title / section title / feature / card.
   ================================================================ */
:root{
  --sb-text-page:clamp(2.5rem,5vw,4rem);
  --sb-text-section:clamp(2rem,3.5vw,3rem);
  --sb-text-feature:clamp(1.625rem,2.5vw,2rem);
  --sb-text-subsection:clamp(1.5rem,2.2vw,1.875rem);
  --sb-text-card:1.375rem;
  --sb-text-small-head:1.25rem;
  --sb-text-lead:1.0625rem;
  --sb-text-content:1rem;
  --sb-text-action:.9375rem;
  --sb-text-caption:.875rem;
  --sb-text-label:.8125rem;
  --sb-leading-body:1.7;
  --sb-leading-head:1.17;
  --sb-leading-card:1.28;
}
/* 1. Primary titles: identical computed size/line-height at every width. */
.hero-writing h1,
.sub-hero h1,
.legal-hero h1{
  font-size:var(--sb-text-page);
  font-weight:780;
  line-height:1.12;
  letter-spacing:-.052em;
  overflow-wrap:normal;
  word-break:normal;
  font-family:'Segoe UI',Inter,'Helvetica Neue',Arial,sans-serif;
  font-style:normal;
}
/* The highlighted words are PART OF the H1, never a smaller/lighter sub-title.
   This common definition is the single authority for all 28 pages. */
.hero-writing h1 em,
.sub-hero h1 em,
.legal-hero h1 em{
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  font-style:normal;
  line-height:inherit;
  letter-spacing:inherit;
  color:#F0A457;
}
/* Darker accent on the one light-background hero: contrast, not a type change. */
.sub-hero-light h1 em{color:#C66B0A}
/* 2. Section titles, including older feature blocks. */
.section-head h2,
.statement-row h2,
.live-description h2{
  font-size:var(--sb-text-section);
  line-height:var(--sb-leading-head);
  font-weight:770;
  letter-spacing:-.045em;
}
/* 3. Subsection and feature headings. */
.legal-section h2,
.system-intro h2{
  font-size:var(--sb-text-subsection);
  line-height:1.25;
  letter-spacing:-.03em;
}
.engine-detail-copy h3,
.tile-body h3,
.offer-col h3,
.cc-copy h3,
.video-showcase-copy h3,
.contact-feature h3,
.founder-layout h3{
  font-size:var(--sb-text-feature);
  font-weight:750;
  line-height:1.22;
  letter-spacing:-.037em;
}
.why-card h3,
.workflow-item h3,
.proof-content h3,
.process-card h3,
.cap-item h3,
.boundary-col h3,
.process-line h3,
.editorial-card h3,
.narrative-item h3,
.price-included h3,
.resource-body h3,
.footer-brand h3{
  font-size:var(--sb-text-card);
  line-height:var(--sb-leading-card);
  letter-spacing:-.028em;
}
.starter-step h3,.referral-callout h3{
  font-size:var(--sb-text-small-head);
  line-height:1.3;
  letter-spacing:-.025em;
}
/* 4. Reading comfort and identical font tiers across all old/new cards. */
body{font-size:var(--sb-text-lead);line-height:1.65}
p{line-height:var(--sb-leading-body)}
.hero-description,
.sub-hero p:not(.overline),
.legal-hero .legal-intro,
.section-head p:not(.overline),
.cc-copy p:not(.cc-note){
  font-size:var(--sb-text-lead);
  line-height:1.72;
}
.why-card p,
.workflow-item p,
.tile-body p,
.offer-col p,
.proof-content p,
.process-card p,
.cap-item p,
.process-line p,
.feature-points p,
.statement-row p:not(.overline),
.detail-lead,
.engine-caveat,
.live-description p:not(.overline),
.resource-body p,
.editorial-card p,
.narrative-item p,
.price-feature p,
.clean-bullets li,
.video-showcase-copy p,
.contact-feature p,
.founder-layout p,
.referral-callout p:not(.overline):not(.referral-condition),
.starter-step p,
.starter-term p,
.cc-proof-list li,
.cc-protect-clarify,
.boundary-col ul,
.faq-answer{
  font-size:var(--sb-text-content);
  line-height:var(--sb-leading-body);
}
.legal-section p{font-size:var(--sb-text-lead);line-height:1.75}
/* 5. Consistent UI / link and compact text. */
.button,
.inline-light,.inline-dark,.new-hero-actions .inline-light,
.portal-link,
.desktop-nav a,.desktop-nav .more-nav summary,
.desktop-nav .more-panel a,
.resource-more,.filter-btn,.tile-link,
.footer-col a,.footer-col span,
.legal-toc a,.cc-report-card figcaption a{
  font-size:var(--sb-text-action);
  line-height:1.5;
}
.desktop-nav a,.desktop-nav .more-nav summary{line-height:1.3}
/* Even under the older <=1100px breakpoint, dropdown links use the shared
   navigation scale instead of falling back to their historical 12px. */
.desktop-nav .more-nav .more-panel a{font-size:var(--sb-text-action);line-height:1.3}
.lang-switch{font-size:var(--sb-text-caption)}
.overline,
.workflow-tag,.tile-index,.offer-tag,.resource-type,
.architecture-label,.architecture-foot,
.horizon-head,.horizon-foot,.deep-board-label,.deep-board-foot,
.system-head,.system-bottom,.system-intro .system-small,
.cc-proof-kicker,.founder-kicker,.price-label,
.footer-col b,.footer-legal b,.footer-legal a{
  font-size:var(--sb-text-label);
  line-height:1.5;
  letter-spacing:.085em;
}
.resource-type{letter-spacing:.07em}
.architecture-row b,.deep-board-row b,.system-step b{
  font-size:var(--sb-text-caption);
  line-height:1.45;
  letter-spacing:.025em;
}
.architecture-row small,.deep-board-row small,.system-step small,
.cc-screen figcaption,.cc-report-card figcaption,
.system-step>span:first-child,.architecture-row>span,.deep-board-row>span,
.hero-micro,.trust-bar span,.cc-note,
.boundary-note,.referral-callout p.referral-condition,
.legal-tail p,.footer-base,.footer-brand p,
.starter-step b,.starter-term strong{
  font-size:var(--sb-text-caption);
  line-height:1.58;
}
/* 6. Components that historically had unusually small labels. */
.engine-tab,.faq-trigger{font-size:var(--sb-text-content);line-height:1.5}
.engine-chip,.feature-points>div>span,
.chart-header,.chart-foot,.chart-caption,.capital-arrow,
.compare-head,.compare-head b,.compare-row,
.resource-count,.resource-empty,.resource-art small,
.book-art small,.live-play,.video-runtime,.cc-gallery-disclaimer,
.faq-n,.footer-legal a,.resource-search input{
  font-size:var(--sb-text-caption);
  line-height:1.55;
}
.compare-row{line-height:1.6}
.resource-search input{font-size:var(--sb-text-content)}
.cc-report-card figcaption strong{font-size:var(--sb-text-lead);line-height:1.35}
/* 7. Matching vertical rhythm for principal content blocks. */
.section-head{margin-bottom:clamp(1.9375rem,3.5vw,2.875rem)}
.overline{margin-bottom:clamp(1.25rem,1.8vw,1.5625rem)}
.hero-writing h1{margin-bottom:27px}
.sub-hero h1{margin-bottom:24px}
.legal-hero h1{margin-bottom:21px}
.section-head h2{margin-bottom:0}
.cc-copy h3{margin:12px 0 17px}
.cc-screen figcaption,.cc-report-card figcaption{overflow-wrap:anywhere}
/* Maintain the established space, button footprint, logo, sticky header and layout. */
@media(max-width:700px){
  .hero-writing h1,.sub-hero h1,.legal-hero h1{font-size:var(--sb-text-page);line-height:1.12}
  .section-head h2,.statement-row h2,.live-description h2{font-size:var(--sb-text-section)}
  .legal-section p{font-size:var(--sb-text-lead);line-height:1.72}
  .compare-head,.compare-head b,.compare-row{font-size:var(--sb-text-caption)}
  .engine-tab,.faq-trigger{font-size:var(--sb-text-content)}
  .cc-copy h3,.engine-detail-copy h3{font-size:var(--sb-text-feature)}
  .starter-step h3{font-size:var(--sb-text-small-head)}
}
@media(max-width:390px){
  .hero-writing h1,.sub-hero h1,.legal-hero h1{font-size:var(--sb-text-page)}
  .system-intro h2{font-size:var(--sb-text-subsection)}
}

/* Narrow screens and enlarged user text: reflow rather than clip labels. */
@media(max-width:540px){
 .hero-writing h1,.sub-hero h1,.legal-hero h1,
 .section-head h2,.live-description h2,.statement-row h2,
 .resource-body h3,.process-line h3{overflow-wrap:anywhere}
 .workflow-grid{grid-template-columns:minmax(0,1fr)}
 .workflow-item{border-right:0!important;border-bottom:1px solid #FFFFFF22}
 .workflow-item:last-child{border-bottom:0}
 .footer-main{grid-template-columns:minmax(0,1fr)}
 .footer-col,.footer-col:last-child,.footer-brand{grid-column:1/-1}
}
@media(max-width:360px){
 /* Language selection remains available in the accessible mobile menu. */
 .header-actions>.lang-switch{display:none}
}