
:root{--navy:#082541;--deep:#061d34;--blue:#0a6cba;--cyan:#11b2d0;--orange:#f6aa42;--paper:#f5f8fb;--ink:#0c2c46;--sub:#4c657a;--line:#dbe7ed;--max:1160px;--accent:#0a83b7;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#e9eff3;font:16px/1.85 'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.34}img{max-width:100%}.review-toolbar{background:#051c31;color:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:11px max(16px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:40;border-bottom:3px solid #d99843}.review-toolbar .review-brand{font-size:12px;letter-spacing:.09em;font-weight:900}.review-toolbar .muted{color:#a1bacb;font-size:11px}.review-toolbar select{min-width:260px;max-width:480px;flex:1;padding:8px 12px;border-radius:5px;color:#0d3250;border:0;background:#fff;font-size:13px}.review-toolbar button{background:transparent;color:#d7e3eb;border:1px solid #678095;padding:7px 12px;border-radius:3px;font-weight:700;font-size:12px}.review-toolbar button.current{background:#e8b163;color:#1c2c37;border-color:#e8b163}.view-shell{padding:16px 12px 70px}.site-shell{max-width:1300px;min-width:0;margin:auto;background:white;box-shadow:0 12px 60px #09283f28;--w:100%}.site-shell.mobile{max-width:390px}.page{display:none;background:#fff}.page.active{display:block}.site-head{padding:19px 5.7%;background:rgba(255,255,255,.98);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e4edf2}.logo{display:flex;gap:8px;align-items:center;text-decoration:none;color:#0b426d}.official-logo{display:block;width:185px;height:auto;max-width:100%}.logo-symbol{width:31px;height:31px;background:#006bb5;clip-path:polygon(0 35%,20% 15%,43% 39%,63% 19%,100% 55%,77% 77%,60% 59%,42% 81%,18% 57%)}.logo-text{font-weight:850;font-size:17px;letter-spacing:-.04em}.logo-text small{display:block;font-size:8px;letter-spacing:.25em;line-height:1;color:#66899c}.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:12px;text-decoration:none;font-weight:750;white-space:nowrap}.nav .contact-nav{background:#0b4778;color:white;padding:10px 15px}.menu-button{display:none;background:transparent;color:var(--navy);border:1px solid #c7d9e1;padding:7px 11px;border-radius:3px}.crumb{padding:13px 6%;font-size:10px;color:#688093;letter-spacing:.04em}.crumb a{text-decoration:none}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.11fr .89fr;min-height:540px;background:var(--deep);color:white}.hero-copy{padding:70px 6% 64px 10%;z-index:2}.micro{font-size:11px;letter-spacing:.24em;font-weight:850;color:#157db9}.hero .micro{color:#80d8ee}.hero h1{font-size:clamp(37px,4.55vw,67px);letter-spacing:-.085em;font-weight:900;margin:29px 0 23px;line-height:1.34}.hero-copy .lead{max-width:600px;color:#d8e5ef;font-size:15px;line-height:2}.hero .accent-rule{display:block;width:130px;height:4px;background:linear-gradient(90deg,var(--orange) 0 41%,var(--cyan) 41% 100%);margin-top:34px}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#164c73,#0b2947 60%,#061d32)}.hero-visual:before{content:'';position:absolute;inset:9% 0 9% 7%;border:1px solid #b6eff72b;border-radius:50%;transform:rotate(-26deg)}.hero-visual:after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;border:24px solid #10b1d014;right:-110px;bottom:-100px}.hero-label-vertical{position:absolute;right:16px;top:17px;writing-mode:vertical-rl;color:#a1c2d3;font-size:9px;letter-spacing:.39em}.art-word{z-index:1;font-size:clamp(61px,8.5vw,125px);line-height:.94;font-weight:900;letter-spacing:-.11em;color:#ffffff14;transform:rotate(-10deg);text-align:center}.art-word strong{display:block;font-size:16px;letter-spacing:.2em;color:#f9b65e;margin-top:32px;transform:rotate(10deg)}.hero-visual .art-bars{position:absolute;inset:15% 12%;background:repeating-linear-gradient(90deg,transparent,transparent 36px,#7acbde13 38px,#7acbde13 39px)}.hero-creative .hero-visual{background:linear-gradient(145deg,#e0edf4,#7bb7cb)}.hero-creative .art-word{color:#ffffffb8;text-shadow:0 18px 45px #17446748}.hero-creative .art-word strong{color:#0b5a92}.hero-marketing .hero-visual{background:linear-gradient(140deg,#062f50,#097eaa)}.hero-security .hero-visual{background:linear-gradient(130deg,#092d36,#226c68)}.hero-business .hero-visual{background:linear-gradient(130deg,#102e47,#7a5a47)}.hero-corporate .hero-visual{background:linear-gradient(130deg,#134265,#041e33)}.hero-legal .hero-visual,.hero-utility .hero-visual{background:linear-gradient(150deg,#1e4a66,#051f36)}.hero-brand{min-height:630px;grid-template-columns:58% 42%}.hero-brand .hero-visual{background:linear-gradient(90deg,#0a2a44aa,#0a2a4450),url('/assets/media/image-6677e2ad78dee5ec.jpg') center center/cover}.hero-brand h1{font-size:clamp(44px,5.8vw,88px)}.hero-brand h1 em{font-style:normal;color:#ffa844;font-size:1.07em}.hero-brand .micro{color:#a5e2f4}.hero-brand .hero-visual .art-word{opacity:0}.hero-brand .hero-visual .art-word strong{opacity:0}.hero-photo-bridge .hero-visual{background-image:linear-gradient(90deg,#10325099,#102b4f18),url('/assets/media/image-6677e2ad78dee5ec.jpg');background-position:center;background-size:cover}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#eaf2f8;border-bottom:1px solid #d1e0e8}.feature-strip a{padding:22px 28px;text-decoration:none;border-right:1px solid #d2e3ec;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;color:#12527a}.feature-strip a b{color:#e69d33;font-family:Georgia,serif;font-size:20px}.feature-strip a:last-child{border:0}.view-intro{padding:72px max(6%,calc((100% - var(--max))/2));display:grid;grid-template-columns:130px minmax(0,1fr);gap:50px}.view-intro .index-big{font:900 78px/1 Georgia,serif;color:#c6dfe9}.view-intro p{font-size:clamp(17px,1.7vw,21px);font-weight:550;color:#29455b;line-height:2.1;max-width:880px}.site-section{position:relative;padding:76px max(6%,calc((100% - var(--max))/2)) 84px;border-top:1px solid #e5edf1;overflow:hidden}.section-frame{max-width:1120px;margin:auto}.section-head{display:flex;align-items:flex-start;gap:27px;margin-bottom:30px}.sec-index{font:800 20px Georgia,serif;color:#b7ccdb;letter-spacing:.02em;min-width:42px;margin-top:5px}.section-head h2{font-size:clamp(26px,2.45vw,39px);font-weight:850;letter-spacing:-.065em;max-width:900px;margin:0;color:#0c2d49}.site-section .section-content{color:#3a586e;font-size:15px;line-height:2.1}.site-section p{max-width:850px}.site-section h3{color:#0e5382;font-weight:850;font-size:20px;margin:26px 0 12px}.site-section li{margin:7px 0}.site-section a{color:#0b6f9c}.site-section strong{color:#102f45}.site-section table{width:100%;border-collapse:collapse;margin:20px 0 25px;font-size:13px;background:#fff;line-height:1.7}.site-section th{background:#e5f0f7;color:#123b55;font-weight:850}.site-section th,.site-section td{padding:15px;border:1px solid #d6e4ed;text-align:left;vertical-align:top}.site-section:nth-of-type(3n+1){background:#f0f6fa}.site-section:nth-of-type(4n+2){background:#fff}.site-section.type-pullquote{background:#092b4b;color:white;padding-top:94px;padding-bottom:95px}.type-pullquote h2,.type-pullquote strong,.type-pullquote p,.type-pullquote li,.type-pullquote .section-content{color:white}.type-pullquote .section-content{max-width:850px;padding-left:68px;border-left:5px solid #f6aa42}.type-pullquote .sec-index{color:#f6aa42}.type-pullquote h2{font-size:clamp(32px,3vw,48px)}.site-section.type-split .section-frame{display:grid;grid-template-columns:40% 60%;gap:30px}.site-section.type-split .section-head{display:block;align-self:start}.site-section.type-split .sec-index{display:block;margin-bottom:12px}.site-section.type-split .section-content{border-left:3px solid #13b8d2;padding-left:30px}.site-section.type-serif .section-content{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-size:18px;line-height:2.25;color:#263f54}.site-section.type-grid .section-content ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.site-section.type-grid .section-content ul li{padding:22px;background:white;border-top:4px solid var(--orange);box-shadow:0 5px 20px #1b40620c;line-height:1.8}.site-section.type-flow .section-content ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);counter-reset:step;gap:12px;padding:0}.site-section.type-flow .section-content ol li{counter-increment:step;background:#fff;padding:22px;border:1px solid #dce9ee;border-top:4px solid #13a5be}.site-section.type-flow .section-content ol li:before{content:counter(step,decimal-leading-zero);font:900 28px Georgia,serif;color:#e49a36;display:block}.site-section.type-terms{background:#f5f1ea}.site-section.type-faq .section-content h3{border-top:1px solid #d5e4eb;padding-top:16px}.philosophy-ribbon{padding:52px 8%;background:#062642;color:#fff;display:flex;align-items:center;gap:60px}.philosophy-ribbon strong{font-size:clamp(26px,3vw,45px);line-height:1.35;letter-spacing:-.055em}.philosophy-ribbon strong span{color:#ffae44}.philosophy-ribbon p{border-left:1px solid #5d879f;padding-left:40px;margin:0;color:#d2e6ed;max-width:480px;font-size:13px}.end-cta{text-align:center;background:#e6f1f7;padding:66px 6%}.end-cta h2{font-size:32px;letter-spacing:-.05em;margin-bottom:10px}.end-cta p{font-size:14px;color:#4f6e83;margin-bottom:25px}.button-main{display:inline-block;text-decoration:none;background:#0b4774;color:#fff!important;font-weight:850;padding:14px 30px;box-shadow:4px 4px 0 #f2ac46}.site-footer{padding:47px 7%;color:#c7dbe7;background:#071f36}.site-footer h3{color:#fff;letter-spacing:-.04em;font-size:28px;margin-bottom:9px}.site-footer .tagline{font-size:13px;color:#a2bfd0}.site-footer a{color:#dce9f0;text-decoration:none;font-size:12px}.footlinks{display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 12px;border-top:1px solid #456379;padding-top:20px}.site-footer small{color:#86a0b2;font-size:10px}.president-section{display:grid;grid-template-columns:minmax(0,1fr) 33%;background:#f5f8fa}.president-copy{padding:90px 9% 68px 11%}.president-copy h2{font-size:clamp(28px,3.3vw,46px);line-height:1.5;letter-spacing:-.065em;margin:28px 0 38px}.president-copy h2 em{color:#0b76ac;font-style:normal}.president-copy p{font-family:'Yu Mincho','Noto Serif JP',serif;font-size:17px;line-height:2.4;color:#29455a}.president-aside{background:#082943;color:#fff;padding:62px 26px 62px 50px;display:flex;flex-direction:column;justify-content:center;position:relative}.president-aside .vertical-words{position:absolute;right:10px;top:38px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;color:#62bcd4}.quote-big{font-size:clamp(56px,6vw,95px);font-weight:950;letter-spacing:-.13em}.quote-big span{color:#f3ae52}.president-aside p{font-size:25px;font-weight:850;line-height:1.8;color:#fff}.president-aside small{color:#a4c7d5;font-size:12px;line-height:1.8}.president-aside .gold-rule{height:3px;width:140px;background:linear-gradient(90deg,#f9ac4d 70%,#16c5da 70%);margin:30px 0}.president-sign{display:flex;gap:25px;align-items:end;margin-top:43px}.portrait{width:175px;height:208px;flex:none;background:#deebf1;overflow:hidden;border:8px solid #fff;box-shadow:8px 8px 0 #c9dfe9}.portrait img{height:100%;width:100%;object-fit:cover}.portrait-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#688a9c;background:linear-gradient(145deg,#e9f1f6,#b9d0de)}.portrait-placeholder strong{font-size:17px}.portrait-placeholder span{font:700 11px Georgia,serif;letter-spacing:.2em}.portrait-placeholder small{font-size:10px}.name-wrap span{font-size:11px;line-height:1.8;color:#527085}.name-wrap strong{display:block;font-size:28px;color:#082f4b;margin:9px 0}.sign-slot{height:67px;display:flex;align-items:center;border-bottom:1px solid #bcccd6;min-width:180px}.sign-slot img{max-height:70px;max-width:240px;object-fit:contain}.sign-slot span{font-size:11px;color:#7295a7;font-style:italic}.value-triptych{padding:77px 7% 90px;background:white}.value-triptych h2{font-size:35px;letter-spacing:-.06em;margin-top:20px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}.value-grid article{padding:27px;background:#eaf3f8;border-top:5px solid #eda64a;min-height:220px}.value-grid article span{color:#147eae;font:900 30px Georgia,serif}.value-grid article h3{font-size:21px;line-height:1.5;margin:12px 0}.value-grid article p{font-size:13px;line-height:1.9;color:#567084}.executive-band{display:grid;grid-template-columns:1fr 330px;gap:40px;background:#f2f5f8;padding:75px 7%}.executive-band h2{font-size:38px;letter-spacing:-.06em;margin-top:20px}.executive-band p{font-size:14px;color:#45677b;max-width:700px}.executive-roles{align-self:center;border-left:4px solid #e6a753;padding-left:24px}.executive-roles span{display:block;font-size:13px;padding:17px 0;border-bottom:1px solid #cedce5}.executive-roles strong{display:block;font-size:19px;color:#0e476c}.calendar-head{text-align:center;padding:45px 5% 28px}.calendar-head h2{font-size:31px;margin:0 0 15px}.calendar-controls{display:flex;justify-content:center;gap:16px;align-items:center;margin:20px auto}.calendar-controls button{padding:7px 14px;border:1px solid #c9dce4;background:#fff}.calendar-controls strong{font-size:18px;min-width:140px}.calendar-wrap{max-width:820px;margin:0 auto 65px;padding:0 25px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-grid .day{min-height:88px;border:1px solid #d7e4ec;padding:10px 8px;background:#fff;color:#244d6a;font-size:14px}.calendar-grid .weekday{border:0;min-height:auto;text-align:center;font-weight:850;background:#edf5f9}.calendar-grid .dim{color:#b8c9d3;background:#f8fafb}.calendar-grid .weekend{background:#f2f5f7}.calendar-grid .day .meta{display:block;font-size:9px;line-height:1.4;color:#879fad;margin-top:7px}.calendar-grid .special{background:#fceede;border-color:#eabb83}.calendar-note{max-width:820px;margin:0 auto 50px;padding:15px 22px;background:#fff5e5;border-left:4px solid #f0a84c;color:#5e532f;font-size:13px}.news-board{max-width:980px;margin:0 auto;padding:50px 6% 90px}.news-card{padding:29px 7px;border-bottom:1px solid #dae8ed;display:grid;grid-template-columns:140px 150px 1fr;gap:15px;align-items:center}.news-card time{font-size:12px;color:#6c8698}.news-card .news-category{background:#e5f0f6;color:#0c5a86;text-align:center;padding:4px 12px;font-size:11px}.news-card h3{font-size:18px;margin:0}.news-empty{background:#eff5f8;padding:35px;font-size:14px;text-align:center;color:#49677c}.terms-header{padding:52px 7%;background:#f4f7f9}.terms-header h2{font-size:32px}.terms-list{padding:20px 7% 80px}.terms-item{padding:27px 8px;border-bottom:1px solid #dce7ed;display:grid;grid-template-columns:66px 240px 1fr;gap:15px}.terms-item .termno{color:#dd9639;font:800 27px Georgia,serif}.terms-item h3{font-size:17px;line-height:1.5}.terms-item p{font-size:14px;line-height:2;color:#4b667b}.pending-banner{padding:20px 7%;background:#fff4e4;color:#725126;font-size:12px}.mockform{margin:40px auto;padding:26px;background:#eaf4f9;max-width:800px}.mockform label{font-size:13px;display:block;margin:17px 0}.mockform input,.mockform textarea,.mockform select{width:100%;margin-top:6px;padding:12px;background:#fff;border:1px solid #cbdde8;border-radius:2px}.mockform button{border:0;padding:14px 25px;background:#91a9b9;color:white;cursor:not-allowed}.tiny-disclaimer{font-size:11px;color:#7a8f9e}.mobile .nav{display:none}.mobile .menu-button{display:block}.mobile .site-head{padding:15px 18px}.mobile .hero{grid-template-columns:1fr;min-height:auto}.mobile .hero-copy{padding:50px 25px 40px}.mobile .hero h1{font-size:35px}.mobile .hero-visual{min-height:220px}.mobile .hero-brand h1{font-size:44px}.mobile .feature-strip{grid-template-columns:1fr}.mobile .feature-strip a{padding:13px 20px;border-bottom:1px solid #d4e2eb}.mobile .view-intro{display:block;padding:35px 24px}.mobile .view-intro .index-big{font-size:50px}.mobile .view-intro p{font-size:16px}.mobile .site-section{padding:45px 23px 50px}.mobile .site-section.type-split .section-frame{display:block}.mobile .site-section.type-split .section-content{border-left:0;padding-left:0}.mobile .site-section.type-grid .section-content ul,.mobile .site-section.type-flow .section-content ol{grid-template-columns:1fr}.mobile .section-head h2{font-size:26px}.mobile .site-section.type-pullquote .section-content{padding-left:16px}.mobile .site-section table{display:block;overflow-x:auto}.mobile .site-section th,.mobile .site-section td{font-size:11px;padding:9px}.mobile .philosophy-ribbon{display:block;padding:30px 25px}.mobile .philosophy-ribbon strong{font-size:27px}.mobile .philosophy-ribbon p{border-left:0;padding-left:0;margin-top:16px}.mobile .end-cta{padding:45px 22px}.mobile .president-section{grid-template-columns:1fr}.mobile .president-copy{padding:54px 24px}.mobile .president-aside{padding:50px 24px;min-height:300px}.mobile .president-sign{gap:12px}.mobile .portrait{width:125px;height:155px}.mobile .name-wrap strong{font-size:21px}.mobile .sign-slot{min-width:145px}.mobile .value-triptych{padding:52px 22px}.mobile .value-grid{grid-template-columns:1fr}.mobile .executive-band{display:block;padding:50px 22px}.mobile .news-card{display:block}.mobile .terms-item{display:block}.mobile .terms-item h3{margin:5px 0 10px}.mobile .calendar-grid .day{min-height:53px;padding:5px;font-size:11px}.mobile .calendar-grid .day .meta{font-size:7px}.mobile .calendar-wrap{padding:0 10px}.mobile .hero-label-vertical{display:none}.mobile .site-footer{padding:35px 22px}@media(max-width:760px){.review-toolbar{position:static}.review-toolbar .muted{display:none}.review-toolbar select{order:3;flex-basis:100%;min-width:0}.review-toolbar .review-brand{font-size:11px}.view-shell{padding:0}.site-shell{max-width:100%;box-shadow:none}.nav{display:none}.menu-button{display:block}.site-head{padding:15px 18px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:50px 25px 40px}.hero h1{font-size:35px}.hero-visual{min-height:220px}.hero-brand h1{font-size:44px}.feature-strip{grid-template-columns:1fr}.feature-strip a{padding:13px 20px;border-bottom:1px solid #d4e2eb}.view-intro{display:block;padding:35px 24px}.view-intro .index-big{font-size:50px}.view-intro p{font-size:16px}.site-section{padding:45px 23px 50px}.site-section.type-split .section-frame{display:block}.site-section.type-split .section-content{border-left:0;padding-left:0}.site-section.type-grid .section-content ul,.site-section.type-flow .section-content ol{grid-template-columns:1fr}.section-head h2{font-size:26px}.site-section.type-pullquote .section-content{padding-left:16px}.site-section table{display:block;overflow-x:auto}.site-section th,.site-section td{font-size:11px;padding:9px}.philosophy-ribbon{display:block;padding:30px 25px}.philosophy-ribbon strong{font-size:27px}.philosophy-ribbon p{border-left:0;padding-left:0;margin-top:16px}.end-cta{padding:45px 22px}.president-section{grid-template-columns:1fr}.president-copy{padding:54px 24px}.president-aside{padding:50px 24px;min-height:300px}.president-sign{gap:12px}.portrait{width:125px;height:155px}.name-wrap strong{font-size:21px}.sign-slot{min-width:145px}.value-triptych{padding:52px 22px}.value-grid{grid-template-columns:1fr}.executive-band{display:block;padding:50px 22px}.news-card{display:block}.terms-item{display:block}.terms-item h3{margin:5px 0 10px}.calendar-grid .day{min-height:53px;padding:5px;font-size:11px}.calendar-grid .day .meta{font-size:7px}.calendar-wrap{padding:0 10px}.hero-label-vertical{display:none}.site-footer{padding:35px 22px}}[hidden]{display:none!important}.hero-brand h1{font-size:clamp(42px,5vw,72px)}.menu-mobile{display:none;background:#082944;color:white;padding:18px 22px}.menu-mobile.open{display:grid;grid-template-columns:1fr 1fr;gap:7px}.menu-mobile a{color:white;text-decoration:none;font-size:12px;padding:6px 0}.svg-bridge{position:absolute;opacity:.3;inset:0;width:100%;height:100%}

/* V16 editorial-design system: brochure-derived navy/cyan/orange, asymmetry, restrained motion */
.site-shell{box-shadow:0 18px 90px #06264220}
.hero-copy{position:relative}.hero-copy:after{content:'TSUNAGITE / PURPOSE';position:absolute;left:10%;bottom:24px;font:700 9px/1.2 Georgia,serif;letter-spacing:.24em;color:#7ba7bd}
.hero h1{letter-spacing:-.065em}.site-head{box-shadow:0 2px 20px #06345508}
.site-section.type-grid:nth-of-type(even){background:#f3f9fc}
.site-section .section-content p:first-child{font-feature-settings:'palt' on}
.section-head h2{line-height:1.4}.section-head:after{content:'';display:block;align-self:flex-start;width:25px;height:2px;background:#e6a245;flex:none;margin-top:15px}
.page[data-kind="marketing"] .hero-copy .micro,.page[data-kind="creative"] .hero-copy .micro{letter-spacing:.33em}
.page[data-kind="marketing"] .section-head h2{max-width:760px}
.page[data-kind="security"] .section-head:after{background:#28a7a0}
.page[data-kind="creative"] .section-head:after{background:#ffa436}
.page[data-kind="business"] .section-head:after{background:#baa58c}
.page[data-kind="corporate"] .hero h1{font-weight:820}
.hero .accent-rule{height:3px}
/* Privacy-safe branded paper portfolio: never uses real business-card photos */
.portfolio-feature{background:#fbfcfd;overflow:hidden;position:relative;border-top:1px solid #dbeaf1;border-bottom:1px solid #dbeaf1}
.portfolio-kicker{padding:23px 6%;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.19em;font-weight:800;color:#2c718f}
.portfolio-kicker i{width:80px;height:1px;background:#d3e1e9;flex:none}
.portfolio-main{display:grid;grid-template-columns:45% 55%;min-height:700px}
.portfolio-copy{padding:70px 9% 86px 11%;position:relative;z-index:2}
.portfolio-index{display:block;font:700 11px/1.5 Georgia,serif;color:#1683a9;letter-spacing:.12em;margin-bottom:32px}.portfolio-index b{font-weight:400;color:#88a6b8;margin-left:10px}
.portfolio-copy h2{font-size:clamp(35px,3.2vw,49px);line-height:1.4;font-weight:900;letter-spacing:-.085em;color:#082a46;margin:0 0 28px}.portfolio-copy h2 em{font-style:normal;color:#087aaa;white-space:nowrap;border-bottom:4px solid #e9a13d}
.portfolio-copy p{font-size:14px;line-height:2.17;color:#4d697d;max-width:450px}.portfolio-copy .portfolio-lead{font-size:17px;font-weight:750;line-height:1.9;color:#183a55;margin-bottom:18px}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:10px;margin:31px 0 33px}.portfolio-tags span{font-size:9px;color:#607e95;letter-spacing:.1em;padding:5px 0;border-bottom:1px solid #bed3df}
.portfolio-link{display:inline-flex;align-items:center;gap:20px;background:#072b46;color:white;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.05em;padding:17px 22px;border-left:5px solid #e8a449}.portfolio-link span{font-size:20px;color:#9fe7f1}
.portfolio-art{position:relative;min-height:690px;overflow:hidden;background:linear-gradient(135deg,#092a46,#07466f 65%,#0b7493)}
.portfolio-art-grid{position:absolute;inset:0;background-image:linear-gradient(#b8e9f10c 1px,transparent 1px),linear-gradient(90deg,#b8e9f10c 1px,transparent 1px);background-size:60px 60px}
.portfolio-glow{position:absolute;top:-10%;right:-25%;height:700px;width:700px;border:1px solid #a1dff244;border-radius:50%;box-shadow:0 0 0 100px #94e1eb0b,0 0 0 230px #94e1eb07}
.portfolio-book{position:absolute;left:13%;top:8%;width:44%;aspect-ratio:707/1000;max-width:305px;background:#fff;transform:rotate(-8deg);box-shadow:18px 26px 40px #041728a6,4px 6px 1px #e5eff4;z-index:1;overflow:hidden}
.portfolio-book img{display:block;width:100%;height:100%;object-fit:cover}
.portfolio-sample-card{position:absolute;aspect-ratio:91/55;width:51%;max-width:370px;border-radius:2px;box-shadow:12px 15px 35px #00182ab0;z-index:3;overflow:hidden}
.portfolio-sample-card.front{right:5%;top:38%;transform:rotate(10deg);background:#fff;padding:24px 23px}
.card-brandmark{width:80%;max-width:220px}.card-brandmark img{width:100%;display:block}.portfolio-sample-card .card-aqua{position:absolute;right:-12%;bottom:22%;width:80%;height:20%;background:#0583ba;transform:rotate(-28deg)}.portfolio-sample-card .card-small{position:absolute;bottom:12%;left:23px;font:800 8px Georgia,serif;letter-spacing:.08em;color:#356582}
.portfolio-sample-card.back{right:14%;bottom:7%;transform:rotate(-7deg);background:linear-gradient(110deg,#041e35,#0a3e60);padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #2d7792}.portfolio-sample-card.back strong{color:#fff;font-weight:900;font-size:clamp(28px,3.6vw,47px);line-height:1.3;letter-spacing:-.07em}.portfolio-sample-card.back strong span{color:#f6ac3f}.portfolio-sample-card.back small{color:#cceaf0;font-size:12px}.card-orange-rule{width:55px;height:4px;background:#e4aa4e;margin-top:20px}
.mockup-note{position:absolute;bottom:12px;left:20px;right:20px;color:#cee6ed;letter-spacing:.17em;font-size:9px;z-index:4;display:flex;justify-content:space-between;gap:15px}.mockup-note span{letter-spacing:0}
.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d8e5eb;padding:26px 6% 30px}.portfolio-footer>div{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.portfolio-footer strong{font-size:15px;color:#0e3954}.portfolio-footer span{font-size:11px;color:#648399}.portfolio-footer>span{letter-spacing:.16em;white-space:nowrap}
/* Opening times and calendar */
.hours-ribbon{border-top:1px solid #deebf1;border-bottom:1px solid #d6e6ef;background:#eff7fb;padding:24px 6%;display:grid;grid-template-columns:1fr 1.5fr auto;gap:25px;align-items:center}
.hours-ribbon .mini-label{font-size:10px;color:#217ea5;letter-spacing:.17em;font-weight:850}
.hours-ribbon strong{font-size:23px;letter-spacing:-.035em;color:#0c3959;line-height:1.4}.hours-ribbon small{font-size:12px;color:#496b82}.hours-ribbon a{font-size:12px;text-decoration:none;color:#0a5c8e;font-weight:800;border-bottom:1px solid #a1c7da;padding:6px 0}
.calendar-intro{padding:52px max(6%,calc((100% - 1040px)/2)) 25px;background:#f4f9fc}.calendar-intro h2{font-size:clamp(30px,3.1vw,48px);line-height:1.4;margin:13px 0;color:#092a44}.calendar-intro h2 em{font-style:normal;color:#0b7ca8}.calendar-intro p{max-width:750px;font-size:14px;color:#506b81}
.calendar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.calendar-summary>div{padding:20px 22px;background:#fff;border-top:3px solid #10a1c3;box-shadow:0 6px 22px #0c456b0a}
.calendar-summary span{display:block;font:700 10px/1.5 Georgia,serif;color:#277c9e;letter-spacing:.15em}.calendar-summary strong{display:block;font-size:21px;line-height:1.45;margin:5px 0}.calendar-summary small{display:block;font-size:11px;color:#6b7f90}
.calendar-legend{padding:14px 6% 9px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#52718a;justify-content:center}.calendar-legend i{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:6px}.legend-open{background:#cceee8}.legend-close{background:#e0e8ef}.legend-anniversary{background:#f7d6a5}.legend-unknown{background:#fff0d9}
.calendar-grid .day{position:relative}.calendar-grid .day.open{background:#e8f8f4}.calendar-grid .day.closed{background:#edf1f5;color:#71879a}.calendar-grid .day.founding{background:#fff0d5;box-shadow:inset 0 0 0 2px #dd9b40}.calendar-grid .day.pending{background:#fff7ea}.calendar-grid .day .meta{line-height:1.35}.calendar-grid .day.founding .meta{font-weight:800;color:#a35c18}.calendar-grid .day.open .meta{font-weight:750;color:#317b68}
.calendar-last-note{background:#f2f8fb;border-left:4px solid #0c80aa;padding:16px 20px;margin:27px 6% 30px;font-size:13px;color:#4a6578}
.office-hours-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:43px 6%;background:#e9f4f9;border-top:3px solid #0a6f9b}.office-hours-panel h2{font-size:30px;margin:4px 0 10px;color:#123f5f}.office-hours-panel p{font-size:13px;color:#53748a;margin:0}.office-hours-panel .office-times strong{display:block;font-size:23px;color:#0b3c60}.office-hours-panel .office-times span{display:block;font-size:12px;color:#56768c}.office-hours-panel a{display:inline-block;margin-top:13px;font-size:12px;color:#036ba1}

/* 3 distinct editorial interludes in major service pages */
.service-spotlight{display:grid;grid-template-columns:1fr 1fr;min-height:570px;isolation:isolate}
.spotlight-editorial{padding:83px 9% 85px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.spotlight-editorial h2{color:#082d49;font-size:clamp(38px,3.8vw,59px);font-weight:900;line-height:1.35;letter-spacing:-.07em;margin:23px 0}
.spotlight-editorial h2 em{font-style:normal;color:#0785a8}.spotlight-editorial p{font-size:14px;line-height:2.15;max-width:500px;color:#46697f}
.spotlight-editorial .fine-print{font-size:9px;color:#7b9caf;letter-spacing:.14em;margin-top:24px}
.web-spotlight{background:#f3f8fb}.web-diagram{background:#0b2f4e;display:grid;place-items:center;padding:60px}
.browser-frame{width:min(470px,100%);min-height:380px;background:#f9fbfd;box-shadow:18px 22px 60px #02172aa3;transform:rotate(2deg);border:6px solid white}
.browser-dot{height:38px;display:flex;align-items:center;gap:6px;background:#eaf2f7;padding:0 16px}.browser-dot i{width:7px;height:7px;border:1px solid #8badc0;border-radius:50%}.browser-dot span{margin-left:auto;font-size:9px;color:#60849a;letter-spacing:.1em}
.browser-headline{background:#092d4c;color:#fff;padding:25px 27px}.browser-headline span{display:block;color:#82d7e9;font-size:10px;letter-spacing:.17em}.browser-headline strong{display:block;font-size:38px}.browser-headline i{display:block;width:60px;height:3px;background:#e4a343;margin-top:12px}
.browser-content{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e4eef4}.browser-content>div{background:white;padding:25px 21px}.browser-content span{font-size:8px;color:#1682ab;letter-spacing:.12em}.browser-content b{display:block;font-size:24px;margin:12px 0 6px}.browser-content p{font-size:11px;color:#7893a6;margin:0}.browser-cta{background:#0e77a5;color:white;letter-spacing:.15em;font-size:10px;text-align:center;padding:13px}
.search-spotlight{background:#fff}.search-diagram{background:#092a48;padding:57px 12%;display:flex;justify-content:center;flex-direction:column;gap:26px}.search-label{font-size:11px;letter-spacing:.19em;color:#92d5e7}.search-chain{display:grid;gap:9px}.search-chain article{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:16px;padding:15px 18px;background:#ffffff0d;border:1px solid #65c3d625}.search-chain article span{font:700 23px Georgia,serif;color:#f0b054}.search-chain article strong{font-size:19px;color:white}.search-chain article small{color:#9bcbd8;font-size:8px;letter-spacing:.09em}.search-target{font-size:18px;color:#e7f6f9;font-weight:850}.search-target em{color:#e4aa57;font-style:normal}
.print-spotlight{background:#f5f8fc}.print-diagram{display:grid;place-items:center;background:linear-gradient(120deg,#e2edf4,#b9d7e7);padding:70px 10%}.typography-card{width:min(470px,100%);padding:45px 38px;background:#fff;box-shadow:16px 22px 46px #1d4d7233}.typography-card>span{letter-spacing:.15em;color:#24769e;font-size:10px;font-weight:800}.type-row{margin:35px 0 20px;border-bottom:1px solid #d6e3eb;padding-bottom:13px}.type-row strong{display:block;color:#083456;font-size:clamp(37px,4vw,55px);letter-spacing:-.06em;line-height:1.4}.type-row strong::first-letter{color:#efad49}.type-row small{font-size:9px;letter-spacing:.15em;color:#6995aa}.type-row.secondary{margin:10px 0 25px}.type-row.secondary strong{font-size:19px;color:#0d6a9b}.swatches{display:flex;gap:7px}.swatches i{height:34px;flex:1}.measure{margin-top:18px;font-size:10px;letter-spacing:.15em;color:#708fa5}
.mobile .service-spotlight{display:block}.mobile .spotlight-editorial{padding:47px 25px}.mobile .spotlight-editorial h2{font-size:38px}.mobile .web-diagram,.mobile .search-diagram,.mobile .print-diagram{padding:36px 24px}.mobile .browser-headline strong{font-size:31px}.mobile .browser-content b{font-size:20px}.mobile .browser-content>div{padding:15px}.mobile .search-chain article{grid-template-columns:34px 1fr;gap:6px}.mobile .search-chain article small{grid-column:2}.mobile .search-chain article strong{font-size:16px}.mobile .typography-card{padding:27px 23px}
@media(max-width:760px){.service-spotlight{display:block}.spotlight-editorial{padding:47px 25px}.spotlight-editorial h2{font-size:37px}.web-diagram,.search-diagram,.print-diagram{padding:35px 25px}.browser-headline strong{font-size:30px}.browser-content b{font-size:20px}.browser-content>div{padding:15px}.search-chain article{grid-template-columns:34px 1fr}.search-chain article small{grid-column:2}.search-chain article strong{font-size:16px}.typography-card{padding:29px 24px}}

/* mobile-specific care; allow site-shell.mobile toggle as well as real iPhone browser width */
.mobile .portfolio-main,.mobile .office-hours-panel,.mobile .hours-ribbon{grid-template-columns:1fr}.mobile .portfolio-main{display:block}.mobile .portfolio-copy{padding:50px 27px 35px}.mobile .portfolio-copy h2{font-size:36px}.mobile .portfolio-art{min-height:440px}.mobile .portfolio-book{width:44%;left:13%;top:8%}.mobile .portfolio-sample-card{width:56%}.mobile .portfolio-sample-card.front{padding:15px;top:31%}.mobile .portfolio-sample-card.back{padding:22px;bottom:9%}.mobile .portfolio-sample-card.back strong{font-size:29px}.mobile .portfolio-sample-card.back small{font-size:9px}.mobile .portfolio-footer{display:block;padding:22px 25px}.mobile .portfolio-footer>span{display:none}.mobile .portfolio-kicker{padding:16px 25px;font-size:8px}.mobile .portfolio-kicker i{width:28px}.mobile .mockup-note{font-size:7px}.mobile .mockup-note span{font-size:7px}.mobile .hours-ribbon{padding:20px 25px;gap:9px}.mobile .hours-ribbon strong{font-size:22px}.mobile .calendar-summary{grid-template-columns:1fr}.mobile .calendar-intro{padding:38px 23px 18px}.mobile .calendar-intro h2{font-size:33px}.mobile .office-hours-panel{padding:33px 22px;gap:16px}
@media(max-width:760px){.portfolio-main,.office-hours-panel,.hours-ribbon{display:block}.portfolio-copy{padding:48px 25px}.portfolio-copy h2{font-size:36px}.portfolio-art{min-height:435px}.portfolio-sample-card{width:55%}.portfolio-sample-card.front{padding:15px;top:32%}.portfolio-sample-card.back{padding:22px;bottom:10%}.portfolio-sample-card.back strong{font-size:29px}.portfolio-sample-card.back small{font-size:9px}.portfolio-footer{display:block;padding:20px 25px}.portfolio-footer>span{display:none}.portfolio-kicker{padding:16px 25px;font-size:8px}.portfolio-kicker i{width:25px}.mockup-note{font-size:7px}.mockup-note span{font-size:7px}.hours-ribbon{padding:22px 25px}.hours-ribbon strong{display:block;font-size:23px;margin:5px 0}.hours-ribbon small{display:block}.hours-ribbon a{display:inline-block;margin-top:9px}.calendar-summary{grid-template-columns:1fr}.calendar-intro{padding:37px 23px 18px}.calendar-intro h2{font-size:34px}.office-hours-panel{padding:33px 25px}.office-hours-panel .office-times{margin-top:20px}.hero-copy:after{left:25px;bottom:14px}.portfolio-art .portfolio-sample-card.front{right:5%}}



/* V18: editorial direction aligned with the 20-page corporate brochure */
:root{--navy:#07243e;--blue:#086ca9;--orange:#ed9e3a;--cyan:#33bfd5}
.page{font-feature-settings:"palt" on}
.site-head{box-shadow:0 2px 26px #072f4913}
.site-head .nav a{letter-spacing:.02em}
.site-section{scroll-margin-top:25px}
.site-section .section-head h2{line-height:1.42;letter-spacing:-.045em}
.site-section .section-content p{line-height:2.05;letter-spacing:.006em}
.site-section.type-normal:nth-child(even) .section-frame{padding-top:94px;padding-bottom:94px}
.site-section.type-split .section-frame{gap:min(7vw,100px)}
.site-section.type-pullquote{background:linear-gradient(137deg,#f3f9fc,#fff 72%)}
.page[data-kind="creative"] .site-section:nth-of-type(4n+1) .section-head h2{font-size:clamp(28px,3.3vw,43px)}
.page[data-kind="security"] .site-section.type-grid{background:#f0f8f8}
.page[data-kind="technology"] .site-section.type-split{background:linear-gradient(115deg,#f6fafc,#eaf3fa)}
.page[data-kind="marketing"] .section-head:after{background:#ec9c3e}
.page[data-kind="business"] .site-section.type-serif{background:#f7f5ef}
.page[data-kind="corporate"] .site-section{border-bottom:1px solid #d7e7ec}
.page[data-kind="legal"] .site-section .section-content{max-width:900px}
.page[data-kind="legal"] .site-section h2{font-size:clamp(24px,2.6vw,35px)}
.local-footer-stance{padding:18px 5%;font-size:12px;line-height:1.8;color:#a8c6d7;background:#05233c;text-align:center}
.local-seo-short{font-size:13px!important;font-weight:650;color:#d4eef4!important;max-width:520px;margin:22px auto 0;line-height:1.9}
.face-feature{background:#081f37;color:#fff;position:relative;overflow:hidden;border-top:5px solid #eba13e}
.face-feature:before{content:'FACE TO FACE';position:absolute;right:-2%;bottom:0;color:#ffffff0b;font:900 clamp(60px,12vw,210px)/1 Georgia,serif;letter-spacing:-.07em;white-space:nowrap}
.face-overline{padding:22px max(5%,calc((100% - 1160px)/2));font:700 10px/1.5 Georgia,serif;color:#65b6d6;letter-spacing:.24em;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff22}
.face-overline span{color:#f5c078}
.face-grid{display:grid;grid-template-columns:48% 52%;max-width:1280px;margin:auto;position:relative;z-index:2}
.face-head{padding:78px 10% 88px 8%;border-right:1px solid #ffffff2b}
.face-oversize{display:block;font-size:clamp(54px,7.3vw,112px);font-weight:900;line-height:1.2;letter-spacing:-.11em}
.face-oversize em{font-style:normal;color:#ed9c37}
.face-head h2{font-size:clamp(17px,2vw,25px);line-height:1.7;color:#b7e1ee;margin:44px 0 0;font-weight:700}
.face-copy{padding:90px 10% 80px 9%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.face-copy p{max-width:550px;font-size:15px;color:#d8e6ec;line-height:2.25;margin:0}
.face-keywords{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.face-keywords span{padding:7px 11px;border:1px solid #ffffff3c;color:#c8e5ee;font-size:11px}
.face-cta{padding:14px 20px 15px 0;border-bottom:2px solid #f3a53f;color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.07em}
.face-cta b{color:#ffba63;margin-left:15px}
.legacy-seo{background:linear-gradient(120deg,#f9fbfc,#eaf5fa);border-top:1px solid #cde2eb;border-bottom:1px solid #cde2eb}
.legacy-brow{font:700 11px/1.5 Georgia,serif;letter-spacing:.22em;color:#1c7d9e;padding:22px 6%;border-bottom:1px solid #cde2eb}
.legacy-inner{display:grid;grid-template-columns:47% 53%;max-width:1280px;margin:auto;min-height:440px}
.legacy-title{padding:80px 9%;border-right:1px solid #d3e2eb}
.legacy-title small{font:700 11px Georgia,serif;color:#2b83a4;letter-spacing:.17em}
.legacy-title h2{font-size:clamp(32px,3.6vw,55px);letter-spacing:-.06em;color:#092b44;margin:22px 0 0;line-height:1.44}
.legacy-title h2 em{font-style:normal;color:#0b7ca9}
.legacy-rule{width:75px;height:5px;background:#e7a34c;margin-top:35px}
.legacy-copy{padding:64px 9%;font-size:14px;color:#38576d;line-height:2.2}
.legacy-copy p{margin-bottom:15px}.legacy-copy .legacy-bold{font-weight:800;color:#082c49;font-size:16px}
.legacy-plans{background:#fff;padding:75px max(5%,calc((100% - 1180px)/2)) 82px}
.legacy-plans-head{text-align:center;max-width:780px;margin:0 auto 43px}
.legacy-plans-head h2{font-size:clamp(33px,4.2vw,54px);letter-spacing:-.06em;margin:7px 0 12px}
.legacy-plans-head p{font-size:14px;color:#537087}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-grid article{border-top:5px solid #087eb1;background:linear-gradient(#f4f9fc,#fff);padding:34px 28px;min-width:0;box-shadow:0 12px 34px #0b446a0a}
.plan-grid article:nth-child(2){border-top-color:#10b7be}.plan-grid article:nth-child(3){border-top-color:#e79b36}
.plan-no{font:700 48px/1 Georgia,serif;color:#c4dfea}
.plan-grid h3{font-size:20px;line-height:1.55;min-height:67px;margin:18px 0}
.plan-grid p{font-size:13px;line-height:2;color:#516e81}
.plan-grid article strong{display:block;color:#063858;margin:25px 0 6px;font-size:19px}
.plan-grid small{display:block;font-size:11px;color:#6a7e8d;min-height:30px}
.plan-note{font-size:12px;color:#5c7485;line-height:2;margin-top:22px;padding:0 6px}
.editorial-signature{padding:0;overflow:hidden;background:#082944;color:#fff}
.editorial-signature .signature-index{padding:13px 6%;color:#a9d5e4;font:700 10px/1.5 Georgia,serif;letter-spacing:.25em;border-bottom:1px solid #fff2}
.editorial-signature .signature-inner{display:grid;grid-template-columns:1.05fr .95fr;max-width:1250px;margin:auto}
.editorial-signature .sig-type{padding:65px 9% 70px;border-right:1px solid #fff2}
.editorial-signature .sig-type span{color:#8ed0e5;font:700 10px/1.5 Georgia,serif;letter-spacing:.18em}
.editorial-signature .sig-type h2{font-size:clamp(32px,3.8vw,52px);font-weight:850;letter-spacing:-.07em;line-height:1.43;margin:19px 0 0}
.editorial-signature .sig-copy{padding:65px 9% 65px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.editorial-signature .sig-copy p{font-size:14px;color:#d0e4eb;line-height:2.15}
.editorial-signature .sig-copy a{color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid #f1a740;padding:13px 0;font-weight:750}
.editorial-signature .sig-copy b{color:#f6b15b;margin-left:17px}
.editorial-signature.variant-map{background:linear-gradient(112deg,#073c5d,#081e33)}
.editorial-signature.variant-gallery{background:linear-gradient(125deg,#143a52,#104c69 64%,#085985)}
.editorial-signature.variant-shield{background:linear-gradient(115deg,#082f41,#103c49)}
.editorial-signature.variant-flow{background:linear-gradient(120deg,#0b3854,#07385d)}
.editorial-signature.variant-type{background:linear-gradient(145deg,#072741,#06395c)}
.editorial-signature.variant-gallery .sig-type:after{content:'A';position:absolute;font:900 180px Georgia,serif;opacity:.04;left:10%}
.page[data-kind="marketing"] .hero h1{font-size:clamp(41px,5vw,78px)}
.page[data-kind="corporate"] .president-section .president-sign{padding:25px 0}
.page[data-kind="corporate"] .president-section .president-sign .name-wrap{padding:20px 0 12px;border-top:1px solid #b0ced9}
.contact-gateway{background:#eaf5fa;padding:65px max(6%,calc((100% - 980px)/2));text-align:center}
.contact-gateway .cg-mark{font:800 11px Georgia,serif;color:#0e7395;letter-spacing:.18em}
.contact-gateway h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.055em;margin:12px 0}
.contact-gateway p{color:#4b6980;font-size:14px;line-height:2;max-width:700px;margin:0 auto 30px}
.contact-gateway a{display:inline-flex;text-decoration:none;background:#0a3454;padding:16px 26px;color:white;font-size:13px;font-weight:750;gap:22px}
.v9-recovered .sec .container{max-width:1180px}
/* avoid user-facing note banners; page navigation belongs only to review toolbar */
.v17-restore-caption{display:none!important}
@media(max-width:760px){
  .face-grid,.legacy-inner,.editorial-signature .signature-inner{grid-template-columns:1fr}
  .face-head,.legacy-title,.editorial-signature .sig-type{padding:50px 7% 34px;border-right:0;border-bottom:1px solid #ffffff30}
  .legacy-title{border-bottom-color:#d6e5ec}
  .face-copy,.legacy-copy,.editorial-signature .sig-copy{padding:35px 7% 55px}
  .face-oversize{font-size:clamp(52px,14vw,82px)}
  .legacy-plans{padding:55px 5%}.plan-grid{grid-template-columns:1fr}.plan-grid h3{min-height:0}
  .editorial-signature .sig-type h2{font-size:32px}
  .face-overline{font-size:8px}
  .legacy-copy .legacy-bold{font-size:15px}
  .local-seo-short{padding:0 15px}
}

/* V19 / ROOTS & LOCAL SEO/AIO — retained original v18 layouts */
.tsu-roots-section{position:relative;overflow:hidden;padding:110px max(6%,calc((100% - 1140px)/2)) 0;background:#f6f9fb;color:#0b3150;border-top:1px solid #e3eaf0}
.tsu-roots-section:before{content:"";position:absolute;right:-6%;top:0;width:40%;height:75%;pointer-events:none;background:repeating-linear-gradient(116deg,transparent 0 25px,#1779ad09 26px 27px);transform:skewX(-10deg)}
.tsu-roots-inside{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:7%;padding:0 3% 80px}.tsu-r-kicker,.tsu-seo-small{display:block;letter-spacing:.23em;font-size:11px;font-weight:900;color:#0575a5}
.tsu-r-marker{font:500 15px/2.1 'Noto Serif JP','Yu Mincho',serif;color:#557184;padding-top:22px}
.tsu-roots-heading h2{font-weight:900;letter-spacing:-.055em;line-height:1.42;font-size:clamp(36px,4.15vw,62px);margin:27px 0 0}
.tsu-roots-heading h2 em{font-style:normal;color:#0877af}.tsu-roots-story{padding:20px 0 0;border-top:4px solid #0c719f}.tsu-roots-story p{font-size:15px;line-height:2.22;color:#3f566a;margin:0 0 20px}.tsu-roots-story .tsu-roots-lead{font-size:16px;color:#173c57}.tsu-roots-story strong{color:#092b43}.tsu-r-textlink{margin-top:22px;display:inline-flex;gap:22px;align-items:center;padding:12px 0;border-bottom:2px solid #e7a45a;text-decoration:none;font-weight:850;font-size:14px;color:#093a5c}
.tsu-roots-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfdde6;margin:0 -6%;background:#eaf1f6}.tsu-roots-steps>div{padding:32px 13%;border-right:1px solid #cfdde6;min-height:174px}.tsu-roots-steps>div:last-child{border-right:0}.tsu-roots-steps span{display:block;color:#0979a6;font-size:10px;letter-spacing:.2em;font-weight:900}.tsu-roots-steps b{display:block;font-weight:900;font-size:24px;letter-spacing:-.055em;line-height:1.5;margin-top:13px}.tsu-roots-steps small{display:block;color:#4c6677;margin-top:8px;font-size:11px}
.tsu-seo-section{position:relative;background:#071f36;color:#f1f7fb;padding:112px max(6%,calc((100% - 1150px)/2)) 108px;overflow:hidden}
.tsu-seo-section:after{content:'SEO / AIO';position:absolute;bottom:-34px;right:8px;color:#ffffff05;font:900 148px/1 sans-serif;white-space:nowrap;pointer-events:none;transform:rotate(-7deg)}.tsu-seo-wrap{position:relative;z-index:1}.tsu-seo-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #49627a;padding-bottom:14px;color:#99bfd4;font:850 10px/1.6 sans-serif;letter-spacing:.22em}.tsu-seo-head{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:6%;padding-top:54px}.tsu-seo-giant{font-weight:900;font-size:clamp(42px,6.1vw,85px);letter-spacing:-.075em;line-height:1.32;display:block}.tsu-seo-giant em{font-style:normal;color:#f8b35a}.tsu-seo-copy{border-left:2px solid #4aa9c9;padding-left:35px}.tsu-seo-small{color:#7bd2eb}.tsu-seo-copy h2{font-size:clamp(28px,3.1vw,40px);line-height:1.45;letter-spacing:-.04em;margin:22px 0}.tsu-seo-copy p{color:#c5d6e1;font-size:14px;line-height:2.1;margin-bottom:16px}.tsu-seo-copy p strong{color:#fff}.tsu-seo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;border-top:1px solid #527082;margin-top:65px;padding-top:35px}.tsu-seo-outcome span{display:block;color:#efb264;font-size:11px;font-weight:850;letter-spacing:.23em;margin-bottom:20px}.tsu-seo-outcome strong{display:block;font-size:clamp(28px,4vw,56px);letter-spacing:-.06em;line-height:1.48}.tsu-seo-outcome em{font-style:normal;color:#f2ad4f}.tsu-seo-outcome p,.tsu-seo-proof p{line-height:2.05;font-size:14px;color:#c4d6e3;max-width:520px}.tsu-seo-outcome p{margin-top:18px}.tsu-seo-button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;margin-top:15px;text-decoration:none;background:#f2ad4f;color:#122e43;padding:16px 24px;font-size:13px;font-weight:900;box-shadow:6px 6px 0 #146387}.tsu-seo-button b{font-size:21px}
@media(max-width:760px){.tsu-roots-section{padding:62px 22px 0}.tsu-roots-inside{grid-template-columns:1fr;gap:24px;padding:0 0 50px}.tsu-r-marker{font-size:13px}.tsu-roots-heading h2{font-size:37px;margin-top:20px}.tsu-roots-story p{font-size:14px;line-height:2.05}.tsu-roots-steps{margin:0 -22px;display:grid;grid-template-columns:1fr}.tsu-roots-steps>div{padding:20px 29px;min-height:unset;display:grid;grid-template-columns:90px 1fr;gap:5px 9px;border-right:0;border-bottom:1px solid #cbdce7;align-items:start}.tsu-roots-steps b{font-size:19px;margin:0}.tsu-roots-steps small{grid-column:2;margin:0}.tsu-seo-section{padding:68px 23px 75px}.tsu-seo-topline span:last-child{display:none}.tsu-seo-head,.tsu-seo-bottom{grid-template-columns:1fr;gap:30px}.tsu-seo-giant{font-size:52px}.tsu-seo-copy{border-left:0;border-top:2px solid #4aa9c9;padding:22px 0 0}.tsu-seo-copy h2{font-size:30px}.tsu-seo-bottom{margin-top:44px;padding-top:30px}.tsu-seo-outcome strong{font-size:39px}.tsu-seo-button{padding:15px 17px;gap:10px;font-size:12px}.tsu-seo-section:after{font-size:80px;bottom:2px}}

/* VER.20 / CORPORATE PROFILE-ALIGNED DESIGN SYSTEM */
:root{--v20-paper:#f7fafc;--v20-orange:#f1a64b;--v20-blue:#0878b5;--v20-ink:#0a2e4c}
.page{--v20-emphasis:#1682b7}
.page[data-kind="creative"]{--v20-emphasis:#0676b1}
.page[data-kind="marketing"]{--v20-emphasis:#006eaf}
.page[data-kind="technology"]{--v20-emphasis:#088e9c}
.page[data-kind="security"]{--v20-emphasis:#128b88}
.page[data-kind="business"]{--v20-emphasis:#b87a30}
.page[data-kind="corporate"]{--v20-emphasis:#e29537}
.page[data-kind="legal"]{--v20-emphasis:#8d774a}
.page[data-kind="utility"]{--v20-emphasis:#1682b7}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero{min-height:500px;grid-template-columns:51% 49%}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-copy{padding:87px 8% 88px 11%}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-copy h1{font-size:clamp(39px,4.7vw,67px);letter-spacing:-.085em;line-height:1.27}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-visual:before{border-width:2px;border-color:#ffffff35;width:68%;height:65%;top:11%;left:10%;border-radius:1px;transform:rotate(-9deg)}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-visual:after{border-color:#ecab562b;bottom:-11%;right:-10%;width:280px;height:280px;border-width:2px}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-visual .art-word{font-size:clamp(75px,9vw,155px);transform:rotate(-9deg);letter-spacing:-.13em}
.page:not([data-slug="home"]):not([data-slug="seo"]) .hero-label-vertical{right:24px;font-size:10px;color:#ffffff7a}
.page:not([data-slug="home"]):not([data-slug="seo"]) .view-intro{border-left:5px solid var(--v20-emphasis)}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section{padding-top:84px;padding-bottom:92px}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section .section-head h2{letter-spacing:-.065em}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-density="airy"]{padding-top:100px;padding-bottom:104px}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="chapter"]{background:linear-gradient(105deg,#e8f3f9,#fff 77%);border-top:3px solid var(--v20-emphasis)}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="chapter"] .section-head h2{font-size:clamp(29px,3vw,44px)}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="notebook"] .section-frame{border-left:1px solid #b4d5e5;padding-left:36px}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="notebook"] .sec-index{color:#d79038}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="quiet"]{background:#fff}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="quiet"] .section-head{position:relative}
.page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="quiet"] .section-head:before{content:'';position:absolute;top:-22px;left:0;width:100px;height:2px;background:linear-gradient(90deg,var(--v20-orange) 40%,var(--v20-emphasis) 40%)}
.page:not([data-slug="home"]):not([data-slug="seo"]) .type-pullquote{background:linear-gradient(125deg,#082943,#0e5376)!important;color:#fff}
.page:not([data-slug="home"]):not([data-slug="seo"]) .type-pullquote .section-head h2{color:#fff}
.page:not([data-slug="home"]):not([data-slug="seo"]) .type-pullquote .section-content{color:#f4f8fb}
.page[data-kind="security"] .site-section.type-pullquote{background:linear-gradient(115deg,#0b3842,#0f6964)!important}
.page[data-kind="business"] .site-section.type-pullquote{background:linear-gradient(115deg,#1a3547,#65513a)!important}
.page[data-kind="creative"] .site-section.type-pullquote{background:linear-gradient(115deg,#073559,#125d89)!important}
.page .site-section .section-content p{max-width:920px}
.v20-focus{isolation:isolate;position:relative;display:grid;grid-template-columns:45% 55%;background:#f7fafc;min-height:410px;overflow:hidden;border-top:1px solid #e1ebf0;border-bottom:1px solid #e1ebf0}
.v20-focus-main{position:relative;min-width:0;padding:72px 8% 60px 13%;background:linear-gradient(135deg,#f4fafc,#e7f0f6);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.v20-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;color:#006b9f}
.v20-focus-brow{margin:20px 0 8px;font-size:12px;color:#627987;font-weight:700;line-height:1.95;max-width:410px}
.v20-focus-main h2{position:relative;z-index:2;font-size:clamp(30px,3vw,48px);letter-spacing:-.078em;line-height:1.5;font-weight:850;color:#0a3152;margin:0 0 26px}
.v20-rule{display:block;width:135px;height:4px;background:linear-gradient(90deg,var(--v20-orange) 35%,var(--v20-emphasis) 35%)}
.v20-art-number{position:absolute;right:4%;bottom:-17%;font:900 190px/.9 Georgia,serif;letter-spacing:-.11em;color:#0a5a8420;pointer-events:none}
.v20-focus-triad{align-self:stretch;display:grid;grid-template-rows:repeat(3,1fr);padding:38px 7%;background:#fff}
.v20-focus-triad article{padding:19px 12px 18px 25px;display:grid;grid-template-columns:48px 1fr;gap:1px 19px;align-content:center;border-bottom:1px solid #e3ebef;position:relative}
.v20-focus-triad article:last-child{border-bottom:0}
.v20-focus-triad .v20-ordinal{grid-row:1/3;font:800 24px Georgia,serif;color:var(--v20-emphasis)}
.v20-focus-triad strong{font-size:20px;color:#092e4d;letter-spacing:-.035em}
.v20-focus-triad p{font-size:12px;line-height:1.9;color:#597183;margin:6px 0 0}

/* Page-by-page hero art direction — a shared brand, not 26 identical headers. */
@media(min-width:681px){
 #page-services .hero{grid-template-columns:45% 55%}
 #page-services .hero-visual{background:radial-gradient(circle at 65% 35%,#1475a3,#062b48 68%)}
 #page-meo .hero{grid-template-columns:62% 38%}
 #page-meo .hero-copy{background:#08334f}
 #page-meo .hero-visual{background:repeating-linear-gradient(45deg,#0d6d81,#0d6d81 35px,#10647c 36px,#10647c 38px)}
 #page-dx .hero{grid-template-columns:43% 57%}
 #page-dx .hero-copy{background:#eef6f9}
 #page-dx .hero-visual{background:linear-gradient(140deg,#08688c,#063048)}
 #page-ai-training .hero{grid-template-columns:43% 57%}
 #page-ai-training .hero-visual{order:-1;background:linear-gradient(150deg,#dceef5,#2c9fbe)}
 #page-ai-training .hero-copy{order:2;background:#f6f8f8}
 #page-ai-training .hero-visual .art-word{color:#ffffffdf;text-shadow:0 15px 28px #0b648344}
 #page-google-workspace .hero{grid-template-columns:49% 51%}
 #page-google-workspace .hero-visual{background:linear-gradient(120deg,#114f8d,#0b2d4d)}
 #page-support .hero{grid-template-columns:56% 44%}
 #page-support .hero-visual{background:radial-gradient(ellipse at 60% 75%,#29a4be,#064260 70%)}
 #page-cost .hero{grid-template-columns:57% 43%}
 #page-cost .hero-copy{background:#f5f0e7}
 #page-cost .hero-visual{background:linear-gradient(140deg,#7d6650,#16344a)}
 #page-security .hero{grid-template-columns:62% 38%}
 #page-security .hero-visual{background:linear-gradient(135deg,#0b6563,#082a3b)}
 #page-pc-security .hero{grid-template-columns:46% 54%}
 #page-pc-security .hero-visual{order:-1;background:linear-gradient(145deg,#0f3040,#247c7e)}
 #page-pc-security .hero-copy{order:2}
 #page-network-security .hero{grid-template-columns:51% 49%}
 #page-network-security .hero-visual{background:radial-gradient(circle at 25% 25%,#157c84,#092b39 68%)}
 #page-backup .hero{grid-template-columns:64% 36%}
 #page-backup .hero-visual{background:linear-gradient(105deg,#165c71,#0b2938)}
 #page-subsidy .hero{grid-template-columns:44% 56%}
 #page-subsidy .hero-visual{order:-1;background:linear-gradient(145deg,#b28857,#25465a)}
 #page-subsidy .hero-copy{order:2}
 #page-employment-subsidy .hero{grid-template-columns:60% 40%}
 #page-employment-subsidy .hero-visual{background:linear-gradient(130deg,#977453,#0b3850)}
 #page-consulting .hero{grid-template-columns:65% 35%}
 #page-consulting .hero-copy{background:#113951}
 #page-consulting .hero-visual{background:linear-gradient(145deg,#a8784b,#173449)}
 #page-pricing .hero{grid-template-columns:52% 48%}
 #page-pricing .hero-copy{background:#f7f2e8}
 #page-pricing .hero-visual{background:linear-gradient(145deg,#164b72,#0b2e4e)}
 #page-downloads .hero{grid-template-columns:60% 40%}
 #page-downloads .hero-visual{background:linear-gradient(150deg,#daeaf2,#6ba8bd)}
 #page-sitemap .hero,#page-privacy .hero,#page-terms .hero{grid-template-columns:70% 30%;min-height:420px}
 #page-sitemap .hero-visual,#page-privacy .hero-visual,#page-terms .hero-visual{background:linear-gradient(155deg,#0d4563,#092c48)}
 #page-business-calendar .hero{grid-template-columns:64% 36%;min-height:435px}
 #page-news .hero{grid-template-columns:65% 35%;min-height:430px}
}
#page-ai-training .hero .micro,#page-dx .hero .micro{color:#067ca6}
#page-ai-training .hero .lead,#page-dx .hero .lead{color:#395e72}
#page-ai-training .hero h1,#page-dx .hero h1{color:#103952}
#page-cost .hero h1,#page-pricing .hero h1{color:#17374a}
#page-cost .hero .lead,#page-pricing .hero .lead{color:#5a676a}
#page-cost .hero .micro,#page-pricing .hero .micro{color:#9d753e}
#page-ai-training .hero-visual .art-word strong{color:#0f6d8f}
#page-pricing .hero .art-word strong{color:#fff}

/* Eight intentional visual systems; shared DNA, distinct spatial rhythms. */
.v20-gallery .v20-focus-main,.v20-print .v20-focus-main{background:#fff}
.v20-gallery .v20-focus-triad{background:#edf6fa;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:13px;padding:56px 5%}
.v20-gallery .v20-focus-triad article{display:flex;flex-direction:column;align-items:flex-start;border:0;background:#fff;box-shadow:0 10px 32px #0e436415;padding:35px 18px}
.v20-gallery .v20-focus-triad strong{font-size:23px}
.v20-gallery .v20-ordinal{margin-bottom:34px;color:#e9a443}
.v20-print .v20-focus-main{background:#fff;border-right:1px solid #e2e9ed}
.v20-print .v20-focus-main:after{content:'';position:absolute;left:13%;right:12%;bottom:25px;height:1px;background:#aecddd}
.v20-print .v20-focus-triad{background:#eff5f9;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:12px;padding:56px 6%}
.v20-print .v20-focus-triad article{display:block;border:0;border-top:5px solid var(--v20-emphasis);background:#fff;box-shadow:7px 8px 0 #caddea;padding:34px 19px}
.v20-print .v20-focus-triad .v20-ordinal{display:block;margin-bottom:29px}
.v20-print .v20-focus-triad p{margin-top:12px}
.v20-map .v20-focus-triad{background:linear-gradient(145deg,#103b57,#066c8e);color:white}
.v20-map .v20-focus-triad article{border-bottom:1px dashed #b8f2fc55}
.v20-map .v20-focus-triad strong{color:#fff}
.v20-map .v20-focus-triad p{color:#c9e7eb}
.v20-map .v20-focus-triad .v20-ordinal{color:#f8b55e}
.v20-flow .v20-focus-triad{background:linear-gradient(100deg,#e6f4f7,#f7fafc);padding:43px 6%}
.v20-flow .v20-focus-triad article{border-left:2px solid #8acbd4;border-bottom:0;margin-left:15px}
.v20-flow .v20-focus-triad article:before{content:'';position:absolute;left:-8px;top:50%;width:14px;height:14px;border-radius:50%;background:#e69b41;border:3px solid #fff;transform:translateY(-50%)}
.v20-matrix .v20-focus-triad,.v20-atlas .v20-focus-triad{background:#092e4c;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;align-items:stretch;gap:1px;padding:0}
.v20-matrix .v20-focus-triad article,.v20-atlas .v20-focus-triad article{display:flex;flex-direction:column;align-items:flex-start;padding:54px 15% 43px;border:0;border-right:1px solid #6c90a333}
.v20-matrix .v20-focus-triad strong,.v20-atlas .v20-focus-triad strong{color:#fff;line-height:1.5}
.v20-matrix .v20-focus-triad p,.v20-atlas .v20-focus-triad p{color:#c6dce8}
.v20-matrix .v20-ordinal,.v20-atlas .v20-ordinal{color:#ecb465!important;margin-bottom:55px}
.v20-diagnostic .v20-focus-triad{background:#0d3c4a;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:1px;padding:38px 4%}
.v20-diagnostic .v20-focus-triad article{display:flex;flex-direction:column;justify-content:center;border:0;border-top:2px solid #55b9b6;background:#174d58;color:white;margin:0 5px;padding:30px 15px}
.v20-diagnostic .v20-focus-triad strong{font-size:19px;color:white}
.v20-diagnostic .v20-focus-triad p{color:#c4e4e0}
.v20-diagnostic .v20-ordinal{color:#edb267!important;margin-bottom:32px}
.v20-ledger .v20-focus-main,.v20-timeline .v20-focus-main{background:#f5f3ee}
.v20-ledger .v20-focus-triad,.v20-timeline .v20-focus-triad{background:#fffdf7}
.v20-ledger .v20-focus-triad .v20-ordinal,.v20-timeline .v20-focus-triad .v20-ordinal{color:#b7843f}
.v20-timeline .v20-focus-triad article{border-left:3px solid #d9b985;margin-left:15px;border-bottom:0}
.v20-quote .v20-focus-main{background:#062942;color:#fff}
.v20-quote .v20-focus-brow{color:#b7d6e4}.v20-quote .v20-focus-main h2{color:#fff}.v20-quote .v20-eyebrow{color:#ecc084}
.v20-quote .v20-art-number{color:#ffffff08}
.v20-quote .v20-focus-triad{background:#e8f2f7}
.v20-editorial .v20-focus-main{background:#fff}
.v20-editorial .v20-focus-triad{background:#f1f5f7}
.v20-editorial .v20-focus-triad article{border-bottom:1px solid #c9d8df}
.v20-form-layout{display:grid;grid-template-columns:38% 62%;background:#eef6fa;border:1px solid #cfdee8;overflow:hidden}
.v20-form-start{padding:42px 10%;background:#0c3452;color:#fff}
.v20-form-start>span{font-size:10px;letter-spacing:.2em;color:#8bd3ed}
.v20-form-start strong{display:block;font-size:27px;line-height:1.5;letter-spacing:-.06em;color:#fff;margin:30px 0}
.v20-form-start p{color:#d0e3eb;font-size:13px;line-height:2}
.v20-form-fields{padding:34px 7%;background:#fff}
.v20-form-fields label{display:block;margin:0 0 18px}
.v20-form-fields label>span{display:block;font-size:13px;font-weight:750;color:#17435e;margin-bottom:7px}
.v20-form-fields small{color:#a76c25;font-size:10px;margin-left:6px}
.v20-form-fields input,.v20-form-fields select,.v20-form-fields textarea{width:100%;max-width:100%;display:block;border:1px solid #cbdde5;background:#f7fafb;border-radius:0;padding:13px 15px;font:14px/1.6 inherit;color:#21445b;box-sizing:border-box}
.v20-form-fields input:focus,.v20-form-fields textarea:focus,.v20-form-fields select:focus{outline:2px solid #12a6bb;outline-offset:2px}
.v20-form-privacy{font-size:12px;color:#506c7e}
.v20-link-button{display:inline-flex;justify-content:space-between;gap:20px;align-items:center;min-width:245px;text-decoration:none;color:#fff!important;background:#0a4774;padding:14px 20px;font-size:13px;font-weight:800;box-shadow:5px 5px 0 #eeb163}
.v20-link-button span{color:#f5b763}
/* restrained treatment for the protected SEO and TOP pages */
#page-seo .legacy-seo{border-top:3px solid #eb9e3c}
#page-home .philosophy-ribbon{border-bottom:3px solid #eca643}
#page-office .president-section{border-top:5px solid #eda84f}
#page-office .president-copy h2{font-weight:800}
#page-pricing .site-section table{font-variant-numeric:tabular-nums}
#page-downloads .site-section .section-head h2{font-weight:850}
#page-privacy .site-section .section-content{max-width:990px}
@media(max-width:680px){.v20-hero-break{display:none}.review-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 13px}.review-toolbar .review-brand{grid-column:1/-1}.review-toolbar .muted{display:none}.review-toolbar select{grid-column:1/-1;min-width:0;max-width:none;width:100%;order:2}.review-toolbar button{padding:6px 9px;font-size:11px;order:3}}
/* Site-only mode retains working preview navigation under a collapsed control. */
.v20-preview-banner{display:flex;gap:14px;align-items:center;justify-content:center;background:#0c3757;color:#fff;padding:7px 20px;font-size:11px;line-height:1.7}
.v20-preview-banner button{border:0;border-bottom:1px solid #ffc275;border-radius:0;color:#ffc275;background:transparent;font:inherit;cursor:pointer;padding:1px 2px}
body.v20-site-only .review-toolbar{display:none}
body.v20-site-only .view-shell{padding:0;background:#fff}
body.v20-site-only .site-shell{box-shadow:none;max-width:1300px}
body.v20-site-only{background:#fff}
body.v20-site-only .v20-preview-banner{position:sticky;top:0;z-index:99;justify-content:flex-end}
@media(max-width:1020px){
 .v20-focus{grid-template-columns:1fr}
 .v20-focus-main{padding:52px 7% 48px}
 .v20-focus-triad{padding:24px 6%}
 .v20-focus-triad article{padding:15px 12px 16px}
 .v20-gallery .v20-focus-triad,.v20-print .v20-focus-triad,.v20-matrix .v20-focus-triad,.v20-atlas .v20-focus-triad,.v20-diagnostic .v20-focus-triad{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 4%;min-height:205px}
 .v20-matrix .v20-focus-triad article,.v20-atlas .v20-focus-triad article{padding:27px 12px}
 .v20-gallery .v20-focus-triad article,.v20-print .v20-focus-triad article{padding:22px 12px}
 .v20-form-layout{grid-template-columns:1fr}
 .v20-form-start{padding:28px 6%}.v20-form-fields{padding:26px 6%}
}
@media(max-width:680px){
 .page:not([data-slug="home"]):not([data-slug="seo"]) .hero{grid-template-columns:1fr;min-height:0}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .hero-copy{padding:54px 7% 48px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .hero-copy h1{font-size:clamp(35px,8vw,52px)}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .hero-visual{min-height:220px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .hero-visual .art-word{font-size:75px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .site-section{padding:53px 6% 63px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-density="airy"]{padding:62px 6% 72px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .site-section[data-layout="notebook"] .section-frame{padding-left:17px}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .site-section.type-split .section-frame{display:block}
 .page:not([data-slug="home"]):not([data-slug="seo"]) .site-section.type-split .section-content{padding-left:15px}
 .v20-focus-main{padding:48px 7% 55px}
 .v20-focus-main h2{font-size:clamp(27px,7vw,37px)}
 .v20-art-number{font-size:140px;bottom:-12%}
 .v20-focus-triad{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;padding:18px 7%!important}
 .v20-focus-triad article{display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto;gap:0 9px;min-height:0!important;margin:0!important;padding:20px 6px!important;border:0!important;border-bottom:1px solid #bed5e0!important;box-shadow:none!important;background:transparent!important}
 .v20-focus-triad article:last-child{border-bottom:0!important}
 .v20-focus-triad .v20-ordinal{grid-row:1/3!important;margin:0!important;font-size:21px!important;align-self:start}
 .v20-focus-triad article strong{font-size:17px!important;line-height:1.5}
 .v20-focus-triad article p{font-size:12px!important;margin-top:6px!important}
 .v20-matrix .v20-focus-triad article strong,.v20-atlas .v20-focus-triad article strong,.v20-diagnostic .v20-focus-triad article strong,.v20-map .v20-focus-triad article strong{color:#fff}
 .v20-matrix .v20-focus-triad article p,.v20-atlas .v20-focus-triad article p,.v20-diagnostic .v20-focus-triad article p,.v20-map .v20-focus-triad article p{color:#c9e2e9}
 .v20-flow .v20-focus-triad article:before{display:none}
 .v20-form-fields{padding:20px 5%}
 .v20-preview-banner{font-size:10px;padding:5px 12px}
}


/* FULL TOP CONTENT RESTORED from V9 — scoped to prevent clashes with V16 brand design */
.v9-recovered {display:block;--navy:#071f39;--navy2:#0a3459;--blue:#0477bb;--cyan:#35c7e9;--orange:#f5a941;--ink:#0b2a43;--muted:#5f7385;--paper:#f4f8fb;--line:#dce8ee;--serif:'Noto Serif CJK JP','Noto Serif JP','Yu Mincho',YuMincho,serif;--sans:'Noto Sans CJK JP','Noto Sans JP','Yu Gothic',Meiryo,sans-serif; font:16px/1.75 var(--sans);color:var(--ink);background:#fff;}
.v9-recovered{--navy:#071f39;--navy2:#0a3459;--blue:#0477bb;--cyan:#35c7e9;--orange:#f5a941;--ink:#0b2a43;--muted:#5f7385;--paper:#f4f8fb;--line:#dce8ee;--serif:"Noto Serif CJK JP","Noto Serif JP","Yu Mincho",YuMincho,serif;--sans:"Noto Sans CJK JP","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.v9-recovered *{box-sizing:border-box}.v9-recovered{scroll-behavior:smooth}.v9-recovered{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}.v9-recovered.menu-open{overflow:hidden}.v9-recovered a{color:inherit;text-decoration:none}.v9-recovered button{font:inherit}.v9-recovered img{display:block;max-width:100%}.v9-recovered strong{font-weight:800}.v9-recovered .container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.v9-recovered .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.v9-recovered .tag{display:inline-flex;align-items:center;gap:.5em;color:#0583b8;font-size:.75rem;font-weight:800;letter-spacing:.13em}.v9-recovered .tag:before{content:"";width:16px;height:2px;background:var(--orange)}.v9-recovered .serif{font-family:var(--serif)}.v9-recovered .orange{color:var(--orange)}.v9-recovered .section{padding:114px 0}.v9-recovered .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.v9-recovered .section-heading h2{font-family:var(--serif);font-size:clamp(1.85rem,3vw,3rem);line-height:1.44;letter-spacing:.01em;margin:9px 0 0}.v9-recovered .section-heading p{max-width:380px;color:var(--muted);margin:0}.v9-recovered .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:14px 21px;border:1px solid transparent;font-weight:800;font-size:.84rem;letter-spacing:.04em;transition:transform .25s,background-color .25s,color .25s;border-radius:2px}.v9-recovered .btn:hover{transform:translateY(-3px)}.v9-recovered .btn--orange{background:var(--orange);color:#08243c}.v9-recovered .btn--outline{border-color:rgba(255,255,255,.6);color:white}.v9-recovered .btn--outline:hover{background:#fff;color:var(--navy)}.v9-recovered .btn--navy{background:var(--navy);color:#fff}.v9-recovered .btn .arrow{font-size:1.25rem;line-height:1}.v9-recovered .site-topline{height:31px;background:#041b30;color:#b4d5e8;display:flex;align-items:center;justify-content:center;font-size:.69rem;letter-spacing:.13em}.v9-recovered .site-header{height:85px;background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 4px 15px rgba(2,29,55,.07)}.v9-recovered .header-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.v9-recovered .site-logo{display:flex;flex-direction:column;width:265px;gap:0}.v9-recovered .site-logo img{width:238px;height:auto}.v9-recovered .site-logo small{font-size:.64rem;letter-spacing:.22em;margin-left:63px;color:#1c4c70;line-height:1.1}.v9-recovered .site-nav{display:flex;align-items:center;gap:26px}.v9-recovered .site-nav>a:not(.nav-contact){font-size:.76rem;font-weight:800;white-space:nowrap}.v9-recovered .site-nav>a:not(.nav-contact):hover{color:var(--blue)}.v9-recovered .nav-contact{background:#087bb7;color:#fff;padding:13px 18px;font-size:.77rem;font-weight:800;border-radius:2px}.v9-recovered .menu-toggle{display:none;border:0;background:none;width:40px;height:40px;color:var(--navy);cursor:pointer}.v9-recovered .menu-toggle span{display:block;height:2px;width:26px;background:currentColor;margin:6px auto}.v9-recovered .hero{min-height:706px;position:relative;overflow:hidden;background:var(--navy);color:white}.v9-recovered .hero-image{position:absolute;right:0;top:0;bottom:0;width:52%;background-image:linear-gradient(90deg,rgba(4,33,63,.1),rgba(7,31,57,.05)),url("/assets/media/image-ce473a3e5726f27e.jpg");background-position:center 48%;background-size:cover;transform:scale(1.005)}.v9-recovered .hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,31,54,.49),transparent 55%)}.v9-recovered .hero-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 50%,transparent 30%,rgba(8,95,159,.20) 31%,rgba(8,95,159,.20) 33%,transparent 34%)}.v9-recovered .hero-panel{position:absolute;inset:0;background:linear-gradient(112deg,#071f39 0%,#082e4d 75%,rgba(8,46,77,.0) 75.1%);clip-path:polygon(0 0,70% 0,54% 100%,0 100%)}.v9-recovered .hero-content{position:relative;z-index:2;padding-top:75px;padding-bottom:135px}.v9-recovered .hero-star{display:flex;align-items:center;gap:10px;color:#b9e5f5;font-size:.83rem;font-weight:700;letter-spacing:.09em}.v9-recovered .hero-star:before{content:"✦";color:var(--orange);font-size:1.3rem}.v9-recovered .hero-title{font-family:var(--serif);font-weight:900;font-size:clamp(2.7rem,4.75vw,4.95rem);line-height:1.28;letter-spacing:-.025em;margin:27px 0 23px;max-width:680px;text-shadow:0 5px 12px rgba(0,0,0,.1)}.v9-recovered .hero-title .joy{color:var(--orange);font-size:1.14em;display:inline-block;position:relative}.v9-recovered .hero-title .joy:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--cyan));transform:skewX(-22deg)}.v9-recovered .hero-lead{max-width:535px;font-size:.94rem;line-height:2.05;color:#e1edf7}.v9-recovered .hero-lead strong{color:#fff}.v9-recovered .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.v9-recovered .hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(2,22,40,.78);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.17)}.v9-recovered .hero-bottom .container{display:flex;justify-content:space-between;align-items:center;padding:21px 0;gap:15px}.v9-recovered .hero-bottom b{font-size:.74rem;letter-spacing:.13em;color:var(--orange);white-space:nowrap}.v9-recovered .hero-mini-services{display:flex;gap:34px}.v9-recovered .hero-mini-services span{font-size:.75rem;color:#d8ecf7;font-weight:700;white-space:nowrap}.v9-recovered .hero-mini-services i{font-style:normal;color:var(--orange);margin-right:7px}.v9-recovered .hero-side-label{position:absolute;z-index:3;right:28px;bottom:107px;color:white;letter-spacing:.16em;font-size:.78rem;font-weight:800;text-align:right;text-shadow:0 2px 6px #0b2a43}.v9-recovered .hero-side-label small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.23em}.v9-recovered .manifesto{background:#fff;position:relative;overflow:hidden}.v9-recovered .manifesto:before{content:"CONNECTION";font-size:clamp(8rem,16vw,16rem);font-weight:900;letter-spacing:-.09em;line-height:1;position:absolute;right:-85px;bottom:-32px;color:#f1f7fa;pointer-events:none}.v9-recovered .manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;position:relative}.v9-recovered .manifesto-quote{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.65;font-weight:900;margin:15px 0 25px}.v9-recovered .manifesto-quote em{font-style:normal;color:var(--orange);background:var(--navy);padding:0 .15em}.v9-recovered .manifesto p{color:var(--muted);margin:0 0 14px}.v9-recovered .connection-map{position:relative;height:370px;border-radius:50%;background:radial-gradient(circle,#d7f3fc 0%,#e9f7fc 42%,transparent 44%);display:grid;place-items:center}.v9-recovered .connection-map:before,.v9-recovered .connection-map:after{content:"";position:absolute;border-radius:50%;border:2px dashed #a2d6eb;inset:30px}.v9-recovered .connection-map:after{inset:75px;border:1px solid #b3dbea}.v9-recovered .connection-center{width:130px;height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#0c6ba9,#0a2947);border:8px solid #d4eef8;border-radius:50%;color:#fff;font-family:var(--serif);font-size:1.38rem;font-weight:900;box-shadow:0 15px 30px rgba(7,54,95,.22);position:relative;z-index:2}.v9-recovered .orb{position:absolute;display:grid;place-items:center;border:1px solid #d8eaf2;border-radius:22px;background:#fff;padding:12px 16px;min-width:130px;text-align:center;box-shadow:0 8px 18px rgba(9,61,99,.07);font-size:.8rem;font-weight:800;z-index:3}.v9-recovered .orb small{font-weight:400;color:var(--muted);font-size:.68rem}.v9-recovered .orb-1{top:0;left:50%;transform:translateX(-50%)}.v9-recovered .orb-2{right:0;top:41%}.v9-recovered .orb-3{bottom:0;left:50%;transform:translateX(-50%)}.v9-recovered .orb-4{left:0;top:41%}.v9-recovered .services{background:var(--navy);color:#fff;position:relative;overflow:hidden}.v9-recovered .services:before{content:"";position:absolute;width:650px;height:650px;border:80px solid #0a456d;border-radius:50%;right:-350px;bottom:-360px;opacity:.5}.v9-recovered .services .section-heading p{color:#b3d2e5}.v9-recovered .services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}.v9-recovered .service{min-height:375px;background:linear-gradient(150deg,#0b4168,#092b4d);padding:26px 22px 24px;position:relative;overflow:hidden;border:1px solid #275372;transition:transform .3s,border-color .3s}.v9-recovered .service:hover{transform:translateY(-7px);border-color:#59d5f5}.v9-recovered .service:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(79,205,248,.24);border-radius:50%;right:-110px;top:110px}.v9-recovered .service:nth-child(2){background:linear-gradient(150deg,#135578,#052d49)}.v9-recovered .service:nth-child(3){background:linear-gradient(150deg,#184e73,#073753)}.v9-recovered .service:nth-child(4){background:linear-gradient(150deg,#13547c,#072a4b)}.v9-recovered .service-no{color:#65dbf8;font-size:.79rem;font-weight:900;letter-spacing:.16em}.v9-recovered .service-icon{height:88px;display:flex;align-items:center;color:#8fdbf9}.v9-recovered .service-icon svg{width:66px;height:66px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.v9-recovered .service h3{font-family:var(--serif);font-size:1.35rem;margin:3px 0 10px}.v9-recovered .service p{color:#c6e1ed;font-size:.81rem;margin:0;line-height:1.95}.v9-recovered .service .s-link{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;color:#fff;font-size:.75rem;font-weight:800;border-top:1px solid #456b84;padding-top:13px}.v9-recovered .services-bottom{display:flex;justify-content:flex-end;margin-top:24px;color:#baddec;font-size:.75rem}.v9-recovered .design{background:#f1f6fa}.v9-recovered .design-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}.v9-recovered .design h2{font-family:var(--serif);font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.5;margin:14px 0}.v9-recovered .design-lead{color:var(--muted);margin-bottom:26px;max-width:380px}.v9-recovered .design-shots{position:relative;min-height:520px;display:flex;align-items:center;gap:20px}.v9-recovered .design-browser{background:#fff;box-shadow:0 18px 38px rgba(11,43,75,.18);width:66%;transform:rotate(-2deg);border:6px solid #fff;border-radius:10px;position:relative;z-index:1}.v9-recovered .design-browser .bar{height:19px;background:#daeaf0;display:flex;gap:4px;align-items:center;padding:0 8px}.v9-recovered .design-browser .bar i{width:6px;height:6px;background:#96b0bf;border-radius:50%}.v9-recovered .design-browser img{aspect-ratio:16/10;object-fit:cover}.v9-recovered .design-brochure{width:30%;box-shadow:14px 19px 28px rgba(12,49,82,.21);transform:rotate(6deg);border:5px solid white;position:relative;margin-left:-9%;margin-top:95px;z-index:2}.v9-recovered .design-brochure img{width:100%}.v9-recovered .design-stamp{position:absolute;bottom:10px;left:6%;z-index:3;background:var(--orange);padding:14px 22px;font-size:.72rem;font-weight:800;transform:rotate(-4deg);color:#11334d}.v9-recovered .design-note{font-size:.75rem;color:var(--muted);margin-top:16px}.v9-recovered .value{background:#fff}.v9-recovered .value-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.v9-recovered .matrix{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:7px;min-height:340px;background:#edf5f9;padding:9px;border-radius:8px}.v9-recovered .quadrant{padding:25px 22px;background:#fff;border:1px solid #e2edf1;position:relative}.v9-recovered .quadrant b{font-family:var(--serif);font-size:1.1rem;display:block}.v9-recovered .quadrant small{color:var(--muted);display:block;margin-top:10px}.v9-recovered .quadrant.q2{background:linear-gradient(145deg,#0a7faf,#07456c);color:#fff;border-color:#138ec3;box-shadow:0 4px 16px rgba(7,101,152,.17)}.v9-recovered .quadrant.q2 small{color:#d6f3fe}.v9-recovered .quadrant.q2:after{content:"重要";position:absolute;right:15px;top:15px;background:var(--orange);color:#173b51;font-size:.7rem;padding:2px 8px;font-weight:900}.v9-recovered .value-copy{padding:10px 0}.v9-recovered .value-copy h2{font-family:var(--serif);font-size:clamp(1.8rem,2.7vw,2.65rem);line-height:1.5;margin:8px 0 20px}.v9-recovered .value-copy p{color:var(--muted)}.v9-recovered .value-copy .value-arrow{font-size:.8rem;color:#007cbe;font-weight:800;letter-spacing:.06em}.v9-recovered .menpa{margin-top:70px;padding:36px 40px;background:linear-gradient(115deg,#072f51,#0b5c85);color:#fff;display:grid;grid-template-columns:.87fr 1.13fr;gap:25px;align-items:center;position:relative;overflow:hidden}.v9-recovered .menpa:before{content:"";position:absolute;width:330px;height:330px;border:50px solid rgba(90,214,248,.08);border-radius:50%;left:-120px;top:-120px}.v9-recovered .menpa h3{font-family:var(--serif);font-size:2rem;margin:3px 0}.v9-recovered .menpa p{font-size:.85rem;color:#d6edfa;margin:4px 0}.v9-recovered .menpa-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.v9-recovered .menpa-item{display:grid;place-items:center;gap:5px;padding:13px 5px;text-align:center;font-size:.78rem;font-weight:800}.v9-recovered .diamond{width:70px;height:70px;transform:rotate(45deg);border:2px solid #74d9ff;border-radius:12px;background:rgba(8,136,196,.44);display:grid;place-items:center;margin:11px}.v9-recovered .diamond svg{width:34px;height:34px;transform:rotate(-45deg);fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.v9-recovered .menpa-item:nth-child(2) .diamond{border-color:#86f1f0;background:rgba(30,187,206,.35)}.v9-recovered .menpa-item:nth-child(3) .diamond{border-color:#83ead1;background:rgba(20,154,141,.35)}.v9-recovered .flow{background:#eaf3f8}.v9-recovered .flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative}.v9-recovered .flow-steps:before{content:"";position:absolute;height:2px;top:38px;left:5%;right:5%;background:#9ac9e0}.v9-recovered .flow-step{position:relative;z-index:1;background:#fff;padding:22px 18px 26px;border-top:3px solid #0a7fae;box-shadow:0 8px 20px rgba(0,54,94,.04)}.v9-recovered .flow-step b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#087eb6;color:white;border-radius:50%;font-size:.77rem}.v9-recovered .flow-step h3{font-family:var(--serif);margin:21px 0 9px;font-size:1.1rem}.v9-recovered .flow-step p{font-size:.77rem;color:var(--muted);margin:0}.v9-recovered .journal{background:#fff}.v9-recovered .journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v9-recovered .journal-panel{border:1px solid #d6e7ee;background:#fff;padding:28px;position:relative}.v9-recovered .journal-panel:before{content:"";height:4px;position:absolute;inset:0 0 auto 0;background:var(--cyan)}.v9-recovered .journal-panel:nth-child(2):before{background:var(--orange)}.v9-recovered .journal-panel .eyebrow{color:#1080b8}.v9-recovered .journal-panel h3{font-family:var(--serif);font-size:1.3rem;margin:12px 0 17px}.v9-recovered .journal-list{list-style:none;margin:0;padding:0}.v9-recovered .journal-list li{border-top:1px solid #e3ebf0;padding:12px 0;font-size:.84rem}.v9-recovered .journal-list time{color:#5e8095;display:block;font-size:.7rem}.v9-recovered .journal-placeholder{font-size:.8rem;color:var(--muted);min-height:88px}.v9-recovered .journal-panel .more{color:#087bb7;font-weight:800;font-size:.77rem}.v9-recovered .contact-block{background:linear-gradient(115deg,#07233e,#0b5e85);color:#fff;overflow:hidden;position:relative}.v9-recovered .contact-block:before{content:"";width:520px;height:520px;position:absolute;border:80px solid rgba(102,218,246,.1);border-radius:50%;right:-240px;top:-215px}.v9-recovered .contact-in{padding:78px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}.v9-recovered .contact-block h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.5;margin:9px 0}.v9-recovered .contact-block p{font-size:.9rem;color:#c9e5f2;margin:0}.v9-recovered .contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:250px}.v9-recovered .contact-phone{font-size:1.25rem;text-align:center;font-weight:800}.v9-recovered .site-footer{background:#041b30;color:#d5e5ef;padding:55px 0 23px}.v9-recovered .footer-top{display:flex;justify-content:space-between;gap:40px}.v9-recovered .footer-top h3{margin:0 0 6px;font-size:1.03rem}.v9-recovered .footer-top p{font-size:.79rem;line-height:2.1;color:#abc8da;margin:0}.v9-recovered .footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:.78rem;font-weight:700}.v9-recovered .footer-links a:hover{color:var(--orange)}.v9-recovered .footer-bottom{border-top:1px solid #29506b;margin-top:34px;padding-top:17px;color:#92afc2;font-size:.68rem;letter-spacing:.06em}.v9-recovered .scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.v9-recovered .scroll-reveal.visible{opacity:1;transform:none}.v9-recovered a:focus-visible,.v9-recovered button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media (max-width:1100px){.v9-recovered .site-nav{gap:14px}.v9-recovered .site-nav>a:not(.nav-contact){font-size:.72rem}.v9-recovered .site-logo{width:220px}.v9-recovered .site-logo img{width:210px}.v9-recovered .hero-title{font-size:4.2vw}.v9-recovered .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-recovered .service{min-height:320px}.v9-recovered .manifesto-grid{gap:30px}.v9-recovered .design-layout{gap:25px}}@media (max-width:820px){.v9-recovered .container{width:min(100% - 36px,680px)}.v9-recovered .site-header{height:74px}.v9-recovered .site-logo{width:215px}.v9-recovered .site-logo img{width:200px}.v9-recovered .site-nav{display:none;position:fixed;top:105px;left:0;right:0;height:calc(100dvh - 105px);overflow-y:auto;background:white;padding:26px 28px 40px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 7px 15px rgba(0,0,0,.1)}.v9-recovered .site-nav.open{display:flex}.v9-recovered .site-nav a{padding:16px;border-bottom:1px solid #e0eaf0;font-size:1rem!important}.v9-recovered .site-nav .nav-contact{margin-top:16px;text-align:center;color:#fff}.v9-recovered .menu-toggle{display:block;margin-left:auto}.v9-recovered .section{padding:76px 0}.v9-recovered .section-heading{display:block}.v9-recovered .section-heading p{margin-top:13px}.v9-recovered .hero{min-height:775px}.v9-recovered .hero-panel{clip-path:none;background:linear-gradient(180deg,#071f39 0%,#082f4d 56%,rgba(8,47,77,.68) 75%,rgba(8,47,77,.0) 100%)}.v9-recovered .hero-image{top:30%;width:100%;height:70%;background-position:center 60%}.v9-recovered .hero-content{padding-top:45px;padding-bottom:235px}.v9-recovered .hero-title{font-size:clamp(2.65rem,7.5vw,4.6rem);max-width:670px;margin:23px 0 14px}.v9-recovered .hero-lead{font-size:.82rem;max-width:560px}.v9-recovered .hero-side-label{right:22px;bottom:119px}.v9-recovered .hero-bottom .container{display:block;padding:11px 0}.v9-recovered .hero-bottom b{display:block;font-size:.66rem}.v9-recovered .hero-mini-services{gap:6px 15px;flex-wrap:wrap;margin-top:4px}.v9-recovered .hero-mini-services span{font-size:.65rem}.v9-recovered .manifesto-grid,.v9-recovered .design-layout,.v9-recovered .value-grid{grid-template-columns:1fr}.v9-recovered .connection-map{margin:20px auto 0;max-width:430px}.v9-recovered .design-shots{min-height:430px}.v9-recovered .menpa{grid-template-columns:1fr}.v9-recovered .flow-steps{grid-template-columns:repeat(2,1fr)}.v9-recovered .flow-steps:before{display:none}.v9-recovered .contact-in{display:block}.v9-recovered .contact-actions{margin-top:27px}.v9-recovered .footer-top{flex-direction:column}}@media (max-width:520px){.v9-recovered .container{width:calc(100% - 32px)}.v9-recovered .section{padding:62px 0}.v9-recovered .hero{min-height:770px}.v9-recovered .hero-image{top:40%;height:60%;background-position:54% center}.v9-recovered .hero-panel{background:linear-gradient(180deg,#071f39 0%,#082d4c 54%,rgba(8,45,76,.85) 70%,transparent)}.v9-recovered .hero-title{font-size:clamp(2.2rem,9.1vw,3.15rem);line-height:1.32;margin:18px 0}.v9-recovered .hero-star{font-size:.68rem}.v9-recovered .hero-lead{font-size:.76rem;line-height:1.95}.v9-recovered .hero-actions{gap:8px}.v9-recovered .btn{min-height:48px;padding:10px 13px;font-size:.69rem;gap:10px}.v9-recovered .hero-actions .btn{flex:1}.v9-recovered .hero-side-label{font-size:.65rem;bottom:112px}.v9-recovered .hero-mini-services{gap:4px 12px}.v9-recovered .hero-mini-services span{font-size:.61rem}.v9-recovered .manifesto-quote{font-size:2rem}.v9-recovered .connection-map{height:290px}.v9-recovered .connection-map:before{inset:22px}.v9-recovered .connection-map:after{inset:63px}.v9-recovered .connection-center{width:100px;height:100px;font-size:1.1rem;border-width:5px}.v9-recovered .orb{min-width:110px;font-size:.68rem;padding:8px}.v9-recovered .orb small{font-size:.58rem}.v9-recovered .orb-2,.v9-recovered .orb-4{top:41%}.v9-recovered .services-grid{gap:10px}.v9-recovered .service{padding:18px 15px 22px;min-height:300px}.v9-recovered .service-icon{height:63px}.v9-recovered .service-icon svg{width:49px;height:49px}.v9-recovered .service h3{font-size:1rem}.v9-recovered .service p{font-size:.69rem}.v9-recovered .service .s-link{left:15px;right:15px;font-size:.66rem}.v9-recovered .design-shots{min-height:310px}.v9-recovered .design-browser{width:76%}.v9-recovered .design-brochure{width:38%}.v9-recovered .design-stamp{font-size:.57rem;padding:8px}.v9-recovered .value-grid{gap:20px}.v9-recovered .matrix{min-height:270px}.v9-recovered .quadrant{padding:13px 10px}.v9-recovered .quadrant b{font-size:.83rem}.v9-recovered .quadrant small{font-size:.62rem}.v9-recovered .menpa{padding:23px 14px}.v9-recovered .menpa h3{font-size:1.65rem}.v9-recovered .menpa-icons{gap:3px}.v9-recovered .diamond{width:52px;height:52px;margin:12px}.v9-recovered .diamond svg{width:26px;height:26px}.v9-recovered .menpa-item{font-size:.65rem;padding:6px 0}.v9-recovered .flow-steps{gap:8px}.v9-recovered .flow-step{padding:14px 12px 19px}.v9-recovered .flow-step h3{font-size:.96rem}.v9-recovered .flow-step p{font-size:.68rem}.v9-recovered .journal-grid{grid-template-columns:1fr}.v9-recovered .journal-panel{padding:23px}.v9-recovered .site-footer{padding-top:38px}.v9-recovered .footer-links{gap:12px}.v9-recovered .footer-top p{font-size:.74rem}}@media (prefers-reduced-motion:reduce){.v9-recovered *,.v9-recovered *:before,.v9-recovered *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.v9-recovered .scroll-reveal{opacity:1;transform:none}}.v9-recovered .services:after{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:url("/assets/media/image-1d36b7e63e11ed78.svg") center bottom / cover no-repeat;opacity:.16;pointer-events:none}.v9-recovered .services>.container{position:relative;z-index:1}.v9-recovered{--orange:#f7aa42;--cyan:#33c7e9;--navy:#071f39}.v9-recovered{background:#fff}.v9-recovered .site-topline{background:linear-gradient(90deg,#05213b,#0a375b,#05213b);letter-spacing:.17em}.v9-recovered .site-header{box-shadow:0 9px 30px rgba(6,36,60,.11);border-bottom:1px solid #e7eef4}.v9-recovered .site-nav>a:not(.nav-contact){transition:color .2s;position:relative}.v9-recovered .site-nav>a:not(.nav-contact):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:right .25s}.v9-recovered .site-nav>a:not(.nav-contact):hover:after{right:0}.v9-recovered .nav-contact{box-shadow:4px 4px 0 #a8deee}.v9-recovered .hero{min-height:790px;background:#061e37;isolation:isolate}.v9-recovered .hero-image{width:56%;background-position:center 47%;filter:saturate(1.11) contrast(1.04)}.v9-recovered .hero-image:after{background:linear-gradient(0deg,#031b31af,transparent 55%),linear-gradient(90deg,rgba(0,33,57,.3),transparent 55%)}.v9-recovered .hero-panel{background:linear-gradient(108deg,#061f3c,#0a3b60 80%,transparent 80.1%);clip-path:polygon(0 0,71% 0,53.5% 100%,0 100%)}.v9-recovered .hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 42% 68%,rgba(7,122,192,.2),transparent 40%),repeating-linear-gradient(110deg,transparent 0 165px,rgba(83,208,249,.018) 165px 166px)}.v9-recovered .hero-content{padding-top:84px;padding-bottom:165px}.v9-recovered .hero-star{font-size:.77rem;letter-spacing:.15em;text-transform:uppercase}.v9-recovered .hero-title{font-size:clamp(3.2rem,5.55vw,5.65rem);line-height:1.21;margin:23px 0;letter-spacing:-.055em;max-width:700px}.v9-recovered .hero-title .joy{color:#ffb64f;text-shadow:0 5px 25px rgba(0,0,0,.08)}.v9-recovered .hero-title .joy:after{height:5px;bottom:0}.v9-recovered .hero-lead{border-left:3px solid #f7aa42;padding:0 0 0 19px;max-width:520px;font-size:.94rem;line-height:2.03;color:#c6e3f4}.v9-recovered .hero-actions{margin-top:36px}.v9-recovered .btn--orange{box-shadow:0 8px 0 rgba(0,20,38,.25)}.v9-recovered .hero-graphic{position:absolute;z-index:3;right:max(35px,calc((100vw - 1320px)/2));top:108px;width:235px;min-height:184px;background:linear-gradient(120deg,rgba(4,38,63,.82),rgba(8,77,117,.47));border:1px solid rgba(225,244,255,.57);backdrop-filter:blur(14px);padding:19px 21px;box-shadow:8px 10px 0 rgba(4,34,57,.2);color:#fff}.v9-recovered .hero-graphic-num{font:800 .64rem var(--sans);letter-spacing:.2em;color:#91e9fa}.v9-recovered .hero-graphic-name{font-size:1.8rem;font-weight:900;line-height:1.05;letter-spacing:.03em;display:block;margin:19px 0 12px}.v9-recovered .hero-graphic-name::first-line{color:#fff}.v9-recovered .hero-graphic-bottom{font-size:.67rem;color:#e1f7ff;letter-spacing:.05em}.v9-recovered .hero-bottom{background:rgba(3,30,52,.90);border-top:2px solid rgba(86,216,246,.5)}.v9-recovered .hero-bottom .container{padding:27px 0}.v9-recovered .hero-bottom b{border-right:1px solid #5484a7;padding-right:27px}.v9-recovered .hero-mini-services{gap:22px}.v9-recovered .hero-mini-services span{border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:2px}.v9-recovered .hero-mini-services i{color:#ffb349}.v9-recovered .hero-side-label{font-size:.81rem;bottom:138px;right:58px;color:#fff}.v9-recovered .manifesto{background:linear-gradient(137deg,#fff 15%,#f3f9fd 85%)}.v9-recovered .manifesto:before{right:-160px;color:#e8f3f9;transform:rotate(-8deg)}.v9-recovered .manifesto-grid{gap:105px}.v9-recovered .manifesto-quote{font-size:clamp(2.3rem,3.8vw,4.1rem);line-height:1.5;letter-spacing:-.035em}.v9-recovered .manifesto-quote em{padding:0 .2em;color:#fff;background:linear-gradient(120deg,#0b3a62,#0a7dba);box-shadow:7px 7px 0 #f7aa42}.v9-recovered .connection-map{height:450px;max-width:530px;margin:auto;background:radial-gradient(circle at 50% 50%,#d4f1fa 0 24%,#e3f7fe 25% 36%,transparent 37%)}.v9-recovered .connection-map:before{inset:20px;border-color:#6ec6df;border-width:2px}.v9-recovered .connection-map:after{inset:85px;border-color:#9dd9ea}.v9-recovered .connection-center{width:153px;height:153px;border:9px solid #c7e8f8;background:linear-gradient(150deg,#0d6a9d,#09233f);box-shadow:0 14px 32px rgba(7,66,94,.3);font-size:1.55rem}.v9-recovered .orb{background:linear-gradient(130deg,#fff,#f4fbff);border:1px solid #b4dbe8;border-left:4px solid #21a6d9;border-radius:60px;padding:15px 22px;min-width:155px;box-shadow:0 13px 27px rgba(9,76,124,.12);font-size:.82rem}.v9-recovered .orb-2{right:-12px}.v9-recovered .orb-4{left:-12px}.v9-recovered .promise-strip{position:relative;background:#f6fbff;border-top:1px solid #cce3ed;border-bottom:3px solid #f6b057;overflow:hidden}.v9-recovered .promise-strip:before{content:"";background:repeating-linear-gradient(-45deg,transparent 0 35px,rgba(19,142,204,.04) 35px 36px);position:absolute;inset:0}.v9-recovered .promise-inner{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:18px;padding:34px 0;position:relative}.v9-recovered .promise-item{display:grid;gap:2px;padding-left:20px;border-left:3px solid #21a8d9}.v9-recovered .promise-item span{font-size:.65rem;letter-spacing:.16em;font-weight:800;color:#0388ba}.v9-recovered .promise-item strong{font-family:var(--serif);font-size:1.22rem;color:#092b48}.v9-recovered .promise-item strong em{font-style:normal;color:#dd8520}.v9-recovered .promise-item small{color:#56738a;font-size:.74rem}.v9-recovered .promise-join{font-size:1.7rem;color:#e6a147;text-align:center;font-weight:900}.v9-recovered .services{background:linear-gradient(140deg,#051b31,#0a3151 85%)}.v9-recovered .services:before{right:-480px;bottom:-460px;transform:rotate(30deg);width:900px;height:900px;border:140px solid #0e567f;opacity:.18}.v9-recovered .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.v9-recovered .service{height:298px;min-height:298px;padding:26px 35px;display:grid;align-content:start;position:relative;isolation:isolate;background:linear-gradient(117deg,#0d496e,#082640)!important;border:1px solid rgba(94,196,239,.49);box-shadow:9px 9px 0 rgba(12,116,176,.18);transition:transform .3s,border-color .3s,box-shadow .3s}.v9-recovered .service:nth-child(2){background:linear-gradient(117deg,#0a496d,#0b304a)!important}.v9-recovered .service:nth-child(3){background:linear-gradient(117deg,#0e405f,#08263c)!important}.v9-recovered .service:nth-child(4){background:linear-gradient(117deg,#0b4568,#073252)!important}.v9-recovered .service:before{border:1.5px solid rgba(85,202,240,.20);width:280px;height:280px;right:-72px;top:-60px}.v9-recovered .service:after{content:"";position:absolute;top:68px;right:-52px;width:280px;height:280px;border:25px solid rgba(30,171,217,.07);border-radius:50%;z-index:-1}.v9-recovered .service:hover{transform:translateY(-5px);box-shadow:11px 14px 0 rgba(17,144,193,.22)}.v9-recovered .service-no{font-size:.71rem;letter-spacing:.18em;color:#84e3fc}.v9-recovered .service-icon{position:absolute;top:35px;right:29px;width:90px;height:88px;color:#8fe5f6;opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.v9-recovered .service-icon svg{width:76px;height:76px;stroke-width:1.3}.v9-recovered .service h3{font-size:1.8rem;margin:68px 0 11px;letter-spacing:-.04em}.v9-recovered .service p{font-size:.88rem;line-height:1.85;max-width:80%;color:#d5eaf5}.v9-recovered .service .s-link{bottom:20px;left:35px;right:35px;font-size:.78rem;border-color:#4b7996;padding-top:9px}.v9-recovered .services:after{height:150px;opacity:.18}.v9-recovered .services-bottom{margin-top:31px}.v9-recovered .design{background:linear-gradient(115deg,#eef5f9,#fff 58%,#deeff8);position:relative;overflow:hidden}.v9-recovered .design:before{content:"";position:absolute;width:680px;height:680px;border:90px solid rgba(0,136,198,.07);border-radius:50%;right:-240px;top:-150px;pointer-events:none}.v9-recovered .design-layout{grid-template-columns:.78fr 1.22fr;gap:48px;position:relative}.v9-recovered .design h2{font-size:clamp(2rem,3.4vw,3.6rem)}.v9-recovered .design-shots{min-height:610px;padding:30px 0}.v9-recovered .design-browser{width:84%;transform:rotate(-3deg);box-shadow:20px 26px 44px rgba(8,56,91,.26)}.v9-recovered .design-browser img{aspect-ratio:16/10;object-fit:cover}.v9-recovered .design-brochure{width:33%;margin-left:-19%;margin-top:135px;transform:rotate(7deg);box-shadow:18px 30px 40px rgba(6,43,72,.29)}.v9-recovered .design-stamp{right:0;bottom:30px;background:linear-gradient(110deg,#07213e,#116d9b);color:#fff;font-size:1rem;letter-spacing:.17em;border-top:4px solid var(--orange);padding:17px 20px;box-shadow:9px 10px 0 rgba(0,54,91,.11)}.v9-recovered .design-stamp small{display:block;font-size:.58rem;letter-spacing:.2em;color:#add9ef;margin-bottom:5px}.v9-recovered .design-note{margin-top:20px}.v9-recovered .value{background:linear-gradient(180deg,#fff,#f4f9fb)}.v9-recovered .matrix{box-shadow:0 18px 38px rgba(10,66,104,.12);border:1px solid #c5e0ed}.v9-recovered .quadrant{transition:background-color .25s}.v9-recovered .q2{box-shadow:inset 0 0 0 2px #2daecf;background:linear-gradient(125deg,#d8f4fc,#c3ecfb)!important}.v9-recovered .value-copy h2{font-family:var(--serif)}.v9-recovered .value-arrow{font-weight:800;color:#076d9e}.v9-recovered .menpa{background:linear-gradient(106deg,#072f4d,#08507d 67%,#0a3658);border-top:5px solid #f5a941;box-shadow:0 20px 32px rgba(10,54,87,.16)}.v9-recovered .menpa h3{font-family:var(--serif)}.v9-recovered .diamond{box-shadow:0 0 0 5px rgba(59,194,229,.11),0 12px 24px rgba(2,24,43,.18)}.v9-recovered .journal{background:#f0f6fa}.v9-recovered .journal-panel{position:relative;overflow:hidden;border:1px solid #bfdce8;border-top:5px solid #0695c2;box-shadow:10px 12px 0 rgba(12,119,156,.07)}.v9-recovered .journal-panel:nth-child(2){border-top-color:var(--orange)}.v9-recovered .journal-panel:after{content:"";position:absolute;width:200px;height:200px;right:-115px;bottom:-140px;border:35px solid rgba(21,148,194,.05);border-radius:50%;pointer-events:none}.v9-recovered .contact-block{background:linear-gradient(120deg,#06223c,#07476b)}.v9-recovered .site-footer{background:#051d32}@media (max-width:1100px){.v9-recovered .hero-graphic{width:192px;right:24px;top:75px;padding:15px}.v9-recovered .hero-graphic-name{font-size:1.3rem}.v9-recovered .services-grid{gap:16px}.v9-recovered .service h3{font-size:1.5rem}.v9-recovered .service p{font-size:.8rem;max-width:82%}}@media (max-width:820px){.v9-recovered .hero{min-height:820px}.v9-recovered .hero-panel{clip-path:none;background:linear-gradient(180deg,#051d36 0%,#0b3656 48%,rgba(8,47,77,.72) 69%,transparent 100%)}.v9-recovered .hero-image{top:32%;width:100%;height:68%;background-position:center 63%}.v9-recovered .hero-content{padding-top:48px;padding-bottom:275px}.v9-recovered .hero-title{font-size:clamp(2.65rem,7vw,4.35rem);max-width:680px}.v9-recovered .hero-graphic{display:none}.v9-recovered .hero-bottom .container{padding:12px 0}.v9-recovered .hero-bottom b{padding:0;border:0}.v9-recovered .hero-side-label{bottom:116px;right:25px}.v9-recovered .manifesto-grid{gap:25px}.v9-recovered .connection-map{height:425px}.v9-recovered .promise-inner{gap:9px}.v9-recovered .promise-item{padding-left:10px}.v9-recovered .promise-item strong{font-size:1rem}.v9-recovered .promise-item small{font-size:.63rem}.v9-recovered .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-recovered .service{height:335px;min-height:335px;padding:23px 20px}.v9-recovered .service h3{font-size:1.3rem;margin-top:80px}.v9-recovered .service p{max-width:100%;font-size:.73rem}.v9-recovered .service-icon{right:12px;top:33px}.v9-recovered .service .s-link{left:20px;right:20px}.v9-recovered .design-shots{min-height:480px}}@media (max-width:560px){.v9-recovered .site-topline{font-size:.52rem;letter-spacing:.08em}.v9-recovered .hero{min-height:810px}.v9-recovered .hero-image{top:42%;height:58%;background-position:55% 54%}.v9-recovered .hero-panel{background:linear-gradient(180deg,#061f39 0%,#093454 53%,rgba(5,38,69,.9) 72%,rgba(5,37,67,.08) 100%)}.v9-recovered .hero-content{padding-top:35px;padding-bottom:245px}.v9-recovered .hero-title{font-size:clamp(2.1rem,9.3vw,3.2rem);line-height:1.23;margin:21px 0}.v9-recovered .hero-title .joy:after{height:3px}.v9-recovered .hero-lead{font-size:.71rem;line-height:1.72;padding-left:10px;max-width:350px}.v9-recovered .hero-actions{margin-top:20px}.v9-recovered .hero-actions .btn{font-size:.69rem}.v9-recovered .hero-side-label{bottom:133px;right:15px;font-size:.6rem}.v9-recovered .hero-mini-services{gap:3px 12px}.v9-recovered .hero-mini-services span{font-size:.55rem}.v9-recovered .manifesto-quote{font-size:2.05rem}.v9-recovered .connection-map{height:305px;max-width:360px}.v9-recovered .connection-map:before{inset:15px}.v9-recovered .connection-map:after{inset:64px}.v9-recovered .connection-center{width:108px;height:108px;font-size:1.09rem;border-width:5px}.v9-recovered .orb{min-width:108px;font-size:.65rem;padding:7px 10px;border-left-width:3px}.v9-recovered .orb small{font-size:.52rem}.v9-recovered .orb-2{right:-4px}.v9-recovered .orb-4{left:-4px}.v9-recovered .promise-inner{grid-template-columns:1fr;gap:7px;padding:27px 0}.v9-recovered .promise-item{padding:8px 12px;gap:1px}.v9-recovered .promise-item strong{font-size:1.1rem}.v9-recovered .promise-item small{font-size:.67rem}.v9-recovered .promise-join{font-size:.95rem;line-height:1;text-align:left;margin-left:26px;transform:rotate(45deg)}.v9-recovered .services-grid{grid-template-columns:1fr;gap:15px}.v9-recovered .service{height:273px;min-height:273px;padding:22px 24px}.v9-recovered .service h3{font-size:1.35rem;margin:52px 0 10px}.v9-recovered .service p{font-size:.78rem;max-width:89%}.v9-recovered .service-icon{top:24px;right:22px;width:65px}.v9-recovered .service-icon svg{width:62px;height:62px}.v9-recovered .service .s-link{left:24px;right:24px;bottom:18px}.v9-recovered .design-shots{min-height:340px;padding:14px 0}.v9-recovered .design-browser{width:82%}.v9-recovered .design-brochure{width:39%;margin-left:-25%;margin-top:100px}.v9-recovered .design-stamp{font-size:.58rem;padding:8px 10px;right:0;bottom:0}.v9-recovered .design-stamp small{font-size:.46rem}.v9-recovered .journal-panel{box-shadow:4px 7px 0 rgba(12,119,156,.07)}}@media (prefers-reduced-motion:reduce){.v9-recovered .hero-image{transform:none}.v9-recovered .service,.v9-recovered .btn{transition:none}}.v9-recovered .design-card{position:absolute;z-index:4;left:0;bottom:43px;width:42%;transform:rotate(4deg);background:#fff;border:5px solid #fff;box-shadow:12px 19px 26px rgba(8,42,69,.24)}.v9-recovered .design-card img{width:100%;height:auto;display:block}@media (max-width:820px){.v9-recovered .design-card{left:1%;bottom:37px;width:40%}}@media (max-width:560px){.v9-recovered .design-card{left:0;bottom:25px;width:46%;border-width:3px}}.v9-recovered .design-stamp{width:39%;min-width:235px;right:0;bottom:18px;text-align:center;z-index:2}.v9-recovered .design-card{z-index:4}@media (max-width:560px){.v9-recovered .design-stamp{width:37%;min-width:unset;bottom:3px;right:0;font-size:.46rem;padding:6px 5px}.v9-recovered .design-stamp small{font-size:.4rem;line-height:1.4}}@media  (max-width: 600px) {.v9-recovered .section{ padding-top: 44px !important; padding-bottom: 46px !important; }.v9-recovered .container{ width: calc(100% - 36px); }.v9-recovered .section-heading{ margin-bottom: 22px; gap: 8px; }.v9-recovered .section-heading h2{ font-size: clamp(1.72rem, 7.4vw, 2.25rem); line-height: 1.37; margin-top: 6px; }.v9-recovered .section-heading p{ margin-top: 9px; line-height: 1.7; font-size: .84rem; }.v9-recovered .tag{ margin-bottom: 5px; }.v9-recovered .hero{ min-height: 690px; }.v9-recovered .hero-content{ padding-top: 28px; padding-bottom: 125px; }.v9-recovered .hero-title{ margin-top: 15px; margin-bottom: 12px; font-size: clamp(2.1rem, 9vw, 3rem); }.v9-recovered .hero-lead{ line-height: 1.68; }.v9-recovered .hero-actions{ margin-top: 16px; }.v9-recovered .hero-image{ top: 38%; height: 62%; }.v9-recovered .hero-panel{ background: linear-gradient(180deg,#061f39 0%,#093454 48%,rgba(5,38,69,.88) 68%,rgba(5,37,67,.10) 100%); }.v9-recovered .hero-side-label{ bottom: 87px; right: 16px; }.v9-recovered .hero-bottom .container{ padding: 8px 0; }.v9-recovered .manifesto-grid{ grid-template-columns: minmax(0,1fr); gap: 7px; }.v9-recovered .manifesto-quote{ font-size: clamp(1.78rem, 8vw, 2.2rem); line-height: 1.44; margin: 9px 0 14px; }.v9-recovered .manifesto p{ font-size: .88rem; line-height: 1.74; margin: 9px 0; }.v9-recovered .connection-map{ height: 252px; max-width: 340px; margin: 8px auto 0; }.v9-recovered .connection-map:before{ inset: 18px; }.v9-recovered .connection-map:after{ inset: 61px; }.v9-recovered .connection-center{ width: 94px; height: 94px; font-size: 1rem; }.v9-recovered .orb{ min-width: 104px; padding: 6px 8px; font-size: .64rem; }.v9-recovered .orb small{ font-size: .52rem; }.v9-recovered .promise-inner{ grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding: 18px 0; }.v9-recovered .promise-join{ display: none; }.v9-recovered .promise-item{ padding: 9px 6px 9px 9px; min-height: 96px; border-left-width: 2px; border-radius: 3px; gap: 3px; background: #f5fbfe; }.v9-recovered .promise-item span{ font-size: .50rem; letter-spacing: .05em; }.v9-recovered .promise-item strong{ font-size: .82rem; line-height: 1.43; overflow-wrap: anywhere; }.v9-recovered .promise-item small{ font-size: .60rem; line-height: 1.44; }.v9-recovered .services-grid{ gap: 12px; }.v9-recovered .service{ height: 231px; min-height: 231px; padding: 17px 18px; }.v9-recovered .service h3{ font-size: 1.25rem; margin: 46px 0 7px; }.v9-recovered .service p{ font-size: .78rem; line-height: 1.64; max-width: 95%; }.v9-recovered .service-icon{ top: 16px; right: 16px; width: 51px; height: 51px; }.v9-recovered .service-icon svg{ width: 50px; height: 50px; }.v9-recovered .service .s-link{ bottom: 14px; left: 18px; right: 18px; }.v9-recovered .design-layout{ grid-template-columns: minmax(0,1fr); gap: 14px; align-items: start; }.v9-recovered .design-layout h2{ line-height: 1.35; font-size: clamp(1.78rem,7.5vw,2.25rem); }.v9-recovered .design-lead{ font-size: .86rem; line-height: 1.7; margin: 15px 0; }.v9-recovered .design-note{ margin-top: 13px; }.v9-recovered .design-shots{ display: flex; width: 100%; min-height: 292px; height: 292px; padding: 12px 0; align-items: center; justify-content: center; }.v9-recovered .design-browser{ width: 82%; }.v9-recovered .design-brochure{ width: 37%; margin-left: -27%; margin-top: 64px; }.v9-recovered .design-card{ width: 37%; bottom: 21px; left: 1%; }.v9-recovered .design-stamp{ width: 32%; bottom: 3px; right: 0; }.v9-recovered .value-grid{ grid-template-columns: minmax(0,1fr); gap: 19px; }.v9-recovered .matrix{ min-height: 250px; }.v9-recovered .value-copy h2{ font-size: 1.7rem; line-height: 1.42; }.v9-recovered .value-copy p{ font-size: .87rem; line-height: 1.7; margin: 12px 0; }.v9-recovered .menpa{ margin-top: 30px; padding: 18px 14px; gap: 10px; }.v9-recovered .menpa h3{ font-size: 1.46rem; margin: 3px 0 6px; }.v9-recovered .menpa p{ margin: 0; font-size: .8rem; }.v9-recovered .diamond{ width: 45px; height: 45px; margin: 10px; }.v9-recovered .diamond svg{ width: 23px; height: 23px; }.v9-recovered .menpa-item{ font-size: .65rem; padding: 3px 0; }.v9-recovered .flow-steps{ gap: 9px; }.v9-recovered .flow-step{ padding: 13px 11px 15px; }.v9-recovered .flow-step h3{ font-size: .92rem; }.v9-recovered .flow-step p{ font-size: .69rem; line-height: 1.58; }.v9-recovered .journal-grid{ grid-template-columns: 1fr; gap: 13px; }.v9-recovered .journal-panel{ padding: 18px; }.v9-recovered .journal-panel h3{ font-size: 1.17rem; margin: 9px 0; }.v9-recovered .journal-panel p{ font-size: .8rem; line-height: 1.65; margin: 8px 0 14px; }.v9-recovered .contact-in{ padding: 48px 0; }.v9-recovered .contact-in h2{ font-size: 1.78rem; }.v9-recovered .contact-actions{ margin-top: 20px; }.v9-recovered .site-footer{ padding-top: 28px; }}@media  (min-width: 601px) and (max-width: 820px) {.v9-recovered .section{ padding-top: 66px; padding-bottom: 66px; }.v9-recovered .hero{ min-height: 750px; }.v9-recovered .hero-content{ padding-bottom: 220px; }.v9-recovered .design-layout{ grid-template-columns: minmax(0,1fr); gap: 22px; }.v9-recovered .design-shots{ width: 100%; min-height: 420px; }}@media  (max-width:600px){.v9-recovered .quadrant.q2 b,.v9-recovered .quadrant.q2 small{color:#083452 !important;}}@media  screen and (max-width:900px), (hover:none) and (pointer:coarse) {.v9-recovered .scroll-reveal,.v9-recovered .scroll-reveal:not(.visible){
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }}@media  (prefers-reduced-motion: reduce) {.v9-recovered .scroll-reveal{ opacity:1!important;visibility:visible!important;transform:none!important; }}.v9-recovered .seo-service-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:23px 0 10px;font-size:12px;line-height:1.55;color:#cae5f1}.v9-recovered .seo-service-links strong{font-weight:800;color:#fff;margin-right:3px}.v9-recovered .seo-service-links a{color:#d8f0f7;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#36b7dc;transition:color .2s}.v9-recovered .seo-service-links a:hover,.v9-recovered .seo-service-links a:focus-visible{color:#ffc978}@media (max-width:700px){.v9-recovered .seo-service-links{gap:7px 14px;margin:15px 0 5px;font-size:11.5px;line-height:1.7}.v9-recovered .seo-service-links strong{width:100%}}.v9-recovered .local-coverage{background:linear-gradient(130deg,#f2f8fc 0%,#fff 58%,#edf7fb 100%);border-top:1px solid #dbe8f0;border-bottom:1px solid #dce8ee}.v9-recovered .local-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:48px;align-items:center}.v9-recovered .local-copy h2{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,3.1rem);line-height:1.45;letter-spacing:.01em;margin:16px 0 24px;color:var(--navy)}.v9-recovered .local-copy h2 em{font-style:normal;color:#0784ba}.v9-recovered .local-copy p{font-size:.94rem;color:#485f73;line-height:1.92;margin:0 0 14px}.v9-recovered .local-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.v9-recovered .local-links a{font-size:.86rem;color:#086c9e;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#72cbe2}.v9-recovered .local-links a:hover{color:#0b3355}.v9-recovered .local-regions{background:linear-gradient(150deg,#082942,#0d4167 66%,#0879aa);color:white;border:1px solid rgba(0,153,208,.25);border-radius:8px;padding:30px 31px;box-shadow:0 16px 34px rgba(4,43,71,.12);overflow:hidden;min-width:0}.v9-recovered .local-regions-head{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.27)}.v9-recovered .local-regions-head span{font-size:.67rem;letter-spacing:.19em;color:#8fdbf4;font-weight:800}.v9-recovered .local-regions-head strong{font-family:var(--serif);font-size:1.28rem}.v9-recovered .local-primary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.v9-recovered .local-primary>div{display:flex;flex-direction:column;gap:8px;padding:19px 17px;background:rgba(255,255,255,.075);border-left:3px solid #35c7e9;min-width:0}.v9-recovered .local-primary>div:nth-child(2){border-left-color:#f5a941}.v9-recovered .local-primary small,.v9-recovered .local-nearby>small{color:#b9dbef;font-size:.75rem}.v9-recovered .local-primary strong{font-size:1.13rem;letter-spacing:.03em;line-height:1.35}.v9-recovered .local-primary span{color:#d5e8f3;font-size:.76rem}.v9-recovered .local-nearby{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v9-recovered .local-nearby>small{flex-basis:100%;margin-bottom:3px}.v9-recovered .local-nearby span{border:1px solid rgba(144,214,240,.45);padding:4px 10px;border-radius:30px;font-size:.75rem;color:#e0f4fc}.v9-recovered .local-note{font-size:.7rem;color:#bfd7e5;line-height:1.65;margin:16px 0 0}@media (max-width:900px){.v9-recovered .local-grid{grid-template-columns:1fr;gap:24px}.v9-recovered .local-coverage{padding-top:62px;padding-bottom:62px}}@media (max-width:600px){.v9-recovered .local-coverage{padding-top:42px!important;padding-bottom:42px!important}.v9-recovered .local-grid{gap:18px}.v9-recovered .local-copy h2{font-size:clamp(1.63rem,7vw,2rem);margin:9px 0 14px}.v9-recovered .local-copy p{font-size:.84rem;line-height:1.75;margin-bottom:10px}.v9-recovered .local-links{gap:8px 15px;margin-top:12px}.v9-recovered .local-links a{font-size:.78rem}.v9-recovered .local-regions{padding:18px 17px;border-radius:5px}.v9-recovered .local-regions-head{padding-bottom:11px}.v9-recovered .local-regions-head strong{font-size:1.07rem}.v9-recovered .local-primary{gap:9px;margin:13px 0}.v9-recovered .local-primary>div{padding:11px 9px;gap:5px}.v9-recovered .local-primary strong{font-size:.89rem}.v9-recovered .local-primary small,.v9-recovered .local-primary span{font-size:.68rem}.v9-recovered .local-nearby{gap:6px}.v9-recovered .local-nearby span{font-size:.69rem;padding:3px 8px}.v9-recovered .local-note{font-size:.66rem;margin-top:10px}}.v9-recovered .hero.hero--v9{min-height:744px;background:#061d34;isolation:isolate;position:relative;overflow:hidden}.v9-recovered .hero--v9 .hero-image{position:absolute;inset:0;top:0;height:100%;width:100%;background-position:73% 51%;background-size:cover;opacity:1;transform:none;z-index:0}.v9-recovered .hero--v9 .hero-panel{position:absolute;inset:0;clip-path:none;background:linear-gradient(92deg,#051f38 1%,rgba(5,32,55,.985) 35%,rgba(4,40,71,.84) 53%,rgba(6,43,72,.28) 78%,rgba(3,34,59,.23) 100%);z-index:1}.v9-recovered .hero--v9:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(0deg,rgba(3,29,49,.70),transparent 28%);opacity:.65}.v9-recovered .hero--v9 .hero-v9-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:40px;align-items:center;padding-top:60px;padding-bottom:148px;min-height:744px;position:relative;z-index:2}.v9-recovered .hero--v9 .hero-v9-copy{max-width:670px;min-width:0}.v9-recovered .v9-kicker{font-size:.79rem;letter-spacing:.13em;font-weight:800;color:#c8ebf7}.v9-recovered .v9-kicker-star{color:#ffc077;font-size:1.25rem;margin-right:5px}.v9-recovered .v9-pretitle{font-size:.69rem;letter-spacing:.22em;font-weight:700;color:#68cbe7;margin:22px 0 0}.v9-recovered .hero--v9 .hero-title{font-size:clamp(2.8rem,5vw,4.75rem);line-height:1.18;letter-spacing:-.057em;margin:10px 0 20px;max-width:640px;white-space:normal;text-shadow:0 4px 16px rgba(0,20,40,.21)}.v9-recovered .hero--v9 .hero-title .joy{color:#ffa944;font-weight:900;position:relative;display:inline-block}.v9-recovered .hero--v9 .hero-title .joy:after{background:linear-gradient(90deg,#f9b456,#21cce6);bottom:-.07em;height:4px}.v9-recovered .v9-value-proposition{border-left:3px solid #ffb24f;padding-left:18px;margin:18px 0 22px;color:#e2f0f9}.v9-recovered .v9-value-proposition strong{display:block;font-size:1.03rem;color:white;letter-spacing:.01em}.v9-recovered .v9-value-proposition p{margin:8px 0 0;font-size:.9rem;line-height:1.75;color:#d2e5f2}.v9-recovered .hero--v9 .hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.v9-recovered .hero--v9 .hero-actions .btn{min-height:49px;border-radius:3px;box-shadow:none;padding:12px 21px;font-size:.88rem;letter-spacing:.02em}.v9-recovered .hero--v9 .hero-actions .btn--orange{background:#ffb04c;color:#07243b;border-color:#ffb04c}.v9-recovered .hero--v9 .hero-actions .btn--outline{border-color:rgba(224,245,252,.78);background:rgba(4,34,58,.18)}.v9-recovered .v9-hero-location{font-size:.74rem;line-height:1.5;color:#c7dfe9;margin:17px 0 0;letter-spacing:.025em}.v9-recovered .hero-v9-aside{justify-self:end;position:relative;width:min(100%,305px);color:white;background:linear-gradient(145deg,rgba(5,34,58,.91),rgba(14,80,118,.8));border:1px solid rgba(185,236,248,.5);padding:21px 23px 18px;box-shadow:12px 13px 0 rgba(4,36,58,.24),0 16px 50px rgba(2,24,42,.2);backdrop-filter:blur(15px);transform:translateY(16px)}.v9-recovered .v9-card-top,.v9-recovered .v9-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#9adcf4;font-size:.62rem;font-weight:800;letter-spacing:.16em}.v9-recovered .v9-card-big{font-family:var(--serif);font-size:2.12rem;line-height:1.4;letter-spacing:-.025em;margin:30px 0 23px;font-weight:900}.v9-recovered .v9-card-big em{font-style:normal;color:#ffb75d}.v9-recovered .v9-card-steps{display:flex;flex-direction:column;border-top:1px solid rgba(224,244,251,.26);border-bottom:1px solid rgba(224,244,251,.26);padding:8px 0;margin-bottom:19px}.v9-recovered .v9-card-steps div{display:flex;align-items:baseline;gap:17px;padding:10px 0;border-bottom:1px solid rgba(224,244,251,.12)}.v9-recovered .v9-card-steps div:last-child{border:none}.v9-recovered .v9-card-steps span{font-weight:800;font-size:.64rem;color:#75d6ec}.v9-recovered .v9-card-steps b{font-size:.88rem;letter-spacing:.03em}.v9-recovered .v9-card-bottom span:last-child{font-size:1.1rem;color:#ffc16a}.v9-recovered .v9-hero-rail{position:absolute;bottom:0;left:0;right:0;z-index:5;background:rgba(3,27,45,.94);border-top:1px solid rgba(145,216,239,.55)}.v9-recovered .v9-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.v9-recovered .v9-rail-grid a{position:relative;padding:16px 14px 17px 15px;border-right:1px solid rgba(255,255,255,.12);transition:background .18s;color:white;display:flex;flex-direction:column;gap:5px}.v9-recovered .v9-rail-grid a:first-child{border-left:1px solid rgba(255,255,255,.12)}.v9-recovered .v9-rail-grid a:hover,.v9-recovered .v9-rail-grid a:focus-visible{background:rgba(31,129,172,.32)}.v9-recovered .v9-rail-grid a span{font-size:.61rem;color:#70cce8;letter-spacing:.15em;font-weight:800}.v9-recovered .v9-rail-grid a b{font-family:var(--serif);font-size:1rem;line-height:1.25}.v9-recovered .v9-rail-grid a i{position:absolute;right:14px;bottom:17px;font-style:normal;color:#ffa943;font-size:1.14rem}.v9-recovered .v9-orientation{background:#fff;padding:70px 0 78px;border-bottom:1px solid #d8e7ef}.v9-recovered .v9-orientation-head{text-align:center;max-width:750px;margin:0 auto 30px}.v9-recovered .v9-orientation-head .tag{justify-content:center}.v9-recovered .v9-orientation-head h2{font-family:var(--serif);font-size:clamp(1.85rem,3.45vw,2.9rem);line-height:1.46;letter-spacing:-.045em;color:#0c304f;margin:13px 0}.v9-recovered .v9-orientation-head h2 em{font-style:normal;color:#0886bc}.v9-recovered .v9-orientation-head p{color:#536e80;line-height:1.75;font-size:.9rem;margin:0 auto}.v9-recovered .v9-orientation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v9-recovered .v9-orientation-grid a{position:relative;color:#123956;padding:29px 29px 25px;background:linear-gradient(138deg,#f6fafd,#ecf6fc);border:1px solid #d7eaf3;border-top:4px solid #169ac6;border-radius:3px;min-height:249px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.v9-recovered .v9-orientation-grid a:nth-child(2){border-top-color:#1ab0cb}.v9-recovered .v9-orientation-grid a:nth-child(3){border-top-color:#f5aa42}.v9-recovered .v9-orientation-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(3,51,85,.11)}.v9-recovered .v9-index{color:#0581b3;font-size:.64rem;letter-spacing:.12em;font-weight:900}.v9-recovered .v9-orientation-grid h3{font-family:var(--serif);font-size:1.32rem;line-height:1.45;letter-spacing:-.025em;margin:15px 0 10px}.v9-recovered .v9-orientation-grid p{font-size:.82rem;line-height:1.7;margin:0 0 18px;color:#5a6d7d}.v9-recovered .v9-tile-cta{margin-top:auto;color:#0878a9;font-size:.8rem;font-weight:900;letter-spacing:.01em}@media (max-width:1050px){.v9-recovered .hero--v9 .hero-v9-grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:10px}.v9-recovered .hero--v9 .hero-title{font-size:clamp(2.7rem,5.4vw,4rem)}.v9-recovered .hero-v9-aside{width:255px;padding:19px}.v9-recovered .v9-card-big{font-size:1.8rem}}@media (max-width:820px){.v9-recovered .hero.hero--v9{min-height:auto}.v9-recovered .hero--v9 .hero-v9-grid{display:block;padding-top:62px;padding-bottom:164px;min-height:785px}.v9-recovered .hero-v9-aside{position:absolute;right:12px;bottom:173px;width:200px;transform:none}.v9-recovered .v9-card-top,.v9-recovered .v9-card-steps,.v9-recovered .v9-card-bottom{display:none}.v9-recovered .v9-card-big{font-size:1.3rem;margin:4px 0}.v9-recovered .hero--v9 .hero-panel{background:linear-gradient(100deg,#051d34 0%,rgba(3,35,61,.95) 49%,rgba(3,35,61,.25) 100%)}.v9-recovered .hero--v9 .hero-title{font-size:clamp(2.7rem,7vw,4rem)}.v9-recovered .v9-orientation-grid{gap:10px}.v9-recovered .v9-orientation-grid a{padding:23px 16px}.v9-recovered .v9-orientation-grid h3{font-size:1.07rem}}@media (max-width:600px){.v9-recovered .hero.hero--v9{min-height:0}.v9-recovered .hero--v9 .hero-image{background-position:59% 55%;opacity:.95}.v9-recovered .hero--v9 .hero-panel{background:linear-gradient(180deg,#061e36 0%,rgba(5,36,62,.98) 38%,rgba(5,45,75,.88) 68%,rgba(4,37,63,.62) 100%)}.v9-recovered .hero--v9 .hero-v9-grid{padding-top:37px;padding-bottom:161px;min-height:690px}.v9-recovered .hero--v9 .hero-v9-copy{max-width:none}.v9-recovered .v9-kicker{font-size:.72rem;letter-spacing:.035em}.v9-recovered .v9-pretitle{font-size:.55rem;letter-spacing:.12em;margin-top:13px}.v9-recovered .hero--v9 .hero-title{font-size:clamp(2.35rem,10.4vw,3.08rem);line-height:1.19;letter-spacing:-.06em;margin:9px 0 17px}.v9-recovered .hero--v9 .hero-title .joy:after{height:3px}.v9-recovered .v9-value-proposition{padding-left:11px;margin:15px 0 17px}.v9-recovered .v9-value-proposition strong{font-size:.8rem;line-height:1.7}.v9-recovered .v9-value-proposition p{font-size:.72rem;line-height:1.73;margin:5px 0 0}.v9-recovered .hero--v9 .hero-actions{gap:9px;margin-top:14px;flex-wrap:nowrap}.v9-recovered .hero--v9 .hero-actions .btn{font-size:.72rem;min-height:46px;padding:11px 12px;flex:1;justify-content:space-between}.v9-recovered .v9-hero-location{font-size:.62rem;line-height:1.6;margin-top:12px}.v9-recovered .hero-v9-aside{display:none}.v9-recovered .v9-hero-rail{background:rgba(2,27,45,.96)}.v9-recovered .v9-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-recovered .v9-rail-grid a{padding:9px 14px 9px 12px;min-height:57px;gap:2px;border-bottom:1px solid rgba(255,255,255,.12)}.v9-recovered .v9-rail-grid a span{font-size:.5rem;letter-spacing:.08em}.v9-recovered .v9-rail-grid a b{font-size:.82rem}.v9-recovered .v9-rail-grid a i{font-size:.95rem;right:10px;bottom:15px}.v9-recovered .v9-orientation{padding:43px 0 46px}.v9-recovered .v9-orientation-head{text-align:left;margin-bottom:22px}.v9-recovered .v9-orientation-head h2{font-size:clamp(1.65rem,7.8vw,2.05rem);line-height:1.45}.v9-recovered .v9-orientation-head p{font-size:.82rem;line-height:1.7}.v9-recovered .v9-orientation-grid{grid-template-columns:1fr;gap:10px}.v9-recovered .v9-orientation-grid a{min-height:0;padding:17px 20px 18px}.v9-recovered .v9-orientation-grid h3{font-size:1.18rem;margin:7px 0 6px}.v9-recovered .v9-orientation-grid p{font-size:.78rem;margin-bottom:10px}.v9-recovered .v9-tile-cta{font-size:.76rem}}
.v9-recovered .scroll-reveal{opacity:1!important;transform:none!important;visibility:visible!important;}
.v9-recovered .services{display:block!important;}
.v17-restore-caption{background:#eaf4fa;padding:14px 5%;font:600 13px/1.7 'Noto Sans JP',sans-serif;color:#17415c;letter-spacing:.02em;border-top:1px solid #d0e6f1;border-bottom:1px solid #d0e6f1;}
.v9-recovered .value .orange{color:#f5a941}


/* V18: editorial direction aligned with the 20-page corporate brochure */
:root{--navy:#07243e;--blue:#086ca9;--orange:#ed9e3a;--cyan:#33bfd5}
.page{font-feature-settings:"palt" on}
.site-head{box-shadow:0 2px 26px #072f4913}
.site-head .nav a{letter-spacing:.02em}
.site-section{scroll-margin-top:25px}
.site-section .section-head h2{line-height:1.42;letter-spacing:-.045em}
.site-section .section-content p{line-height:2.05;letter-spacing:.006em}
.site-section.type-normal:nth-child(even) .section-frame{padding-top:94px;padding-bottom:94px}
.site-section.type-split .section-frame{gap:min(7vw,100px)}
.site-section.type-pullquote{background:linear-gradient(137deg,#f3f9fc,#fff 72%)}
.page[data-kind="creative"] .site-section:nth-of-type(4n+1) .section-head h2{font-size:clamp(28px,3.3vw,43px)}
.page[data-kind="security"] .site-section.type-grid{background:#f0f8f8}
.page[data-kind="technology"] .site-section.type-split{background:linear-gradient(115deg,#f6fafc,#eaf3fa)}
.page[data-kind="marketing"] .section-head:after{background:#ec9c3e}
.page[data-kind="business"] .site-section.type-serif{background:#f7f5ef}
.page[data-kind="corporate"] .site-section{border-bottom:1px solid #d7e7ec}
.page[data-kind="legal"] .site-section .section-content{max-width:900px}
.page[data-kind="legal"] .site-section h2{font-size:clamp(24px,2.6vw,35px)}
.local-footer-stance{padding:18px 5%;font-size:12px;line-height:1.8;color:#a8c6d7;background:#05233c;text-align:center}
.local-seo-short{font-size:13px!important;font-weight:650;color:#d4eef4!important;max-width:520px;margin:22px auto 0;line-height:1.9}
.face-feature{background:#081f37;color:#fff;position:relative;overflow:hidden;border-top:5px solid #eba13e}
.face-feature:before{content:'FACE TO FACE';position:absolute;right:-2%;bottom:0;color:#ffffff0b;font:900 clamp(60px,12vw,210px)/1 Georgia,serif;letter-spacing:-.07em;white-space:nowrap}
.face-overline{padding:22px max(5%,calc((100% - 1160px)/2));font:700 10px/1.5 Georgia,serif;color:#65b6d6;letter-spacing:.24em;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff22}
.face-overline span{color:#f5c078}
.face-grid{display:grid;grid-template-columns:48% 52%;max-width:1280px;margin:auto;position:relative;z-index:2}
.face-head{padding:78px 10% 88px 8%;border-right:1px solid #ffffff2b}
.face-oversize{display:block;font-size:clamp(54px,7.3vw,112px);font-weight:900;line-height:1.2;letter-spacing:-.11em}
.face-oversize em{font-style:normal;color:#ed9c37}
.face-head h2{font-size:clamp(17px,2vw,25px);line-height:1.7;color:#b7e1ee;margin:44px 0 0;font-weight:700}
.face-copy{padding:90px 10% 80px 9%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.face-copy p{max-width:550px;font-size:15px;color:#d8e6ec;line-height:2.25;margin:0}
.face-keywords{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.face-keywords span{padding:7px 11px;border:1px solid #ffffff3c;color:#c8e5ee;font-size:11px}
.face-cta{padding:14px 20px 15px 0;border-bottom:2px solid #f3a53f;color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.07em}
.face-cta b{color:#ffba63;margin-left:15px}
.legacy-seo{background:linear-gradient(120deg,#f9fbfc,#eaf5fa);border-top:1px solid #cde2eb;border-bottom:1px solid #cde2eb}
.legacy-brow{font:700 11px/1.5 Georgia,serif;letter-spacing:.22em;color:#1c7d9e;padding:22px 6%;border-bottom:1px solid #cde2eb}
.legacy-inner{display:grid;grid-template-columns:47% 53%;max-width:1280px;margin:auto;min-height:440px}
.legacy-title{padding:80px 9%;border-right:1px solid #d3e2eb}
.legacy-title small{font:700 11px Georgia,serif;color:#2b83a4;letter-spacing:.17em}
.legacy-title h2{font-size:clamp(32px,3.6vw,55px);letter-spacing:-.06em;color:#092b44;margin:22px 0 0;line-height:1.44}
.legacy-title h2 em{font-style:normal;color:#0b7ca9}
.legacy-rule{width:75px;height:5px;background:#e7a34c;margin-top:35px}
.legacy-copy{padding:64px 9%;font-size:14px;color:#38576d;line-height:2.2}
.legacy-copy p{margin-bottom:15px}.legacy-copy .legacy-bold{font-weight:800;color:#082c49;font-size:16px}
.legacy-plans{background:#fff;padding:75px max(5%,calc((100% - 1180px)/2)) 82px}
.legacy-plans-head{text-align:center;max-width:780px;margin:0 auto 43px}
.legacy-plans-head h2{font-size:clamp(33px,4.2vw,54px);letter-spacing:-.06em;margin:7px 0 12px}
.legacy-plans-head p{font-size:14px;color:#537087}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-grid article{border-top:5px solid #087eb1;background:linear-gradient(#f4f9fc,#fff);padding:34px 28px;min-width:0;box-shadow:0 12px 34px #0b446a0a}
.plan-grid article:nth-child(2){border-top-color:#10b7be}.plan-grid article:nth-child(3){border-top-color:#e79b36}
.plan-no{font:700 48px/1 Georgia,serif;color:#c4dfea}
.plan-grid h3{font-size:20px;line-height:1.55;min-height:67px;margin:18px 0}
.plan-grid p{font-size:13px;line-height:2;color:#516e81}
.plan-grid article strong{display:block;color:#063858;margin:25px 0 6px;font-size:19px}
.plan-grid small{display:block;font-size:11px;color:#6a7e8d;min-height:30px}
.plan-note{font-size:12px;color:#5c7485;line-height:2;margin-top:22px;padding:0 6px}
.editorial-signature{padding:0;overflow:hidden;background:#082944;color:#fff}
.editorial-signature .signature-index{padding:13px 6%;color:#a9d5e4;font:700 10px/1.5 Georgia,serif;letter-spacing:.25em;border-bottom:1px solid #fff2}
.editorial-signature .signature-inner{display:grid;grid-template-columns:1.05fr .95fr;max-width:1250px;margin:auto}
.editorial-signature .sig-type{padding:65px 9% 70px;border-right:1px solid #fff2}
.editorial-signature .sig-type span{color:#8ed0e5;font:700 10px/1.5 Georgia,serif;letter-spacing:.18em}
.editorial-signature .sig-type h2{font-size:clamp(32px,3.8vw,52px);font-weight:850;letter-spacing:-.07em;line-height:1.43;margin:19px 0 0}
.editorial-signature .sig-copy{padding:65px 9% 65px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.editorial-signature .sig-copy p{font-size:14px;color:#d0e4eb;line-height:2.15}
.editorial-signature .sig-copy a{color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid #f1a740;padding:13px 0;font-weight:750}
.editorial-signature .sig-copy b{color:#f6b15b;margin-left:17px}
.editorial-signature.variant-map{background:linear-gradient(112deg,#073c5d,#081e33)}
.editorial-signature.variant-gallery{background:linear-gradient(125deg,#143a52,#104c69 64%,#085985)}
.editorial-signature.variant-shield{background:linear-gradient(115deg,#082f41,#103c49)}
.editorial-signature.variant-flow{background:linear-gradient(120deg,#0b3854,#07385d)}
.editorial-signature.variant-type{background:linear-gradient(145deg,#072741,#06395c)}
.editorial-signature.variant-gallery .sig-type:after{content:'A';position:absolute;font:900 180px Georgia,serif;opacity:.04;left:10%}
.page[data-kind="marketing"] .hero h1{font-size:clamp(41px,5vw,78px)}
.page[data-kind="corporate"] .president-section .president-sign{padding:25px 0}
.page[data-kind="corporate"] .president-section .president-sign .name-wrap{padding:20px 0 12px;border-top:1px solid #b0ced9}
.contact-gateway{background:#eaf5fa;padding:65px max(6%,calc((100% - 980px)/2));text-align:center}
.contact-gateway .cg-mark{font:800 11px Georgia,serif;color:#0e7395;letter-spacing:.18em}
.contact-gateway h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.055em;margin:12px 0}
.contact-gateway p{color:#4b6980;font-size:14px;line-height:2;max-width:700px;margin:0 auto 30px}
.contact-gateway a{display:inline-flex;text-decoration:none;background:#0a3454;padding:16px 26px;color:white;font-size:13px;font-weight:750;gap:22px}
.v9-recovered .sec .container{max-width:1180px}
/* avoid user-facing note banners; page navigation belongs only to review toolbar */
.v17-restore-caption{display:none!important}
@media(max-width:760px){
  .face-grid,.legacy-inner,.editorial-signature .signature-inner{grid-template-columns:1fr}
  .face-head,.legacy-title,.editorial-signature .sig-type{padding:50px 7% 34px;border-right:0;border-bottom:1px solid #ffffff30}
  .legacy-title{border-bottom-color:#d6e5ec}
  .face-copy,.legacy-copy,.editorial-signature .sig-copy{padding:35px 7% 55px}
  .face-oversize{font-size:clamp(52px,14vw,82px)}
  .legacy-plans{padding:55px 5%}.plan-grid{grid-template-columns:1fr}.plan-grid h3{min-height:0}
  .editorial-signature .sig-type h2{font-size:32px}
  .face-overline{font-size:8px}
  .legacy-copy .legacy-bold{font-size:15px}
  .local-seo-short{padding:0 15px}
}

/* V18 per-page visual signatures: intentional changes to hero construction. */
#page-meo .hero{grid-template-columns:.98fr 1.02fr}
#page-meo .hero-copy{background:#09505b}
#page-meo .hero-visual{background:repeating-linear-gradient(145deg,#0b6471 0 3px,#075361 3px 44px)}
#page-meo .hero h1{font-size:clamp(37px,4.3vw,64px)}
#page-dx .hero{grid-template-columns:1.14fr .86fr;background:#edf8fa}
#page-dx .hero-copy{background:#eef8f8;color:#063950}
#page-dx .hero .micro{color:#1c7d91}
#page-dx .hero h1{color:#08374e}
#page-dx .hero-copy .lead{color:#456a74}
#page-dx .hero-visual{background:linear-gradient(160deg,#092846,#087695)}
#page-ai-training .hero{grid-template-columns:.94fr 1.06fr;background:#f7f2ed}
#page-ai-training .hero-copy{background:linear-gradient(160deg,#faf7f0,#f5eee8);color:#092a43}
#page-ai-training .hero .micro{color:#ba7428}
#page-ai-training .hero h1{color:#102e4a;font-size:clamp(36px,4vw,62px)}
#page-ai-training .hero-copy .lead{color:#4e667b}
#page-ai-training .hero-visual{background:linear-gradient(130deg,#0e3551 10%,#064166 62%,#106b85)}
#page-google-workspace .hero{grid-template-columns:1.25fr .75fr}
#page-google-workspace .hero-copy{background:#f3f8fe;color:#093c67}
#page-google-workspace .hero h1{font-size:clamp(37px,4.1vw,61px);color:#0e4970}
#page-google-workspace .hero .micro{color:#1283b5}
#page-google-workspace .hero-copy .lead{color:#436c88}
#page-google-workspace .hero-visual{background:linear-gradient(120deg,#0b5489,#057fac)}
#page-support .hero-copy{background:#0e475b}
#page-support .hero-visual{background:radial-gradient(circle at 75% 35%,#1a8993,#073d59 63%,#0a2d45)}
#page-cost .hero{grid-template-columns:1.25fr .75fr}
#page-cost .hero-copy{background:linear-gradient(130deg,#f5f7f4,#fff);color:#15354a}
#page-cost .hero h1{color:#10334a}
#page-cost .hero-copy .lead{color:#426374}
#page-cost .hero .micro{color:#16849a}
#page-cost .hero-visual{background:#174d62}
#page-security .hero{grid-template-columns:.98fr 1.02fr}
#page-security .hero-copy{background:#093d41}
#page-security .hero-visual{background:linear-gradient(155deg,#17474a,#0a333f 75%)}
#page-pc-security .hero-copy{background:#f2f8f7;color:#153f42}
#page-pc-security .hero h1{color:#123e42}
#page-pc-security .hero-copy .lead{color:#507578}
#page-pc-security .hero .micro{color:#14837c}
#page-pc-security .hero-visual{background:linear-gradient(120deg,#0a3d48,#13706e)}
#page-network-security .hero{grid-template-columns:1.22fr .78fr}
#page-network-security .hero-visual{background:repeating-linear-gradient(-40deg,#114c5e,#114c5e 18px,#124157 18px,#124157 56px)}
#page-backup .hero{grid-template-columns:1.05fr .95fr}
#page-backup .hero-copy{background:#153f4b}
#page-backup .hero-visual{background:radial-gradient(circle at 80% 10%,#358c96,#124653 60%,#0b3441)}
#page-subsidy .hero{grid-template-columns:.9fr 1.1fr;background:#f4f5f1}
#page-subsidy .hero-copy{background:#f7f7f2;color:#1b3b4b}
#page-subsidy .hero .micro{color:#b17a34}
#page-subsidy .hero h1{color:#133d4c}
#page-subsidy .hero-copy .lead{color:#536e77}
#page-subsidy .hero-visual{background:linear-gradient(150deg,#11425d,#25677d)}
#page-employment-subsidy .hero-copy{background:#0d4760}
#page-employment-subsidy .hero-visual{background:linear-gradient(135deg,#2a5c74,#114157)}
#page-consulting .hero{grid-template-columns:1.35fr .65fr}
#page-consulting .hero-copy{background:linear-gradient(160deg,#0b2d49,#174b62)}
#page-consulting .hero-visual{background:linear-gradient(120deg,#af9d78,#586d70)}
#page-pricing .hero{grid-template-columns:1.3fr .7fr}
#page-pricing .hero-copy{background:#f2f7fa;color:#083950}
#page-pricing .hero .micro{color:#127ca1}
#page-pricing .hero h1{color:#103b52}
#page-pricing .hero-copy .lead{color:#49687e}
#page-pricing .hero-visual{background:linear-gradient(130deg,#0b3d5a,#0d789a)}
#page-downloads .hero{grid-template-columns:1.05fr .95fr;background:#0c344d}
#page-downloads .hero-visual{background:linear-gradient(135deg,#0d4c66,#0b6689)}
#page-news .hero{min-height:410px;grid-template-columns:1fr 1fr;background:#f6f9fa}
#page-news .hero-copy{background:#f9f7f2;color:#163f53;padding-top:62px;padding-bottom:55px}
#page-news .hero h1{color:#123c55}
#page-news .hero .micro{color:#ba7d30}
#page-news .hero-copy .lead{color:#587388}
#page-news .hero-visual{min-height:410px;background:#0a4564}
#page-contact .hero{min-height:350px;grid-template-columns:1fr;background:#f2f8fc}
#page-contact .hero-copy{background:linear-gradient(95deg,#f8fbfd,#e9f4f8);color:#103e5a;padding:65px 7% 45px}
#page-contact .hero h1{color:#0d3b56;margin-top:18px}
#page-contact .hero .micro{color:#1888a8}
#page-contact .hero-copy .lead{color:#456f86}
#page-contact .hero-visual{display:none}
#page-sitemap .hero{min-height:350px;grid-template-columns:1fr;background:#0d3853}
#page-sitemap .hero-copy{padding:58px 7%}
#page-sitemap .hero-visual{display:none}
#page-privacy .hero,#page-terms .hero{min-height:350px;grid-template-columns:1fr;background:#f7fafc}
#page-privacy .hero-copy,#page-terms .hero-copy{background:#f3f8fa;color:#17394f;padding:60px 7%}
#page-privacy .hero h1,#page-terms .hero h1{color:#0d344b;font-size:clamp(34px,4vw,62px)}
#page-privacy .hero .micro,#page-terms .hero .micro{color:#2e82a5}
#page-privacy .hero-copy .lead,#page-terms .hero-copy .lead{color:#546f81}
#page-privacy .hero-visual,#page-terms .hero-visual{display:none}
/* Carefully adapt inherited hero motifs rather than hiding meaningful H1/lead text. */
@media(max-width:700px){
 #page-meo .hero,#page-dx .hero,#page-ai-training .hero,#page-google-workspace .hero,#page-cost .hero,#page-security .hero,#page-network-security .hero,#page-subsidy .hero,#page-consulting .hero,#page-pricing .hero,#page-downloads .hero,#page-news .hero {grid-template-columns:1fr}
 #page-contact .hero,#page-sitemap .hero,#page-privacy .hero,#page-terms .hero{grid-template-columns:1fr}
 #page-contact .hero-copy,#page-sitemap .hero-copy,#page-privacy .hero-copy,#page-terms .hero-copy{padding:45px 7%}
}


/* Evergreen brochure-style mockup: typography only, no old draft year or private business-card image. */
.portfolio-book{background:#07314f;overflow:hidden;border:1px solid #dce9ef;}
.booklet-abstract{position:relative;height:100%;width:100%;background:linear-gradient(117deg,#071f39 0%,#0a3555 59%,#166f8d 100%);color:white;overflow:hidden}
.booklet-top{position:relative;display:flex;justify-content:space-between;gap:8px;z-index:3;padding:8% 7%;font:800 9px/1.2 Arial,sans-serif;letter-spacing:.04em}
.booklet-top span{color:#c1e6ee}.booklet-top small{font-size:6px;letter-spacing:.09em;color:#f0c680}
.booklet-disk{position:absolute;width:94%;aspect-ratio:1;border:1px solid #8ce2ee43;border-radius:50%;top:6%;right:-51%;box-shadow:0 0 0 35px #1c799a22,0 0 0 75px #4dabc817}
.booklet-swoosh{position:absolute;top:-5%;right:8%;width:18%;height:112%;transform:rotate(18deg);background:linear-gradient(90deg,#1a85ad3b,#8fd1df4d,#1a85ad1f)}
.booklet-main{position:relative;z-index:3;padding:21% 7% 0}
.booklet-main small{font:700 7px Georgia,serif;letter-spacing:.14em;color:#8dd6e8}
.booklet-main strong{display:block;font-size:clamp(13px,2.6vw,30px);font-weight:900;letter-spacing:-.07em;line-height:1.46;margin-top:13px;text-shadow:0 2px 6px #04233a40}
.booklet-main em{color:#f4a73e;font-style:normal}
.booklet-bottom{position:absolute;z-index:4;bottom:7%;left:7%;right:7%;padding-top:10px;border-top:1px solid #fff6;font-size:8px;font-weight:750}
.booklet-bottom span{display:block;font:700 6px Georgia,serif;letter-spacing:.12em;color:#a4d6e3;margin-top:7px}
@media(max-width:760px){.booklet-main strong{font-size:clamp(16px,5.3vw,30px)}}


/* V21 / TYPE, GRID, COLOR — brand-consistent details, independently art-directed. */
:root{--v21-ink:#0a2c45;--v21-blue:#0874a8;--v21-cyan:#36c0d4;--v21-gold:#f0a748;--v21-cream:#f8f4ec}
.page .hero-copy{position:relative;padding-block:clamp(42px,6.7vw,102px)}
.page .hero-copy .micro{letter-spacing:.21em;font-size:.72rem;font-weight:800}
.page .hero-copy h1{letter-spacing:-.063em;font-feature-settings:'palt' on;line-height:1.13;text-wrap:balance}
.page .hero-copy .lead{max-width:32em;line-height:1.9}
.page .site-section .section-head h2{font-weight:800;text-wrap:pretty}
.page .site-section .section-content p{max-width:78ch;line-height:2.06}
.page .site-section.type-terms .section-frame{border-top:1px solid #d7e2e8}
.page .site-section.type-faq{background:#f6f9fa}
.page .site-section.type-faq details{border-color:#d9e6eb}
.page .end-cta{background-image:linear-gradient(110deg,#082941,#0b4564);}
.page .hero-visual{position:relative;isolation:isolate;overflow:hidden;}
.page .hero-visual:has(.v21-heroart) .art-word{opacity:0;pointer-events:none}
.v21-heroart{position:absolute;inset:0;display:flex;z-index:2;overflow:hidden;color:#fff}
.v21-heroart,.v21-heroart *{box-sizing:border-box}
.v21-heroart .v21-art-kicker,.v21-board-kicker,.v21-convo-title{font-size:11px;letter-spacing:.23em;font-weight:800}
.v21-four-map{padding:8% 10% 6%;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#05344d,#0c6581)}
.v21-four-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-3deg);max-width:500px;width:100%;align-self:center;}
.v21-four-grid>div{padding:18px 20px;min-height:116px;background:#ffffff15;border:1px solid #ffffff45;display:flex;flex-direction:column;gap:5px;position:relative;backdrop-filter:blur(2px)}
.v21-four-grid>div:nth-child(2){background:#fff3;border-color:#5ed4ed8c}
.v21-four-grid>div:nth-child(3){background:#061f3890}
.v21-four-grid>div:nth-child(4){background:#d89d4760}
.v21-four-grid b{font:700 13px/1 Georgia,serif;color:#ffbc66;letter-spacing:.07em}
.v21-four-grid strong{font-size:clamp(15px,2.1vw,25px);line-height:1.35;letter-spacing:-.04em}
.v21-four-grid small{margin-top:auto;font-size:8px;letter-spacing:.17em;opacity:.82}
.v21-art-caption{font-size:12px;letter-spacing:.05em;color:#e2f6fa}
.v21-web-showcase{align-items:center;justify-content:center;padding:9% 6% 8%;background:linear-gradient(130deg,#a7dae5 0%,#d0e9ed 57%,#80bbc9 100%);}
.v21-web-showcase:before{content:'';position:absolute;border:1px solid #176b8760;width:70%;height:140%;transform:rotate(30deg);left:-15%;top:-20%}
.v21-browser{width:90%;transform:rotate(-4deg) translate(-2%,1%);box-shadow:15px 20px 0 #092b459e,0 16px 45px #0e556056;border:1px solid #0d476f52;background:#fff;z-index:1;}
.v21-browser-toolbar{height:32px;background:#f0f5f7;color:#25637d;display:flex;gap:5px;align-items:center;padding:0 14px;border-bottom:1px solid #d2e1e7}
.v21-browser-toolbar i{width:6px;height:6px;border-radius:50%;background:#a2bfc9}
.v21-browser-toolbar span{font-size:8px;letter-spacing:.13em;margin-left:auto;font-weight:800}
.v21-browser-header{background:#072c45;min-height:170px;padding:22px 26px;color:white;position:relative;overflow:hidden}
.v21-browser-header>span{font-size:11px;letter-spacing:.09em;color:#a1dce8}
.v21-browser-header>b{display:block;font-size:clamp(23px,3vw,42px);line-height:1.25;letter-spacing:-.06em;margin:17px 0;font-weight:800}
.v21-browser-header em{font-style:normal;color:#f6ab43}
.v21-browser-ribbon{width:60%;height:4px;background:linear-gradient(90deg,#f3a34d,#31bed5);margin-top:28px}
.v21-browser-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:#16455e;font-size:11px;text-align:center;padding:14px 8px;gap:8px}
.v21-browser-stats span{border-right:1px solid #d3e1e8}.v21-browser-stats span:last-child{border:0}.v21-browser-stats b{display:block;font:700 15px Georgia,serif;color:#0b8bb0}
.v21-mobile-sheet{position:absolute;right:2%;bottom:4%;width:25%;min-width:95px;max-width:150px;background:#f8faf9;color:#0a3f5f;border:5px solid #08253f;border-radius:20px;padding:21px 12px;transform:rotate(8deg);z-index:2;box-shadow:0 15px 25px #0c455b50}
.v21-mobile-sheet>span{font-size:7px;letter-spacing:.05em}.v21-mobile-sheet div{height:40px;background:linear-gradient(115deg,#0e2e4d,#1190aa);margin:12px 0}
.v21-mobile-sheet strong{font-size:13px;line-height:1.2;display:block}.v21-mobile-sheet>i{height:4px;background:#cadee4;display:block;margin-top:7px}
.v21-mobile-sheet>i:last-child{width:50%}
.v21-print-stack{background:linear-gradient(135deg,#cfe5ea 0%,#94c9d7 100%);align-items:center;justify-content:center;perspective:900px}
.v21-print-back,.v21-print-book,.v21-print-card{position:absolute;box-shadow:10px 22px 26px #0e536456}
.v21-print-back{right:7%;top:8%;width:53%;height:76%;background:#0b4770;padding:25px;color:#fff;transform:rotate(9deg);border:5px solid #fff7;display:flex;flex-direction:column;justify-content:space-between}
.v21-print-back span{font-size:10px;letter-spacing:.25em}.v21-print-back em{font:italic 700 clamp(17px,2vw,29px)/1.35 Georgia,serif;letter-spacing:.06em}
.v21-print-book{top:9%;left:16%;width:52%;height:80%;background:#082843;border:7px solid #fff;transform:rotate(-9deg);padding:9% 7%;display:flex;flex-direction:column;align-items:flex-start}
.v21-print-book .v21-small-label{font-size:8px;letter-spacing:.12em;color:#96d9ec}
.v21-print-book strong{font-size:clamp(20px,2.8vw,36px);line-height:1.3;letter-spacing:-.055em;margin:auto 0}
.v21-print-book strong em{font-style:normal;color:#efa444}
.v21-paper-rule{width:43%;height:3px;background:#32c7d9;margin-bottom:8px}.v21-print-book small{font-size:10px;color:#d8edf2}
.v21-print-card{right:4%;bottom:8%;background:#fff;color:#0d3e58;width:45%;padding:15px 15px 18px;transform:rotate(9deg);border-top:6px solid #edaa43}
.v21-print-card span{font-size:9px;letter-spacing:.1em;color:#0a6a9f}.v21-print-card strong{font-size:clamp(12px,1.6vw,19px);display:block;margin:12px 0}.v21-print-card small{font-size:8px;letter-spacing:.12em}
.v21-price-ledger{padding:7% 10%;display:flex;flex-direction:column;justify-content:space-around;background:linear-gradient(125deg,#0c3855,#127b9b)}
.v21-price-ledger>span{font-size:10px;letter-spacing:.2em;color:#d6edf4}
.v21-price-main{font-size:clamp(23px,3.6vw,47px);font-weight:800;line-height:1.26;letter-spacing:-.055em}.v21-price-main em{font-style:normal;color:#f6b65f}
.v21-price-rows{border-top:1px solid #ffffff66}.v21-price-rows>div{display:flex;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff33;align-items:center;font-size:13px;font-weight:600}.v21-price-rows b{font:700 13px Georgia,serif;color:#f2b253}.v21-price-rows i{margin-left:auto;font-style:normal;color:#ffbb59}
.v21-contact-dialog{display:flex;flex-direction:column;padding:10% 9%;background:linear-gradient(135deg,#0e5678,#08718b);gap:13px}
.v21-speech{max-width:84%;padding:13px 17px;border-radius:14px 14px 14px 2px;background:#ffffffea;color:#0b3a55;box-shadow:0 5px 0 #042c4680;font-weight:750;font-size:clamp(13px,1.4vw,18px)}
.v21-speech-two{align-self:flex-end;background:#f3bb67;border-radius:14px 14px 2px 14px}
.v21-speech-three{background:#d8f4f1}.v21-contact-dialog>small{margin-top:auto;letter-spacing:.05em}
.v21-learning-board{display:flex;flex-direction:column;background:linear-gradient(140deg,#082f50,#14769c);padding:8% 10%;gap:9px}
.v21-board-kicker{margin-bottom:8px}.v21-lesson{display:flex;align-items:center;gap:17px;background:#ffffff13;padding:12px 20px;border-left:3px solid #e9a644;transform:translateX(0)}
.v21-lesson:nth-child(3){transform:translateX(8px)}.v21-lesson:nth-child(4){transform:translateX(16px)}
.v21-lesson strong{color:#f8b24f;font:700 26px Georgia,serif}.v21-lesson b{display:block;font-size:19px;letter-spacing:-.03em}.v21-lesson small{font-size:11px;color:#ceebf3}
.v21-board-footer{font-size:9px;letter-spacing:.15em;margin-top:auto;color:#c5e2ee}
.v21-office-history{max-width:1180px;margin:0 auto;padding:clamp(55px,8vw,120px) 5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative}
.v21-office-history:before{content:'春日井';position:absolute;top:0;right:2%;font-weight:900;font-size:clamp(70px,10vw,160px);color:#0f5d8010;z-index:0;pointer-events:none}
.v21-roots-title{z-index:1}.v21-roots-title .micro{color:#0b779f}.v21-roots-title h2{font-size:clamp(30px,3.4vw,51px);line-height:1.42;letter-spacing:-.06em;margin:24px 0 32px}
.v21-roots-title h2 em{font-style:normal;color:#0676a9}.v21-roots-title p{font-size:16px;line-height:2.2}
.v21-roots-steps{padding-top:20px;border-left:1px solid #a8c8d6}.v21-roots-steps>div{position:relative;margin-left:32px;padding:8px 0 28px;border-bottom:1px solid #d8e7eb;margin-bottom:20px}
.v21-roots-steps>div:before{position:absolute;content:'';top:22px;left:-37px;border:2px solid #eff9fc;background:#e9a544;border-radius:50%;width:8px;height:8px}
.v21-roots-steps span{font:700 11px/1.5 Georgia,serif;letter-spacing:.12em;color:#b47c2e}.v21-roots-steps b{display:block;font-size:23px;letter-spacing:-.03em;margin:8px 0}.v21-roots-steps p{max-width:29em;line-height:1.8}
.v21-pricing-nav{max-width:1180px;margin:65px auto;padding:58px 5% 70px;background:#ecf5f7;display:grid;grid-template-columns:1fr 1.3fr;gap:4%;align-items:center;border-top:4px solid #0e749d}
.v21-pricing-nav-top .micro{color:#0a7197}.v21-pricing-nav-top h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.055em;line-height:1.45;margin:16px 0}.v21-pricing-nav-top em{font-style:normal;color:#0c779e}.v21-pricing-nav-top p{max-width:29em}
.v21-price-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v21-price-cats button{border:1px solid #d7e6eb;background:#fff;color:#16435b;min-height:70px;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 18px;transition:background .2s,border-color .2s,transform .2s}.v21-price-cats button:hover,.v21-price-cats button:focus-visible{background:#d8f3f7;border-color:#0b86a6;transform:translateY(-2px)}.v21-price-cats button strong{font:700 16px Georgia,serif;color:#dc9141}.v21-price-cats button span{font-weight:750;font-size:13px}
.v21-services-crossroads{background:#071f38;color:white;padding:80px max(5%,calc((100% - 1160px)/2));margin:80px 0;}
.v21-crossroads-head{display:flex;gap:30px;justify-content:space-between;align-items:end;padding-bottom:34px}.v21-crossroads-head .micro{align-self:start;color:#45c3d6}.v21-crossroads-head h2{font-size:clamp(31px,3.5vw,50px);line-height:1.4;letter-spacing:-.05em}.v21-crossroads-head h2 em{font-style:normal;color:#ffc06c}
.v21-crossroads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.v21-crossroads-grid a{text-decoration:none;display:flex;flex-direction:column;gap:11px;border:1px solid #91bacc4a;min-height:178px;padding:25px 26px;transition:background .2s,border-color .2s;color:inherit}
.v21-crossroads-grid a:hover,.v21-crossroads-grid a:focus-visible{background:#164764;border-color:#4ac9d8}
.v21-crossroads-grid a span{color:#ebb15d;font-size:10px;letter-spacing:.13em}.v21-crossroads-grid a strong{font-size:clamp(20px,2vw,27px);line-height:1.2}.v21-crossroads-grid a small{color:#cae6ed;letter-spacing:.02em}
/* Human contact gets its own two-column composition, not the plain utility template. */
#page-contact .hero-utility{display:grid;grid-template-columns:1fr 1fr;min-height:440px}
#page-contact .hero-utility .hero-visual{display:block!important;min-height:440px}
#page-contact .hero-utility .hero-copy{display:flex;flex-direction:column;justify-content:center}
@media(max-width:680px){#page-contact .hero-utility{grid-template-columns:1fr;min-height:0}#page-contact .hero-utility .hero-visual{min-height:260px}}
/* Let the core topic lead SEO; no copy replacements or new claims. */
#page-seo .hero-copy{border-left:4px solid #edab48}
#page-seo .legacy-seo{scroll-margin-top:100px}
/* Avoid repeated numbered template strips overwhelming the strongest editorial modules. */
#page-office .president-section,#page-web .service-spotlight,#page-design .service-spotlight{margin-bottom:clamp(22px,3vw,50px)}
@media(max-width:900px){.v21-office-history,.v21-pricing-nav{grid-template-columns:1fr;gap:28px}.v21-services-crossroads{padding:52px 5%}.v21-four-grid>div{min-height:90px;padding:10px}.v21-print-book{padding:8% 6%}}
@media(max-width:680px){.page .hero-copy{padding-block:42px}.page .hero-copy h1{font-size:clamp(28px,9vw,48px)}
 .v21-office-history{padding:60px 6%;}.v21-office-history:before{font-size:72px;top:5px}.v21-roots-title p{font-size:15px}
 .v21-pricing-nav{padding:42px 6%;margin:35px 0}.v21-price-cats{grid-template-columns:1fr 1fr;gap:7px}.v21-price-cats button{padding:12px;gap:7px;min-height:63px}.v21-price-cats button span{font-size:11px}
 .v21-crossroads-head{flex-direction:column;align-items:start;gap:12px}.v21-crossroads-grid{grid-template-columns:1fr}.v21-crossroads-grid a{min-height:0;padding:21px}.v21-services-crossroads{padding:45px 6%}
 .v21-heroart{min-height:240px}.v21-four-map{padding:25px 12px 20px}.v21-four-grid{width:82%}.v21-four-grid>div{min-height:60px;padding:8px 12px}.v21-four-grid strong{font-size:15px}.v21-four-grid small{font-size:7px}.v21-art-caption{font-size:9px}
 .v21-web-showcase{padding:5%}.v21-browser-header{min-height:95px;padding:12px}.v21-browser-header>b{font-size:21px;margin:8px 0}.v21-browser-toolbar{height:22px}.v21-browser-stats{padding:5px;font-size:9px}.v21-mobile-sheet{width:23%;min-width:80px;padding:8px 5px;border-width:3px;border-radius:12px}.v21-mobile-sheet div{height:26px;margin:7px 0}.v21-mobile-sheet strong{font-size:9px}
 .v21-print-back{padding:15px}.v21-print-book{border-width:4px;padding:23px 14px}.v21-print-book strong{font-size:24px}.v21-print-book small{font-size:8px}.v21-print-card{padding:10px;width:48%}
 .v21-contact-dialog{padding:25px 25px}.v21-speech{font-size:12px;padding:9px 10px}.v21-price-ledger{padding:24px 30px}.v21-price-main{font-size:32px}.v21-price-rows>div{font-size:10px;padding:8px}
 .v21-learning-board{padding:22px 26px}.v21-lesson{padding:7px 12px}.v21-lesson b{font-size:16px}.v21-lesson small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.v21-price-cats button,.v21-crossroads-grid a{transition:none}}


/* TOP only: readability and requested refinements. */
#page-home .quadrant.q2,#page-home .quadrant.q2 b,#page-home .quadrant.q2 small{color:#083452!important}
#page-home .quadrant.q2 b{padding-right:38px}
#page-home .quadrant.q2 small{font-size:14px;line-height:1.85}
#page-home .value-copy .value-arrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:19px;line-height:1.8;font-weight:800;letter-spacing:.02em;margin-top:24px;color:#075c88}
#page-home .value-arrow span{white-space:nowrap}#page-home .value-arrow i{font-style:normal;color:#286f91}
#page-home .end-cta h2{color:#ffb34d;font-size:clamp(27px,3vw,38px);line-height:1.5}
#page-home .end-cta p{color:#e2edf5;line-height:1.95;max-width:720px;margin:16px auto 30px}
#page-home .site-footer,#page-home .site-footer p,#page-home .site-footer .tagline{color:#deebf5}
#page-home .site-footer h3,#page-home .site-footer a{color:#fff}
#page-home .site-footer small{color:#b8cede;font-size:12px}
#page-home .site-footer .local-footer-stance{font-size:14px;line-height:1.9}
#page-home .footlinks{gap:14px 24px}#page-home .footlinks a{font-size:14px}
#page-home .face-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:20px;line-height:1.6;letter-spacing:.03em;padding:19px 24px;margin-top:18px;border:1px solid #7792a6;border-bottom:3px solid #f6aa42;min-height:64px;max-width:100%;background:#ffffff08}
#page-home .face-cta b{margin:0;font-size:25px}
#page-home .hours-ribbon{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,2fr) auto;gap:24px;padding:32px 6%;align-items:center}
#page-home .hours-title h2{font-size:17px;margin:6px 0 0;color:#0c3959;line-height:1.6}
#page-home .hours-open{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap}
#page-home .hours-open>span{font-size:20px;font-weight:800;color:#0c3959}
#page-home .hours-open strong{font-size:29px;line-height:1.4;letter-spacing:.01em}
#page-home .hours-closed{display:flex;gap:14px;margin:12px 0 7px;font-size:13px;line-height:1.8;color:#33556e}
#page-home .hours-closed b{white-space:nowrap}#page-home .hours-note{font-size:12px;line-height:1.8;color:#436079;margin:0}
#page-home .top-line-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#067a39;color:#fff;font-size:13px;line-height:1.4;font-weight:800;padding:12px 15px;white-space:nowrap;text-decoration:none;border-radius:3px;min-height:44px}
#page-home .site-head{gap:15px}#page-home .nav{gap:16px;margin-left:auto}
#page-home .footer-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0 28px}#page-home .footer-line>span{font-size:12px;color:#c0d6e6}
#page-home a:focus-visible,#page-home button:focus-visible{outline:3px solid #f6aa42;outline-offset:4px}
@media(max-width:1100px){#page-home .site-head .nav{display:none}#page-home .menu-button{display:block}#page-home .site-head>.top-line-link{margin-left:auto}#page-home .hours-ribbon{grid-template-columns:1fr 2fr}#page-home .hours-ribbon>a{grid-column:2;justify-self:start}}
@media(max-width:760px){#page-home .hours-ribbon{grid-template-columns:1fr;gap:19px;padding:29px 25px}#page-home .hours-ribbon>a{grid-column:auto}#page-home .hours-open{gap:18px}#page-home .hours-open strong{font-size:27px}#page-home .hours-closed{display:block}#page-home .hours-closed b{display:block;margin-bottom:4px}#page-home .face-cta{font-size:18px;padding:16px 18px}#page-home .quadrant.q2 small{font-size:12px}#page-home .quadrant.q2 b{padding-right:0}#page-home .quadrant.q2:after{position:static;display:inline-block;margin-top:10px}#page-home .value-copy .value-arrow{font-size:17px;gap:7px}#page-home .site-head{padding:16px 5%;gap:10px}#page-home .official-logo{width:142px}#page-home .top-line-link{font-size:12px;padding:10px}#page-home .menu-button{font-size:11px;padding:8px}}
.mobile #page-home .hours-ribbon{grid-template-columns:1fr;gap:19px}.mobile #page-home .hours-ribbon>a{grid-column:auto}.mobile #page-home .hours-closed{display:block}.mobile #page-home .hours-closed b{display:block}.mobile #page-home .site-head .nav{display:none}.mobile #page-home .official-logo{width:130px}.mobile #page-home .site-head{gap:8px}.mobile #page-home .top-line-link{font-size:11px;padding:10px}.mobile #page-home .face-cta{font-size:18px}.mobile #page-home .value-copy .value-arrow{font-size:17px}


/* Flat related navigation; scoped to the reviewed Services section. */
.related-flat{padding:66px 6% 72px;background:#f4f8fa;color:#102f49}
.related-flat .related-inner{max-width:1160px;margin:auto}
.related-flat .related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.related-flat .related-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#42718b}
.related-flat .related-heading h2{font-size:42px;letter-spacing:-.04em;margin:10px 0 0;line-height:1.4;color:#102f49}
.related-flat .related-heading h2>span{color:#ee9c32}
.related-flat .related-heading>p{font-size:14px;line-height:1.9;margin:0 0 4px;color:#536c7e}
.related-flat .related-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:36px}
.related-flat .related-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;align-content:stretch}
.related-flat .related-service{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:start;column-gap:13px;padding:27px 0;border-top:1px solid #b9cedb;text-decoration:none;color:#103c5a;transition:background .18s}
.related-flat .related-service:nth-last-child(-n+2){border-bottom:1px solid #b9cedb}
.related-flat .related-icon{width:30px;height:30px;color:#157da8;margin-top:4px}
.related-flat .related-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.related-flat .related-copy small{font-size:9px;letter-spacing:.11em;color:#53768a;font-weight:800;display:block;margin-bottom:10px}
.related-flat .related-copy h3{font-size:19px;line-height:1.55;letter-spacing:-.025em;margin:0 0 12px;color:#103c5a}
.related-flat .related-copy p{font-size:13px;line-height:1.9;color:#526b7b;margin:0}
.related-flat .related-arrow{color:#087da9;font-size:22px;line-height:1.5;margin-top:24px}
.related-flat .related-aside{display:flex;flex-direction:column;gap:15px}
.related-flat .related-consult{display:block;background:#0b304c;color:#fff;text-decoration:none;padding:29px 28px 25px;border-top:3px solid #f4ac49;flex:1}
.related-flat .related-consult .related-kicker{color:#9cd5e4}
.related-flat .related-consult h3{color:white;font-size:27px;line-height:1.5;letter-spacing:.01em;margin:18px 0 15px}
.related-flat .related-consult p{font-size:12px;line-height:1.9;color:#d0e1ec;margin:0 0 23px}
.related-flat .related-contact-label{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:800;padding-top:17px;border-top:1px solid #527086}
.related-flat .related-contact-label b{color:#ffb34d;font-size:22px}
.related-flat .related-pricing{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#e3edf3;text-decoration:none;color:#103c5a}
.related-flat .related-pricing small{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:#527083}
.related-flat .related-pricing strong{font-size:17px;display:block;margin-top:2px}
.related-flat .related-pricing>span:last-child{font-size:23px}
.related-flat a:hover{background:#e3eff5}.related-flat .related-consult:hover{background:#11405f}
.related-flat a:focus-visible{outline:3px solid #ec9e38;outline-offset:5px}
@media(max-width:1000px){.related-flat .related-layout{grid-template-columns:1fr}.related-flat .related-aside{display:grid;grid-template-columns:1fr 1fr}.related-flat .related-pricing{align-self:end}}
@media(max-width:600px){.related-flat{padding:43px 24px 48px}.related-flat .related-heading{display:block;margin-bottom:25px}.related-flat .related-heading h2{font-size:33px}.related-flat .related-heading>p{margin:14px 0 0;font-size:13px}.related-flat .related-services{grid-template-columns:1fr}.related-flat .related-service{padding:22px 0}.related-flat .related-service:nth-last-child(2){border-bottom:0}.related-flat .related-copy h3{font-size:19px;margin-bottom:7px}.related-flat .related-copy small{margin-bottom:7px}.related-flat .related-aside{grid-template-columns:1fr}.related-flat .related-consult h3{font-size:26px}.related-flat .related-layout{gap:27px}}
.mobile .related-flat .related-heading{display:block}.mobile .related-flat .related-heading>p{margin-top:15px}.mobile .related-flat .related-layout,.mobile .related-flat .related-services,.mobile .related-flat .related-aside{grid-template-columns:1fr}.mobile .related-flat .related-service:nth-last-child(2){border-bottom:0}.mobile .related-flat .related-heading h2{font-size:33px}

/* Adapt the same visual system to 2–6 related destinations. */
.related-flat .related-layout{align-items:start}
.related-flat .related-services{align-content:start}
.related-flat .related-service{min-height:180px}
.related-flat .related-service:last-child:nth-child(odd){grid-column:1 / -1;border-top:1px solid #b9cedb;border-bottom:1px solid #b9cedb;min-height:145px}
.related-flat .related-service:nth-last-child(2):nth-child(even){border-bottom:0}
.related-flat .related-consult h3{font-size:25px}
.related-flat .related-consult p{font-size:13px}
@media(max-width:600px){.related-flat .related-service,.related-flat .related-service:last-child:nth-child(odd){min-height:0}.related-flat .related-service:nth-last-child(2){border-bottom:0}.related-flat .related-service:last-child{border-bottom:1px solid #b9cedb}}
.mobile .related-flat .related-service,.mobile .related-flat .related-service:last-child:nth-child(odd){min-height:0}



/* V23 — visual quality and accessibility review. Keep the original brochure identity. */
/* 1) Legible footer text throughout all 27 pages, including previous per-page overrides. */
.page .site-footer{background:#071f36!important;color:#e1edf5!important}
.page .site-footer h3{color:#fff!important}
.page .site-footer :is(p,small,.tagline,.local-footer-stance,.footer-line>span){color:#d8e8f3!important;opacity:1!important}
.page .site-footer a{color:#fff!important;opacity:1!important;text-decoration:none}
.page .site-footer a:hover,.page .site-footer a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.page .site-footer .footlinks a{font-size:14px;line-height:1.8;font-weight:700}
.page .site-footer .footlinks{gap:14px 24px;border-top:1px solid #46647a;padding-top:22px}
.page .site-footer :is(.copyright,.footer-bottom){color:#c9dce8!important}
.page .site-footer .top-line-link{background:#07813d!important;color:#fff!important;text-decoration:none!important}
/* 2) Pullquotes had white-on-white contrast after layered stylesheet overrides.
   Repair the underlying family on all 27 pages, not only SEO/AIO. */
.page .site-section.type-pullquote{background:#0b2e4d!important;color:#f4f9fd!important;isolation:isolate}
.page .site-section.type-pullquote:before{background:transparent!important}
.page .site-section.type-pullquote :is(h2,h3,.section-head h2,.section-content,.section-content p,.section-content li,.section-content strong){color:#f4f9fd!important;opacity:1!important;text-shadow:none!important}
.page .site-section.type-pullquote .sec-index{color:#f8b55b!important;opacity:1!important}
.page .site-section.type-pullquote .section-content{border-left:3px solid #f4ac49!important;padding-left:28px!important}
/* White type in other dark feature blocks must remain white. */
#page-seo .legacy-seo :is(h2,h3){color:#0b3552!important}
#page-seo .legacy-seo p{color:#31536a!important}
#page-seo .legacy-plans .legacy-plan{color:#153852}
#page-seo .legacy-plans .legacy-plan :is(h3,strong,b){color:#092d4a}
/* 3) Clear connections — one centered hub, four satellites, no overlapping or clipped labels. */
#page-home .v9-recovered .connection-map{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 176px minmax(0,1fr)!important;grid-template-rows:104px 152px 104px!important;align-items:center!important;justify-items:center!important;column-gap:8px!important;row-gap:6px!important;width:100%!important;max-width:550px!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;margin-inline:auto!important;padding:14px 5px!important;isolation:isolate}
#page-home .v9-recovered .connection-map::before{content:''!important;position:absolute!important;z-index:-1!important;inset:16% 15%!important;border:0!important;border-radius:0!important;transform:none!important;background:linear-gradient(90deg,transparent calc(50% - 1px),#81c4db calc(50% - 1px),#81c4db calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#81c4db calc(50% - 1px),#81c4db calc(50% + 1px),transparent calc(50% + 1px))!important;opacity:.8!important}
#page-home .v9-recovered .connection-map::after{display:none!important}
#page-home .v9-recovered .connection-map .connection-center{position:relative!important;grid-column:2!important;grid-row:2!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:148px!important;min-width:0!important;height:148px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#063554!important;border:5px solid #d1eef5!important;box-shadow:0 0 0 7px #d7edf399,0 8px 22px #0c3a5633!important;color:#fff!important;font-size:24px!important;font-weight:900!important;line-height:1.3!important;letter-spacing:.015em!important;text-align:center!important;z-index:2!important}
#page-home .v9-recovered .connection-map .orb{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:174px!important;min-width:0!important;height:90px!important;padding:10px 6px!important;display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid #a8d5e4!important;border-left:4px solid #0c91bb!important;border-radius:7px!important;box-shadow:0 8px 20px #0b3d5410!important;color:#14354b!important;font-weight:800!important;font-size:15px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important;z-index:3!important}
#page-home .v9-recovered .connection-map .orb br{display:none!important}
#page-home .v9-recovered .connection-map .orb small{font-size:11px!important;line-height:1.4!important;color:#496c80!important;font-weight:600!important}
#page-home .v9-recovered .connection-map .orb-1{grid-column:2!important;grid-row:1!important}
#page-home .v9-recovered .connection-map .orb-2{grid-column:3!important;grid-row:2!important}
#page-home .v9-recovered .connection-map .orb-3{grid-column:2!important;grid-row:3!important}
#page-home .v9-recovered .connection-map .orb-4{grid-column:1!important;grid-row:2!important}
#page-home .v9-recovered .manifesto-quote em{position:relative;display:inline-block;z-index:1}
/* 4) Large, understandable price tables — real pricing already contained in Ver.22. */
#page-pricing .site-section.type-terms:has(.price-table){background:#fff!important}
#page-pricing .site-section.type-terms:has(.price-table):nth-of-type(even){background:#f5f8fa!important}
#page-pricing .site-section.type-terms:has(.price-table) .section-frame{display:block!important;max-width:1170px!important;margin:0 auto!important;padding-top:4px!important}
#page-pricing .site-section.type-terms:has(.price-table) .section-head{margin-bottom:22px!important}
#page-pricing .site-section.type-terms:has(.price-table) .section-head h2{font-size:clamp(25px,3vw,38px)!important;line-height:1.45!important;color:#102f48!important}
#page-pricing .site-section.type-terms:has(.price-table) .section-content{max-width:none!important;width:100%!important;padding:0!important;color:#12374f!important}
#page-pricing .price-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #bfd4df;border-radius:3px;box-shadow:0 12px 25px #082b4710;background:#fff}
#page-pricing .price-table{width:100%;border-collapse:collapse;table-layout:auto;font-variant-numeric:tabular-nums;text-align:left;margin:0;line-height:1.5}
#page-pricing .price-table th{padding:17px 20px;background:#0c3655;color:#fff!important;font-size:14px;letter-spacing:.035em;font-weight:850;border:0}
#page-pricing .price-table th:first-child{width:20%}#page-pricing .price-table th:last-child{width:26%;text-align:right}
#page-pricing .price-table tbody tr{border-top:1px solid #dbe6ec;background:white}
#page-pricing .price-table tbody tr:nth-child(even){background:#f4f8fb}
#page-pricing .price-table td{padding:19px 20px;color:#18374e!important;font-size:15px;vertical-align:middle;line-height:1.65}
#page-pricing .price-table .price-kind{display:inline-block;font-size:14px;font-weight:800;color:#176e98;background:#e4f1f6;padding:6px 11px;border-radius:3px}
#page-pricing .price-table .price-service{font-size:17px;font-weight:700;letter-spacing:-.01em}
#page-pricing .price-table .price-amount{text-align:right;white-space:nowrap;font-size:clamp(19px,2.2vw,26px);font-weight:900;color:#073b62!important;letter-spacing:-.03em}
#page-pricing .price-table-note{margin:17px 0 0!important;padding:16px 18px;background:#f1f6f9;border-left:3px solid #ecab4d;color:#365a72!important;font-size:13px!important;line-height:1.9!important;max-width:none!important}
#page-pricing .price-table tbody tr:hover{background:#eaf5fa}
/* SEO/AIO plan cards: price should win the visual hierarchy, not fine print. */
#page-seo .legacy-plans .legacy-plan{background:#f8fbfd}
#page-seo .legacy-plans .legacy-plan h3{font-size:21px!important;line-height:1.55!important}
#page-seo .legacy-plans .legacy-plan .legacy-price{font-size:24px!important;font-weight:900!important}
/* 5) Deliberate negative space: faint thematic connective silhouette only on selected text-heavy sections. */
.page .site-section.quiet-silhouette{position:relative!important;isolation:isolate;overflow:hidden}
.page .site-section.quiet-silhouette:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:min(41vw,390px);height:min(41vw,390px);right:2%;top:13%;opacity:.075;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23076998' stroke-width='7' stroke-linecap='round'%3E%3Cpath d='M70 83c45-54 102-57 155-25s73 91 49 139-75 100-142 88S36 219 53 157'/%3E%3Cpath d='M72 220Q151 109 278 132M110 75Q188 181 277 266'/%3E%3C/g%3E%3Cg fill='%23076998'%3E%3Ccircle cx='70' cy='83' r='21'/%3E%3Ccircle cx='277' cy='132' r='18'/%3E%3Ccircle cx='132' cy='285' r='25'/%3E%3Ccircle cx='277' cy='266' r='15'/%3E%3C/g%3E%3C/svg%3E")}
.page .site-section.quiet-silhouette--offset:after{right:auto;left:1%;top:10%;transform:rotate(-18deg)}
.page .site-section.quiet-silhouette :is(.section-frame,.section-head,.section-content){position:relative;z-index:1}
/* 6) Responsive preview and mobile layouts (including toolbar's simulated iPhone). */
@media(max-width:760px){
 #page-home .v9-recovered .connection-map{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:130px 95px 95px!important;gap:12px!important;max-width:390px!important;padding:16px 3px!important}
 #page-home .v9-recovered .connection-map::before{display:none!important}
 #page-home .v9-recovered .connection-map .connection-center{grid-column:1 / -1!important;grid-row:1!important;height:118px!important;width:118px!important;font-size:20px!important}
 #page-home .v9-recovered .connection-map .orb{height:88px!important;width:100%!important;max-width:none!important;font-size:13px!important;padding:7px 3px!important}
 #page-home .v9-recovered .connection-map .orb-1{grid-column:1!important;grid-row:2!important}
 #page-home .v9-recovered .connection-map .orb-4{grid-column:2!important;grid-row:2!important}
 #page-home .v9-recovered .connection-map .orb-2{grid-column:1!important;grid-row:3!important}
 #page-home .v9-recovered .connection-map .orb-3{grid-column:2!important;grid-row:3!important}
 #page-pricing .site-section.type-terms:has(.price-table) .section-head h2{font-size:27px!important}
 #page-pricing .price-table-wrap{border:0;box-shadow:none;background:transparent;overflow:visible}
 #page-pricing .price-table,#page-pricing .price-table tbody{display:block;width:100%}
 #page-pricing .price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #page-pricing .price-table tr{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 12px;padding:16px 18px;border:1px solid #ccdfe7!important;border-left:4px solid #1388ae!important;background:#fff!important;box-shadow:0 5px 14px #082d470d}
 #page-pricing .price-table td{display:block;padding:0!important;border:0!important}
 #page-pricing .price-table td.price-service{font-size:16px!important}
 #page-pricing .price-table td.price-amount{text-align:left!important;font-size:24px!important;padding-top:5px!important}
 #page-pricing .price-table .price-kind{font-size:11px}
 #page-pricing .price-table-note{font-size:12px!important;padding:13px!important}
 .page .site-section.quiet-silhouette:after{width:220px;height:220px;opacity:.045;right:-9%;top:24%}
 .page .site-section.quiet-silhouette--offset:after{left:-14%}
}
.mobile #page-home .v9-recovered .connection-map{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:130px 95px 95px!important;gap:12px!important;max-width:390px!important;padding:16px 3px!important}
.mobile #page-home .v9-recovered .connection-map::before{display:none!important}
.mobile #page-home .v9-recovered .connection-map .connection-center{grid-column:1 / -1!important;grid-row:1!important;height:118px!important;width:118px!important;font-size:20px!important}
.mobile #page-home .v9-recovered .connection-map .orb{height:88px!important;width:100%!important;max-width:none!important;font-size:13px!important;padding:7px 3px!important}
.mobile #page-home .v9-recovered .connection-map .orb-1{grid-column:1!important;grid-row:2!important}
.mobile #page-home .v9-recovered .connection-map .orb-4{grid-column:2!important;grid-row:2!important}
.mobile #page-home .v9-recovered .connection-map .orb-2{grid-column:1!important;grid-row:3!important}
.mobile #page-home .v9-recovered .connection-map .orb-3{grid-column:2!important;grid-row:3!important}
.mobile #page-pricing .price-table-wrap{border:0;box-shadow:none;background:transparent;overflow:visible}
.mobile #page-pricing .price-table,.mobile #page-pricing .price-table tbody{display:block;width:100%}
.mobile #page-pricing .price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mobile #page-pricing .price-table tr{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 12px;padding:16px 18px;border:1px solid #ccdfe7!important;border-left:4px solid #1388ae!important;background:#fff!important;box-shadow:0 5px 14px #082d470d}
.mobile #page-pricing .price-table td{display:block;padding:0!important;border:0!important}
.mobile #page-pricing .price-table td.price-service{font-size:16px!important}
.mobile #page-pricing .price-table td.price-amount{text-align:left!important;font-size:24px!important;padding-top:5px!important}

/* Correct a latent 40%+60%+100px split-grid overflow that clipped paragraph endings. */
.page .site-section.type-split .section-frame{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;column-gap:clamp(28px,5vw,70px)!important;max-width:100%!important}
#page-pricing .site-section{scroll-margin-top:100px}
@media(max-width:760px){.page .site-section.type-split .section-frame{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}}
.mobile .page .site-section.type-split .section-frame{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
/* Final small-label contrast and reviewer iPhone width fixes. */
.page .site-section:is(.type-normal,.type-split,.type-grid,.type-serif,.type-terms,.type-faq) .sec-index{color:#2d6382!important;opacity:1!important}
.page .site-section.type-pullquote .sec-index{color:#f8b55b!important}
.mobile #page-home .v9-recovered .manifesto-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;min-width:0!important;max-width:100%!important}
.mobile #page-home .v9-recovered .manifesto-grid>*{min-width:0!important;width:100%!important}
.mobile #page-home .v9-recovered .manifesto-quote{font-size:clamp(27px,8vw,35px)!important;line-height:1.52!important;letter-spacing:-.035em!important;word-break:normal!important;overflow-wrap:normal!important}
.mobile #page-home .v9-recovered .manifesto-quote em{display:inline-block!important;white-space:nowrap!important;padding:0 .12em!important}
.mobile #page-home .v9-recovered .manifesto p{font-size:14px!important;line-height:1.85!important;overflow-wrap:break-word!important}
.mobile #page-home .v9-recovered .connection-map{width:100%!important;min-width:0!important;margin:18px auto 0!important}
@media(max-width:760px){
 #page-home .v9-recovered .manifesto-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 #page-home .v9-recovered .manifesto-grid>*{min-width:0!important;width:100%!important}
 #page-home .v9-recovered .manifesto-quote{font-size:clamp(27px,8vw,35px)!important;line-height:1.52!important;letter-spacing:-.035em!important;word-break:normal!important;overflow-wrap:normal!important}
 #page-home .v9-recovered .manifesto-quote em{display:inline-block!important;white-space:nowrap!important;padding:0 .12em!important}
 #page-home .v9-recovered .manifesto p{font-size:14px!important;line-height:1.85!important;overflow-wrap:break-word!important}
}



/* Minor final QC: keep the brand palette while making the core message unmistakable. */
#page-home .v9-recovered .manifesto-quote .manifesto-joyline{
  display:inline-flex!important;align-items:baseline!important;gap:.18em!important;
  white-space:nowrap!important;max-width:100%!important;vertical-align:baseline!important;
}
#page-home .v9-recovered .manifesto-quote .manifesto-joyline em{
  display:inline-block!important;white-space:nowrap!important;flex:0 0 auto!important;
  padding:.02em .14em .04em!important;line-height:1.27!important;
  box-shadow:6px 6px 0 #f0aa4e!important;
}
#page-home .v9-recovered .manifesto-quote .manifesto-ga{display:inline-block!important;flex:0 0 auto!important;color:#0b2c45!important}
/* Clearer small metadata on white: the design accent is not the text color. */
#page-home .feature-strip a b{color:#945b0b!important}
#page-pricing .v21-price-cats strong{color:#9b5b15!important}
.calendar-grid .day.closed{color:#3c5467!important}
.calendar-grid .day.closed .meta{color:#425a6d!important;font-weight:800!important;font-size:10px!important;letter-spacing:-.025em!important}
@media(max-width:760px){
 #page-home .v9-recovered .manifesto-quote .manifesto-joyline{gap:.14em!important}
 #page-home .v9-recovered .manifesto-quote .manifesto-joyline em{padding:.02em .08em .04em!important;box-shadow:4px 4px 0 #f0aa4e!important}
}
.mobile #page-home .v9-recovered .manifesto-quote .manifesto-joyline{gap:.14em!important}
.mobile #page-home .v9-recovered .manifesto-quote .manifesto-joyline em{padding:.02em .08em .04em!important;box-shadow:4px 4px 0 #f0aa4e!important}


/* Page 27-wide shared footer. Avoid inherited light-on-light variations. */
.page footer.site-footer{
 background:#071f36!important;color:#e5f0f7!important;
 padding:clamp(34px,5.5vw,64px) max(22px,7%) 28px!important;
 border-top:4px solid #158db7!important;
 opacity:1!important;
}
.page footer.site-footer h3{color:#ffffff!important;font-size:clamp(25px,3vw,32px)!important;line-height:1.25!important;}
.page footer.site-footer h3 span{color:#f5ac4c!important;}
.page footer.site-footer .local-footer-stance{
 background:#0c2b45!important;color:#eff7fc!important;
 border-left:3px solid #46b0d2!important;
 padding:14px 18px!important;margin:0 0 30px!important;
 font-size:clamp(12px,1.25vw,14px)!important;line-height:1.85!important;
 text-align:left!important;
}
.page footer.site-footer p.tagline,
.page footer.site-footer .footer-line>span{color:#dfeff7!important;font-size:clamp(12px,1.25vw,14px)!important;opacity:1!important;line-height:1.85!important;}
.page footer.site-footer .footer-line{display:flex!important;flex-wrap:wrap!important;gap:9px 22px!important;align-items:center!important;margin:18px 0 10px!important;}
.page footer.site-footer .footer-line>a{color:#fff!important;background:#116a8e!important;border:1px solid #5198b8!important;padding:9px 15px!important;display:inline-flex!important;gap:12px!important;align-items:center!important;border-radius:3px!important;font-weight:800!important;text-decoration:none!important;}
.page footer.site-footer .footlinks{display:flex!important;flex-wrap:wrap!important;gap:14px 24px!important;margin:25px 0 14px!important;padding:20px 0 0!important;border-top:1px solid #3d5e75!important;}
.page footer.site-footer .footlinks a{color:#ffffff!important;font-size:clamp(12px,1.3vw,14px)!important;font-weight:750!important;line-height:1.7!important;opacity:1!important;text-decoration:none!important;}
.page footer.site-footer small{color:#c0d6e5!important;font-size:12px!important;line-height:1.65!important;opacity:1!important;}
.page footer.site-footer a:hover,.page footer.site-footer a:focus-visible{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px!important;}
/* Tablet-size two-part editorial feature: never squeeze three text columns into half-width. */
@media (max-width:1199px){
 .page .v20-focus{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
 .page .v20-focus-main{width:100%!important;min-width:0!important;min-height:0!important;padding:clamp(32px,5.8vw,65px) max(22px,7%)!important;}
 .page .v20-focus-triad{width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:0!important;padding:25px max(18px,5%)!important;}
 .page .v20-focus-triad article{min-width:0!important;align-self:stretch!important;}
 .page .v20-focus-triad article strong{overflow-wrap:normal!important;word-break:normal!important;}
}
@media (max-width:899px){
 .page .v20-focus-triad{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:0!important;}
 .page .v20-focus-triad article{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 14px!important;padding:18px 4px!important;border-bottom:1px solid #d4e3eb!important;}
 .page .v20-focus-triad article:last-child{border-bottom:0!important;}
 .page .v20-focus-triad article .v20-ordinal{grid-column:1!important;grid-row:1/3!important;}
 .page .v20-focus-triad article strong{grid-column:2!important;grid-row:1!important;width:auto!important;font-size:clamp(18px,3vw,23px)!important;line-height:1.5!important;}
 .page .v20-focus-triad article p{grid-column:2!important;grid-row:2!important;width:auto!important;max-width:100%!important;line-height:1.85!important;font-size:clamp(12px,1.7vw,14px)!important;}
 .page .v20-focus-main .v20-art-number{opacity:.12!important;pointer-events:none!important;}
 /* The editorial three-card invitation only becomes a row at genuinely comfortable widths. */
 #page-home .v9-recovered .v9-orientation-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
 #page-home .v9-recovered .v9-orientation-grid a{width:100%!important;min-width:0!important;min-height:0!important;padding:20px 24px!important;}
 #page-home .v9-recovered .v9-orientation-grid h3{font-size:clamp(20px,3.7vw,28px)!important;line-height:1.55!important;letter-spacing:-.02em!important;margin:10px 0 8px!important;overflow-wrap:normal!important;word-break:normal!important;}
 #page-home .v9-recovered .v9-orientation-grid p{font-size:clamp(13px,1.8vw,15px)!important;line-height:1.85!important;margin-bottom:12px!important;}
 #page-home .v9-recovered .v9-orientation-grid .v9-index{font-size:12px!important;letter-spacing:.1em!important;}
 /* Keep comfortable breathing room without accidentally expanding mobile interstitials. */
 .page .view-intro{padding-block:clamp(32px,6vw,62px)!important;}
 .page .editorial-signature{margin-block:clamp(15px,3vw,30px)!important;}
}
@media (max-width:760px){
 #page-home .tsu-price-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
 #page-home .tsu-price-strip > *{min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;}
 #page-home .tsu-price-strip a{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.6!important;}
 .page footer.site-footer{padding:32px 22px 26px!important;}
 .page footer.site-footer .local-footer-stance{padding:12px 14px!important;margin-bottom:25px!important;}
 .page footer.site-footer .footlinks{gap:12px 18px!important;}
 .page footer.site-footer .footer-line{align-items:flex-start!important;flex-direction:column!important;}
 .page .v20-focus-main{padding:34px 24px!important;}
 .page .v20-focus-triad{padding:16px 24px!important;}
 .page .v20-focus-triad article{padding:17px 0!important;}
}
@media (max-width:520px){
 #page-home .tsu-price-strip{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
 #page-home .tsu-price-strip > *{min-height:0!important;padding:16px 18px!important;}
 #page-home .v9-recovered .v9-orientation-grid a{padding:19px 21px!important;}
 #page-home .v9-recovered .v9-orientation-grid h3{font-size:21px!important;}
 #page-home .v9-recovered .v9-orientation-grid p{font-size:14px!important;}
 .page footer.site-footer .footlinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important;}
 .page footer.site-footer .footlinks a{min-width:0!important;line-height:1.5!important;font-size:13px!important;}
 .page .v20-focus-triad article strong{font-size:19px!important;}
 .page .v20-focus-triad article p{font-size:13px!important;}
}


/* The three-stage story is three horizontal rows, not three narrow vertical columns. */
@media (min-width:1200px){
 .page .v20-focus-triad{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:0!important;}
 .page .v20-focus-triad article{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 16px!important;padding:14px 18px!important;min-width:0!important;width:100%!important;align-content:center!important;}
 .page .v20-focus-triad article .v20-ordinal{grid-row:1/3!important;grid-column:1!important;}
 .page .v20-focus-triad article strong{grid-row:1!important;grid-column:2!important;font-size:clamp(19px,1.7vw,26px)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
 .page .v20-focus-triad article p{grid-row:2!important;grid-column:2!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
}


@media (min-width:761px) and (max-width:899px){
 #page-home .tsu-price-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
 #page-home .tsu-price-strip>*{width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;}
}


/* V23.3: all 27 CTAs share TOP's contrast, not its inherited navy text. */
.page .end-cta{
 background:#0b304a!important;background-image:linear-gradient(110deg,#092c46,#103d56)!important;
 padding:clamp(52px,7vw,90px) max(22px,6%)!important;text-align:center!important;
}
.page .end-cta h2{
 color:#ffb34d!important;opacity:1!important;font-weight:850!important;
 font-size:clamp(25px,3.2vw,39px)!important;line-height:1.5!important;letter-spacing:-.04em!important;
 max-width:850px;margin:0 auto 18px!important;
}
.page .end-cta p{
 color:#f0f7fc!important;opacity:1!important;font-size:clamp(13px,1.3vw,16px)!important;
 line-height:1.95!important;max-width:800px!important;margin:0 auto 30px!important;
}
.page .end-cta .button-main{background:#0b517e!important;color:#fff!important;box-shadow:5px 5px 0 #ffb34d!important;padding:15px 28px!important;}
.page .end-cta .button-main:hover,.page .end-cta .button-main:focus-visible{background:#1578a1!important;outline:2px solid #fff!important;outline-offset:4px!important;}
/* Interior LP: pull service price forward. Use the restrained TOP palette. */
.page .lp-offer{background:linear-gradient(122deg,#eef7fb 0%,#f7fbfd 56%,#fff 100%)!important;border-top:1px solid #d8e9f0;border-bottom:1px solid #d0e2eb;padding:clamp(52px,6.6vw,92px) max(22px,6%)!important;position:relative;overflow:hidden;}
.page .lp-offer::before{content:"";position:absolute;pointer-events:none;width:310px;height:310px;right:-150px;top:-145px;border:36px solid rgba(29,128,165,.055);border-radius:50%;}
.page .lp-offer-inner{max-width:1180px;margin:auto;position:relative;z-index:1;}
.page .lp-offer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 28px;margin:0 0 28px!important;}
.page .lp-overline{display:inline-flex;align-items:center;gap:10px;color:#0678a7!important;font-weight:800;font-size:clamp(11px,1.15vw,13px);letter-spacing:.16em;}
.page .lp-overline::before{content:"";display:inline-block;width:22px;height:3px;background:#f3a53f;}
.page .lp-offer-heading h2{font-size:clamp(27px,3.5vw,43px)!important;letter-spacing:-.05em!important;line-height:1.45!important;font-weight:850!important;margin:9px 0 11px!important;color:#092d4a!important;}
.page .lp-offer-heading p{font-size:clamp(14px,1.4vw,17px)!important;line-height:1.85!important;color:#365b73!important;margin:0!important;max-width:780px!important;}
.page .lp-offer-mark{font-size:clamp(44px,9vw,112px);letter-spacing:-.1em;line-height:.9;font-weight:900;color:rgba(13,104,145,.07);user-select:none;pointer-events:none;white-space:nowrap;}
.page .lp-table-frame{border:1px solid #cadfe9;background:#fff;box-shadow:0 14px 32px rgba(15,58,87,.09);overflow:hidden;}
.page .lp-prices{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;margin:0!important;background:#fff!important;}
.page .lp-prices thead th{background:#0b3455!important;color:#fff!important;text-align:left;font-size:clamp(12px,1.25vw,14px);padding:17px 21px;font-weight:850!important;letter-spacing:.035em;}
.page .lp-prices thead th:nth-child(1){width:35%;}.page .lp-prices thead th:nth-child(2){width:40%;}.page .lp-prices thead th:nth-child(3){width:25%;text-align:right;}
.page .lp-prices tbody tr{border-top:1px solid #dfeaf0;}.page .lp-prices tbody tr:nth-child(even){background:#f4f9fc;}
.page .lp-prices tbody tr:hover{background:#edf7fa;}
.page .lp-prices td{color:#1f4057!important;vertical-align:middle!important;padding:19px 21px!important;line-height:1.65!important;font-size:clamp(13px,1.3vw,15px)!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.page .lp-prices td.lp-item{font-weight:800!important;color:#0e3554!important;font-size:clamp(15px,1.55vw,18px)!important;}
.page .lp-prices td.lp-scope{color:#48677e!important;}
.page .lp-prices td.lp-fee{text-align:right!important;font-weight:900!important;font-size:clamp(17px,2.0vw,26px)!important;letter-spacing:-.03em;color:#073c66!important;white-space:normal!important;overflow-wrap:normal!important;}
.page .lp-offer-note{color:#45667d!important;font-size:clamp(12px,1.2vw,14px)!important;line-height:1.85!important;margin:17px 0 0!important;max-width:1000px;}
.page .lp-actions{display:flex;gap:15px 22px;align-items:center;flex-wrap:wrap;margin-top:28px;}
.page .lp-actions a{text-decoration:none!important;font-size:clamp(13px,1.3vw,15px)!important;line-height:1.55!important;letter-spacing:.01em;font-weight:850!important;display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:52px;padding:13px 22px!important;transition:background .15s;}
.page .lp-actions .lp-primary{background:#0a4a70!important;color:#fff!important;box-shadow:4px 4px 0 #f4ac50;}
.page .lp-actions .lp-secondary{border:1px solid #89b8ca!important;color:#0b5676!important;background:#fff!important;}
.page .lp-actions .lp-primary:hover{background:#087ca6!important;}.page .lp-actions .lp-secondary:hover{background:#e8f4fa!important;}
/* Interior section rhythm: maintain large intentional whitespace, not endless same-height text stacks. */
.page:not(#page-home) .site-section .section-head h2{line-height:1.48!important;overflow-wrap:normal;}
.page:not(#page-home) .site-section.type-normal .section-frame,.page:not(#page-home) .site-section.type-grid .section-frame{max-width:1160px;}
/* Target older split compositions only on narrow screens; no one-character text columns. */
@media(max-width:900px){
 .page:not(#page-home) .lp-offer{padding:46px 25px!important;}
 .page .lp-offer-mark{display:none!important;}
 .page .lp-prices thead th{padding:15px 12px!important;}.page .lp-prices td{padding:16px 12px!important;}
 .page .lp-prices tbody td.lp-fee{font-size:20px!important;}
}
@media(max-width:650px){
 .page:not(#page-home) .lp-offer{padding:43px 22px!important;}
 .page .lp-offer-heading{margin-bottom:22px!important;}
 .page .lp-offer-heading h2{font-size:clamp(25px,6.4vw,32px)!important;}
 .page .lp-table-frame{background:transparent!important;box-shadow:none!important;overflow:visible!important;border:0!important;}
 .page .lp-prices,.page .lp-prices tbody{display:block!important;width:100%!important;background:transparent!important;}
 .page .lp-prices thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
 .page .lp-prices tr{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 0 13px!important;border:1px solid #cddfe7!important;border-left:4px solid #1492bd!important;background:#fff!important;padding:17px 19px!important;box-shadow:0 8px 17px rgba(7,50,79,.06)!important;}
 .page .lp-prices td{display:block!important;width:100%!important;padding:0!important;text-align:left!important;min-width:0!important;}
 .page .lp-prices td.lp-item{font-size:17px!important;line-height:1.5!important;}
 .page .lp-prices td.lp-scope{font-size:13px!important;line-height:1.75!important;margin-top:3px;}
 .page .lp-prices td.lp-fee{font-size:clamp(22px,6.3vw,27px)!important;line-height:1.48!important;padding-top:7px!important;text-align:left!important;}
 .page .lp-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;}
 .page .lp-actions a{width:100%;}
 .page .end-cta{padding:48px 22px 57px!important;}
 .page .end-cta h2{font-size:clamp(23px,6.1vw,30px)!important;}
 .page .end-cta p{font-size:13px!important;}
}

/* Shared dark editorial statement panels: paired background and type colors. */
.page .site-section.type-pullquote{
 background:#0a304c!important;background-image:linear-gradient(123deg,#092b47 2%,#164b68 100%)!important;
 color:#f4f9fd!important;
}
.page .site-section.type-pullquote .section-head h2,
.page .site-section.type-pullquote .section-content,
.page .site-section.type-pullquote .section-content p,
.page .site-section.type-pullquote .section-content li,
.page .site-section.type-pullquote .section-content strong,
.page .site-section.type-pullquote .section-content h3{color:#f4f9fd!important;opacity:1!important;}
.page .site-section.type-pullquote .sec-index{color:#ffba5e!important;}
.page .site-section.type-pullquote .section-content{border-left-color:#ffb34d!important;}
/* Reclaim accidental double-padding between middle-page story sections. */
.page:not(#page-home) .site-section.type-normal:nth-child(even) .section-frame{padding-top:0!important;padding-bottom:0!important;}
@media(max-width:650px){
 .page:not(#page-home) .site-section{padding-top:clamp(44px,8vw,58px)!important;padding-bottom:clamp(48px,8vw,62px)!important;}
 .page:not(#page-home) .site-section .section-head{margin-bottom:19px!important;}
 .page:not(#page-home) .site-section .section-content{line-height:1.9!important;}
 .page:not(#page-home) .site-section.type-pullquote .section-content{padding-left:19px!important;}
}

/* V23.4 — responsive layouts driven by the displayed page width, including embedded mobile preview. */
.site-shell{container-type:inline-size;}
.v234-web-complete,.v234-pricing-addon{background:#fff;padding:76px max(22px,6%) 90px;border-top:1px solid #dcebf0;position:relative;color:#0b304b;}
.v234-pricing-addon{background:linear-gradient(180deg,#f4f9fb 0%,#fff 100%);}
.v234-inner{max-width:1120px;margin:auto;}
.v234-overline{font-weight:900;color:#057fa8;font-size:12px;letter-spacing:.16em;line-height:1.6;margin-bottom:12px;}
.v234-web-complete h2,.v234-pricing-addon h2{font-size:clamp(28px,3.4vw,45px);line-height:1.5;letter-spacing:-.06em;margin:0 0 12px;color:#0b304b;}
.v234-web-complete h2 em,.v234-pricing-addon h2 em{font-style:normal;color:#087fab;}
.v234-lead{font-size:15px;line-height:1.95;color:#4f7184;max-width:780px;}
.v234-jump{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0 36px;}
.v234-jump a{background:#eff7fa;border:1px solid #c6e0e9;padding:11px 16px;text-decoration:none;color:#0e5976;font-weight:800;font-size:13px;border-radius:2px;}
.v234-jump a:hover{background:#dff3f8;}
.v234-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
.v234-plan-card{padding:31px 32px;background:#f4f9fc;border-top:4px solid #0a87ad;box-shadow:0 9px 27px #0c395c0b;min-width:0;}
.v234-plan-card:nth-child(even){border-top-color:#f2a849;background:#fcfbf8;}
.v234-plan-label{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#0a789f;margin-bottom:12px;}
.v234-plan-card h3{font-size:clamp(20px,2.3vw,28px);color:#082d4a;margin:0 0 11px;line-height:1.4;}
.v234-plan-money{font-size:clamp(29px,3.3vw,39px);font-weight:900;white-space:normal;line-height:1.35;color:#073b62;font-variant-numeric:tabular-nums;letter-spacing:-.06em;}
.v234-plan-money small{font-size:13px;letter-spacing:0;}
.v234-plan-card p{color:#4b6b80;font-size:14px;line-height:1.85;margin:14px 0 0;}
.v234-plan-card .v234-includes{font-size:13px;border-top:1px solid #d8e5ed;padding-top:14px;}
.v234-plan-link{margin-top:20px;display:inline-block;color:#086b93;text-underline-offset:4px;font-size:13px;font-weight:800;}
.v234-note{font-size:12px;color:#506c7c;line-height:1.9;margin:18px 0 0;}
.v234-note strong{color:#0a4268;}
.v234-subsection{margin:58px 0 0;scroll-margin-top:85px;}
.v234-subsection h3{font-size:clamp(24px,2.7vw,35px);line-height:1.45;letter-spacing:-.045em;color:#083651;margin:0 0 18px;}
.v234-subsection > p:not(.v234-note):not(.v234-overline){max-width:760px;color:#557183;margin-bottom:22px;}
.v234-table-wrap{border:1px solid #cbdfe9;box-shadow:0 10px 28px #0b3c5c0a;overflow:hidden;background:#fff;}
.v234-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.v234-table th{background:#0c3654;color:#fff;text-align:left;padding:15px 19px;font-size:13px;}
.v234-table th:nth-child(1){width:37%;}.v234-table th:nth-child(2){width:38%;}.v234-table th:nth-child(3){width:25%;text-align:right;}
.v234-table td{font-size:13px;line-height:1.8;color:#48677a;padding:18px 19px;border-bottom:1px solid #e0eaf0;min-width:0;overflow-wrap:anywhere;}
.v234-table tr:nth-child(even){background:#f4f9fb;}
.v234-table td.v234-name{font-weight:800;color:#123c58;font-size:15px;}
.v234-table td.v234-money{font-weight:900;color:#073f64;text-align:right;font-size:clamp(16px,1.7vw,21px);font-variant-numeric:tabular-nums;line-height:1.5;}
.v234-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.v234-domain-grid>div{background:#eff7fb;border-top:3px solid #168eb5;padding:20px 14px;min-width:0;}
.v234-domain-grid span{display:block;color:#246078;font-weight:800;font-size:14px;}
.v234-domain-grid strong{display:block;color:#063653;font-size:clamp(18px,2.2vw,25px);margin-top:4px;white-space:nowrap;}
.v234-domain-grid small{display:block;color:#667e8a;font-size:11px;}
.v234-ec-note{background:#eaf5f8;padding:21px 24px;margin-top:21px;border-left:4px solid #edab4a;}
.v234-ec-note strong{color:#083a5b;font-size:17px;}
.v234-ec-note p{margin:6px 0 0;color:#496b80;font-size:14px;}
.v234-cta{background:#0a304d;color:#fff;margin-top:50px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.v234-cta b{display:block;font-size:19px;color:#ffbf6b;}.v234-cta p{color:#f1f8fd;margin:7px 0 0;font-size:13px;}
.v234-cta a{background:#0c5a83;color:white;padding:15px 19px;box-shadow:4px 4px 0 #f4a945;text-decoration:none;font-weight:850;font-size:13px;white-space:nowrap;}
.v234-detail-link{display:inline-block;margin-top:28px;background:#0b537a;color:#fff;padding:15px 20px;font-weight:850;font-size:14px;text-decoration:none;box-shadow:3px 3px 0 #f5b053;}

/* Responsive fix for *actual* narrow browsers AND 390px preview inside a wide browser. */
@container (max-width:760px){
 .page .lp-offer-heading{display:block!important;}
 .page .lp-offer-heading > div{width:100%!important;max-width:none!important;}
 .page .lp-offer-heading h2{font-size:clamp(26px,7cqw,35px)!important;line-height:1.5!important;word-break:normal!important;overflow-wrap:anywhere!important;}
 .page .lp-offer-heading p{max-width:none!important;width:100%!important;}
 .page .lp-offer-mark{display:none!important;}
 .page .lp-offer{padding:43px 22px!important;}
 .page .lp-table-frame{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;}
 .page .lp-prices,.page .lp-prices tbody{display:block!important;width:100%!important;background:transparent!important;}
 .page .lp-prices thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;}
 .page .lp-prices tbody tr{display:block!important;box-sizing:border-box!important;width:100%!important;padding:17px 19px!important;margin:0 0 13px!important;background:#fff!important;border:1px solid #cddfe7!important;border-left:4px solid #0f90b5!important;box-shadow:0 7px 17px #053e560c!important;}
 .page .lp-prices td{display:block!important;text-align:left!important;width:100%!important;padding:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}
 .page .lp-prices td.lp-item{font-size:17px!important;line-height:1.5!important;}
 .page .lp-prices td.lp-scope{font-size:13px!important;line-height:1.85!important;margin-top:4px!important;}
 .page .lp-prices td.lp-fee{font-size:clamp(22px,6.3cqw,29px)!important;line-height:1.45!important;text-align:left!important;margin-top:9px!important;letter-spacing:-.03em!important;}
 #page-pricing .price-table-wrap{border:0!important;box-shadow:none!important;overflow:visible!important;background:transparent!important;}
 #page-pricing .price-table,#page-pricing .price-table tbody{display:block!important;width:100%!important;background:transparent!important;}
 #page-pricing .price-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;}
 #page-pricing .price-table tbody tr{display:block!important;width:100%!important;padding:17px 18px!important;margin-bottom:12px!important;border:1px solid #cddfe7!important;border-left:4px solid #0b8bad!important;background:#fff!important;box-shadow:0 5px 18px #0b385d0a!important;}
 #page-pricing .price-table tbody td{display:block!important;width:100%!important;min-width:0!important;text-align:left!important;padding:0!important;border:0!important;font-size:14px!important;overflow-wrap:anywhere!important;white-space:normal!important;}
 #page-pricing .price-table tbody td.price-service{font-size:17px!important;font-weight:800!important;margin:5px 0!important;}
 #page-pricing .price-table tbody td.price-amount{font-size:clamp(22px,6.4cqw,30px)!important;font-weight:900!important;letter-spacing:-.025em!important;margin-top:4px!important;color:#073e67!important;}
 #page-pricing .price-table tbody td:first-child .price-kind{font-size:11px!important;}
 #page-seo .plan-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:17px!important;}
 #page-seo .legacy-plans{padding:50px 22px!important;}
 #page-seo .plan-grid article{padding:24px 24px 28px!important;min-width:0!important;}
 #page-seo .plan-grid article h3{font-size:23px!important;min-height:0!important;line-height:1.55!important;word-break:normal!important;}
 #page-seo .plan-grid article strong{font-size:20px!important;overflow-wrap:anywhere!important;}
 #page-seo .plan-grid article p{font-size:14px!important;line-height:1.9!important;}
 .page .v20-focus{display:block!important;grid-template-columns:minmax(0,1fr)!important;}
 .page .v20-focus-main,.page .v20-focus-triad{width:100%!important;min-width:0!important;}
 .page .v20-focus-main{padding:39px 26px!important;}
 .page .v20-focus-main h2{font-size:clamp(26px,7cqw,34px)!important;line-height:1.47!important;word-break:normal!important;overflow-wrap:anywhere!important;}
 .page .v20-focus-triad{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;padding:14px 25px!important;}
 .page .v20-focus-triad article{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:1px 13px!important;padding:16px 0!important;min-width:0!important;}
 .page .v20-focus-triad article .v20-ordinal{grid-column:1!important;grid-row:1 / 3!important;}
 .page .v20-focus-triad article strong{grid-column:2!important;grid-row:1!important;white-space:normal!important;word-break:normal!important;font-size:19px!important;}
 .page .v20-focus-triad article p{grid-column:2!important;grid-row:2!important;font-size:13px!important;}
 .page .v21-crossroads-head{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;}
 .page .v21-crossroads-head .micro{writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:rotate(180deg)!important;white-space:nowrap!important;letter-spacing:.13em!important;color:#48c8dd!important;font-size:11px!important;align-self:start!important;}
 .page .v21-crossroads-head h2{font-size:clamp(25px,6.7cqw,34px)!important;line-height:1.5!important;min-width:0!important;overflow-wrap:anywhere!important;}
 .page .v21-crossroads-grid{grid-template-columns:minmax(0,1fr)!important;}
 .page .v21-services-crossroads{padding:52px 22px!important;margin:48px 0!important;}
 .page .v21-crossroads-grid a{padding:19px 22px!important;min-height:0!important;}
 .v234-web-complete,.v234-pricing-addon{padding:51px 22px 65px!important;}
 .v234-plan-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;}
 .v234-plan-card{padding:24px 23px!important;}
 .v234-plan-card h3{font-size:24px!important;}
 .v234-plan-money{font-size:clamp(28px,8cqw,35px)!important;}
 .v234-jump{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 .v234-jump a{padding:10px 7px!important;text-align:center!important;font-size:12px!important;}
 .v234-table-wrap{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;}
 .v234-table,.v234-table tbody{display:block!important;width:100%!important;}
 .v234-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;}
 .v234-table tbody tr{display:block!important;border:1px solid #d1e2e9!important;border-left:4px solid #128fb9!important;background:#fff!important;margin-bottom:12px!important;padding:17px 19px!important;box-shadow:0 5px 12px #073e5909!important;}
 .v234-table tbody td{display:block!important;padding:0!important;text-align:left!important;width:100%!important;}
 .v234-table tbody td.v234-name{font-size:16px!important;}
 .v234-table tbody td:not(.v234-name):not(.v234-money){font-size:13px!important;margin-top:5px!important;}
 .v234-table tbody td.v234-money{font-size:23px!important;margin-top:7px!important;}
 .v234-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 .v234-domain-grid strong{font-size:19px!important;white-space:normal!important;}
 .v234-cta{display:block!important;padding:24px!important;}
 .v234-cta a{display:inline-block!important;margin-top:17px!important;white-space:normal!important;}
 .v234-subsection{margin-top:45px!important;}
}
/* The preview's desktop button can emulate a small shell inside a large viewport.
   Use a scoped fallback in case an older browser does not support container queries. */
@supports not (container-type: inline-size){
 .site-shell.mobile .plan-grid,.site-shell.mobile .v234-plan-grid{grid-template-columns:minmax(0,1fr)!important;}
}



/* Ver.23.5 — mobile-first parity with the 390px iPhone preview.
   The preview shell is 390px wide inside a desktop browser; viewport media
   queries do NOT detect that. Container queries do. */
@container (max-width: 760px) {
  .page, .page.active { min-width:0!important;max-width:100%!important; }
  .page .hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;}
  .page .hero-copy{width:100%!important;min-width:0!important;max-width:100%!important;padding:49px 25px 44px!important;box-sizing:border-box!important;}
  .page .hero-visual{width:100%!important;max-width:100%!important;min-width:0!important;min-height:220px!important;height:220px!important;max-height:220px!important;grid-column:1!important;overflow:hidden!important;box-sizing:border-box!important;}
  .page .hero h1,.page .hero-copy h1{font-size:clamp(30px,9cqw,37px)!important;line-height:1.26!important;letter-spacing:-.058em!important;overflow-wrap:normal!important;word-break:normal!important;margin:20px 0 17px!important;max-width:100%!important;}
  #page-home .hero-brand h1{font-size:clamp(32px,9cqw,36px)!important;line-height:1.13!important;letter-spacing:-.07em!important;}
  #page-seo .hero h1{font-size:clamp(35px,10.5cqw,41px)!important;line-height:1.15!important;}
  .page .hero-copy .lead{font-size:14px!important;line-height:1.85!important;max-width:100%!important;}
  .page .hero-copy .local-seo-short{max-width:100%!important;line-height:1.85!important;}
  .page .hero .hero-label-vertical,.page .hero .art-word{pointer-events:none!important;}
  .page .hero .v21-heroart{max-width:100%!important;}
  .page .site-head{padding:15px 18px!important;min-width:0!important;}
  .page .site-head .nav{display:none!important;}
  .page .site-head .menu-button{display:inline-flex!important;}
  .page .feature-strip{grid-template-columns:minmax(0,1fr)!important;}
  .page .feature-strip a{padding:13px 20px!important;border-bottom:1px solid #d4e2eb!important;}
  .page .view-intro{display:block!important;grid-template-columns:none!important;padding:32px 24px!important;}
  .page .view-intro p{font-size:15px!important;line-height:1.95!important;max-width:100%!important;}
  .page .editorial-signature{min-height:0!important;}
  .page .editorial-signature .signature-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:21px!important;min-height:0!important;max-width:100%!important;}
  .page .editorial-signature .sig-type,.page .editorial-signature .sig-copy{min-width:0!important;max-width:100%!important;}
  .page .editorial-signature .sig-type h2{font-size:clamp(28px,8.2cqw,32px)!important;line-height:1.43!important;overflow-wrap:normal!important;word-break:normal!important;}
  .page .editorial-signature .sig-copy p{font-size:14px!important;line-height:1.95!important;}
  .page .v21-pricing-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:38px 23px!important;min-height:0!important;margin:40px auto!important;}
  .page .v21-pricing-nav-top h2{font-size:clamp(25px,7.5cqw,30px)!important;line-height:1.5!important;}
  .page .v21-price-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .page .v21-price-cats button{min-width:0!important;max-width:100%!important;padding:11px 12px!important;word-break:normal!important;}
  .page .site-section{padding:44px 23px 48px!important;min-height:0!important;}
  .page .site-section .section-frame{max-width:100%!important;min-width:0!important;}
  .page .site-section .section-head h2{font-size:clamp(24px,6.8cqw,28px)!important;line-height:1.48!important;letter-spacing:-.035em!important;word-break:normal!important;overflow-wrap:normal!important;}
  .page .site-section .section-content p,.page .site-section .section-content li{font-size:clamp(14px,3.7cqw,15px)!important;line-height:1.93!important;}
  .page .site-section.type-split .section-frame{grid-template-columns:minmax(0,1fr)!important;}
  .page .site-section.type-pullquote{background:#0a304c!important;color:#f4f9fd!important;}
  .page .legacy-plans{padding:47px 22px 52px!important;}
  .page .legacy-plans h2{font-size:clamp(29px,8.4cqw,33px)!important;line-height:1.39!important;letter-spacing:-.055em!important;word-break:normal!important;}
  .page .legacy-plans .plan-grid{grid-template-columns:minmax(0,1fr)!important;gap:17px!important;}
  .page .legacy-plans .plan-grid article{padding:23px 23px 26px!important;min-width:0!important;}
  .page .v234-web-complete h2,.page .v234-pricing-addon h2{font-size:clamp(26px,7.1cqw,30px)!important;line-height:1.5!important;letter-spacing:-.055em!important;}
  .page .v234-subsection h3{font-size:clamp(22px,6.8cqw,28px)!important;line-height:1.45!important;}
  .page .v234-plan-money{font-size:clamp(25px,7.4cqw,32px)!important;line-height:1.35!important;}
  .page .end-cta{padding:48px 22px 57px!important;min-height:0!important;text-align:center!important;}
  .page .end-cta h2{font-size:clamp(23px,6.1cqw,27px)!important;line-height:1.48!important;max-width:100%!important;margin:0 auto 17px!important;color:#ffb34d!important;}
  .page .end-cta p{font-size:13px!important;line-height:1.95!important;max-width:100%!important;color:#f0f7fc!important;}
  .page footer.site-footer{padding:32px 22px 26px!important;}
  .page footer.site-footer h3{font-size:25px!important;line-height:1.25!important;color:#fff!important;}
  .page footer.site-footer .local-footer-stance{margin-bottom:25px!important;}
  .page footer.site-footer .footer-line{flex-direction:column!important;align-items:flex-start!important;gap:9px!important;}
  .page footer.site-footer .footlinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important;}
  .page footer.site-footer .footlinks a{font-size:13px!important;color:#fff!important;}
  #page-home .v9-recovered .manifesto{padding:44px 0 46px!important;}
  #page-home .v9-recovered .manifesto-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;width:calc(100% - 36px)!important;max-width:100%!important;margin:0 auto!important;}
  #page-home .v9-recovered .manifesto-quote{font-size:clamp(27px,8cqw,33px)!important;line-height:1.52!important;}
  #page-home .v9-recovered .manifesto-copy{min-width:0!important;}
  .page .v20-focus{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  .page .v20-focus-triad{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  .page .v21-crossroads-grid{grid-template-columns:minmax(0,1fr)!important;}
  .page .related-flat{padding-top:43px!important;padding-bottom:47px!important;}
  .page .related-flat h2{font-size:clamp(26px,7.3cqw,32px)!important;}
  /* explicitly opt out of the old 2-column desktop hero layouts on all interior pages */
  #page-web .hero,#page-dx .hero,#page-cost .hero,#page-services .hero,#page-pricing .hero,#page-design .hero{grid-template-columns:minmax(0,1fr)!important;}
}
@container (max-width: 430px){
  .page .hero-copy{padding:43px 25px 41px!important;}
  .page .site-section .section-head h2{max-width:100%!important;}
  .page .hero-visual{max-height:220px!important;}
}



/* Full-size information art on narrow screens. Previous 220px fixed-height hero
   cropped items 03/04 and the pricing/AI rows. */
@container(max-width:760px){
  .page .hero-visual:has(.v21-four-map){height:400px!important;min-height:400px!important;max-height:none!important;}
  .page .hero-visual:has(.v21-learning-board){height:410px!important;min-height:410px!important;max-height:none!important;}
  .page .hero-visual:has(.v21-price-ledger){height:340px!important;min-height:340px!important;max-height:none!important;}
  .page .hero-visual:has(.v21-web-showcase){height:300px!important;min-height:300px!important;max-height:none!important;}
  #page-pricing .site-section.type-terms .section-head h2{font-size:clamp(24px,7cqw,28px)!important;line-height:1.48!important;}
  #page-pricing .site-section .section-head h2{font-size:clamp(24px,7cqw,28px)!important;line-height:1.48!important;}
  .page .site-section.type-pullquote{background-image:linear-gradient(120deg,#092b47,#164b68)!important;}
}


/* TOP page: make the desktop-side 390px preview use the actual mobile grid rules.
   The older @media styles only looked at the *browser* viewport (1440px). */
@container (max-width: 760px){
 #page-home .v9-recovered .v9-orientation-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
 #page-home .v9-recovered .v9-orientation-grid>a{min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;padding:19px 21px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
 #page-home .v9-recovered .v9-orientation-grid h3{font-size:21px!important;line-height:1.55!important;margin:10px 0 8px!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;}
 #page-home .v9-recovered .v9-orientation-grid p{font-size:14px!important;line-height:1.85!important;max-width:100%!important;}
 #page-home .v9-recovered .section-heading{display:block!important;width:100%!important;max-width:100%!important;}
 #page-home .v9-recovered .section-heading h2{font-size:clamp(26px,7.4cqw,29px)!important;line-height:1.37!important;max-width:100%!important;width:100%!important;word-break:normal!important;}
 #page-home .v9-recovered .services-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
 #page-home .v9-recovered .services-grid .service{grid-template-columns:minmax(0,1fr)!important;padding:17px 18px!important;width:100%!important;min-width:0!important;}
 #page-home .v9-recovered .services-grid .service h3{font-size:20px!important;line-height:1.35!important;max-width:100%!important;margin:46px 0 7px!important;}
 #page-home .tsu-roots-inside{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:25px!important;padding:0 0 50px!important;}
 #page-home .tsu-roots-heading{min-width:0!important;width:100%!important;}
 #page-home .tsu-roots-heading h2{font-size:clamp(34px,9.5cqw,37px)!important;line-height:1.42!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;}
 #page-home .tsu-roots-section{padding:62px 22px 0!important;}
 #page-home .local-coverage{padding:42px 0!important;}
 #page-home .container.local-grid,#page-home .local-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
 #page-home .local-copy{min-width:0!important;width:100%!important;}
 #page-home .local-copy h2{font-size:clamp(25px,7cqw,28px)!important;line-height:1.45!important;word-break:normal!important;overflow-wrap:normal!important;}
 #page-home .tsu-seo-section{padding:68px 23px 75px!important;}
 #page-home .tsu-seo-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:25px!important;}
 #page-home .tsu-seo-copy{min-width:0!important;width:100%!important;}
 #page-home .tsu-seo-copy h2{font-size:clamp(27px,7.8cqw,31px)!important;line-height:1.45!important;word-break:normal!important;}
 #page-home .value-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
 #page-home .value-copy{min-width:0!important;width:100%!important;}
 #page-home .value-copy h2{font-size:clamp(25px,7cqw,28px)!important;line-height:1.42!important;word-break:normal!important;}
 #page-home .menpa{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin-top:30px!important;padding:18px 14px!important;}
 #page-home .menpa h2{font-size:clamp(22px,6.2cqw,27px)!important;line-height:1.45!important;min-width:0!important;width:100%!important;}
 #page-home .flow-steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 #page-home .flow-step{min-width:0!important;width:100%!important;}
 #page-home .flow-step h3{font-size:15px!important;line-height:1.36!important;word-break:normal!important;overflow-wrap:break-word!important;}
 #page-home .journal-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
 #page-home .journal-grid .journal-panel{min-width:0!important;width:100%!important;}
 #page-home .journal-grid h3{font-size:19px!important;line-height:1.4!important;max-width:100%!important;}
 #page-home .face-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
 #page-home .face-head{width:100%!important;min-width:0!important;padding:50px 7% 34px!important;}
 #page-home .face-head h2{font-size:17px!important;line-height:1.7!important;max-width:100%!important;}
 #page-home .tsu-price-strip{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
 #page-home .tsu-price-strip>a{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px 18px!important;}
}

@container(max-width:760px){
#page-web .v21-browser-header>b{font-size:28px!important;line-height:1.35!important;max-width:78%!important;margin:15px 0!important;}
#page-web .v21-browser-header em{display:block!important;white-space:nowrap!important;}
#page-web .v21-mobile-sheet{transform:rotate(7deg) scale(.85)!important;transform-origin:right bottom!important;right:2px!important;bottom:8px!important;}
}

/* Ver.23.7 — standalone server/domain pricing, with mobile preview parity */
.page .v236-server-domain{box-sizing:border-box;position:relative;isolation:isolate;background:#f5fafc!important;border-top:1px solid #d5e6ef;border-bottom:1px solid #d5e6ef;padding:clamp(46px,6vw,75px) max(22px,6%);overflow:hidden;color:#092f4d;scroll-margin-top:82px;}
.page .v236-server-domain:before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-120px;top:-170px;width:360px;height:360px;border-radius:50%;border:30px solid rgba(25,130,168,.055);}
.page .v236-server-inner{max-width:1130px;margin:auto;min-width:0;}
.page .v236-overline{display:inline-flex;gap:12px;align-items:center;color:#097fa7;letter-spacing:.15em;font-size:12px;font-weight:900;line-height:1.6;}
.page .v236-overline:before{content:"";height:3px;width:23px;background:#f4ad4f;flex:none;}
.page .v236-header{margin:0 0 25px;max-width:900px;}
.page .v236-header h2,.page .v236-header h3{font-size:clamp(27px,3.3vw,42px)!important;letter-spacing:-.045em;line-height:1.48!important;color:#0b3551!important;font-weight:900!important;margin:13px 0 10px!important;}
.page .v236-header p{font-size:clamp(13px,1.4vw,16px)!important;color:#45677d!important;line-height:1.9!important;margin:0!important;}
.page .v236-header p strong{color:#123f60!important;}
.page .v236-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px;}
.page .v236-rate{box-sizing:border-box;background:#fff;min-width:0;padding:23px 19px;border:1px solid #d2e3eb;border-top:4px solid #168cb2;box-shadow:0 7px 23px rgba(9,44,68,.055);display:flex;flex-direction:column;gap:9px;justify-content:space-between;}
.page .v236-rate:nth-child(4){border-top-color:#f1ad52;}
.page .v236-tld{color:#275d7b;font-weight:850;font-size:17px;letter-spacing:.015em;}
.page .v236-amount{display:block;color:#082f4d!important;line-height:1.24;}
.page .v236-amount strong{font-size:clamp(27px,2.45vw,35px)!important;letter-spacing:-.06em;font-weight:900!important;font-variant-numeric:tabular-nums;white-space:nowrap;color:#082f4d!important;}
.page .v236-amount>span{font-weight:850;color:#124866;font-size:14px;white-space:nowrap;}
.page .v236-amount small{font-size:11px;color:#587b91;white-space:nowrap;font-weight:700;}
.page .v236-firstyear{background:#fff;box-shadow:0 7px 18px rgba(9,44,68,.035);border-left:4px solid #ecab50;padding:23px 26px;margin:0 0 18px;}
.page .v236-tag{display:block;font-size:11px;letter-spacing:.11em;font-weight:900;color:#167fa5;margin:0 0 13px;}
.page .v236-firstyear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px;margin-bottom:13px;}
.page .v236-firstyear-grid>div{display:flex;flex-wrap:wrap;gap:4px 13px;align-items:baseline;justify-content:space-between;min-width:0;}
.page .v236-firstyear-grid span{font-size:13px;color:#3d5f76;font-weight:750;line-height:1.7;}
.page .v236-firstyear-grid strong{color:#093e61;font-size:clamp(18px,2vw,23px);white-space:nowrap;font-variant-numeric:tabular-nums;}
.page .v236-firstyear-grid strong small{font-size:12px;}
.page .v236-firstyear p{color:#4a697a!important;font-size:13px!important;line-height:1.9!important;margin:9px 0 0!important;}
.page .v236-firstyear p strong{color:#1e516d!important;}
.page .v236-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 23px;}
.page .v236-conditions>div{min-width:0;border-top:1px solid #b9d5e2;padding:14px 5px 0;}
.page .v236-conditions b{color:#164964!important;font-size:15px;}
.page .v236-conditions p{color:#557386!important;font-size:12px!important;line-height:1.85!important;margin:5px 0 0!important;}
.page .v236-actions{display:flex;flex-wrap:wrap;gap:12px 19px;align-items:center;}
.page .v236-actions a,.page .v236-pricing-jump a{display:inline-flex;gap:10px;align-items:center;padding:14px 19px;text-decoration:none!important;font-size:13px;font-weight:850;line-height:1.6;}
.page .v236-primary{color:white!important;background:#0b557b!important;box-shadow:4px 4px 0 #f6b454;}
.page .v236-secondary{color:#105577!important;background:#fff!important;border:1px solid #bad6e4;}
.page .v236-pricing-jump{margin-top:12px;text-align:center;}
.page .v236-pricing-jump a{background:#fff;border:1px solid #c1dce7;color:#0e5776!important;}
.page .v236-embedded{background:#eff7fa!important;margin:28px 0 8px;padding:33px 28px!important;border:1px solid #d6e9f0;}
.page .v236-embedded .v236-server-inner{max-width:none;}
@container (max-width:850px){
 .page .v236-server-domain{padding:43px 23px!important;}
 .page .v236-embedded{padding:29px 20px!important;}
 .page .v236-rates{grid-template-columns:repeat(2,minmax(0,1fr));}
 .page .v236-firstyear-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
}
@container (max-width:460px){
 .page .v236-header h2,.page .v236-header h3{font-size:clamp(26px,6.8cqw,31px)!important;line-height:1.5!important;}
 .page .v236-server-domain{padding:40px 20px!important;}
 .page .v236-embedded{margin:22px 0 8px;padding:29px 15px!important;}
 .page .v236-rates{grid-template-columns:minmax(0,1fr)!important;gap:10px;}
 .page .v236-rate{flex-direction:row;align-items:center;gap:10px;padding:16px 18px;}
 .page .v236-tld{font-size:18px;}
 .page .v236-amount{text-align:right;white-space:nowrap;}
 .page .v236-amount strong{font-size:clamp(23px,6.5cqw,27px)!important;}
 .page .v236-firstyear{padding:17px 17px;}
 .page .v236-firstyear-grid>div{display:block;}
 .page .v236-firstyear-grid strong{display:block;margin-top:3px;}
 .page .v236-conditions{grid-template-columns:minmax(0,1fr);}
 .page .v236-actions{display:grid;grid-template-columns:minmax(0,1fr);}
 .page .v236-actions a{justify-content:center;width:100%;white-space:normal;}
 .page .v236-pricing-jump a{width:auto;max-width:100%;}
}
/* Browser fallback when container queries are unsupported */
@media(max-width:640px){
 .page .v236-rates{grid-template-columns:minmax(0,1fr);}
 .page .v236-rate{flex-direction:row;align-items:center;gap:10px;}
 .page .v236-conditions{grid-template-columns:minmax(0,1fr);}
 .page .v236-firstyear-grid{grid-template-columns:minmax(0,1fr);}
}


/* V23.7 — WEB LP editorial system, retains original white/navy/blue and orange identity. */
#page-web .v237-inner{width:min(100%,1130px);margin-inline:auto;position:relative;z-index:1}
#page-web .v237-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.15em;color:#087fa9!important;line-height:1.5;margin:0 0 16px}
#page-web .v237-eyebrow:before{content:"";width:25px;height:3px;display:inline-block;background:#ffad4d;flex:none}
#page-web .v237-insight{background:#f7f8f5!important;padding:76px max(24px,6%) 72px!important;border-bottom:1px solid #e5e8e3;position:relative;overflow:hidden}
#page-web .v237-insight:after{content:"";width:min(36vw,320px);height:min(36vw,320px);border:20px solid rgba(9,109,151,.06);border-radius:50%;position:absolute;right:-100px;top:-130px;pointer-events:none}
#page-web .v237-insight-inner{max-width:1100px;margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px 65px;align-items:center}
#page-web .v237-insight-inner>.v237-eyebrow{grid-column:1 / -1;margin:0}
#page-web .v237-insight h2{color:#0b2e49!important;font-size:clamp(27px,3.4vw,43px)!important;line-height:1.5!important;letter-spacing:-.04em!important;margin:0!important}
#page-web .v237-insight h2 em{font-style:normal!important;color:#0786b0!important}
#page-web .v237-insight-inner>p:last-child{border-left:3px solid #16a1c0;padding-left:26px;color:#395d70!important;font-size:clamp(14px,1.45vw,17px);line-height:2;margin:0!important}
#page-web .v237-choice{background:#fff;padding:78px max(24px,6%) 82px!important}
#page-web .v237-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px 64px;align-items:end;margin:0 0 35px}
#page-web .v237-section-head h2{font-size:clamp(28px,3.5vw,44px)!important;line-height:1.47!important;letter-spacing:-.05em!important;color:#0c314d!important;margin:0!important}
#page-web .v237-section-head h2 em{font-style:normal;color:#0985ad}
#page-web .v237-section-head>p{margin:0!important;font-size:clamp(13px,1.4vw,16px);line-height:1.95;color:#4d7082!important}
#page-web .v237-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#page-web .v237-choice-grid article{padding:31px 28px 26px;min-width:0;min-height:290px;background:#f3f8fb;border-top:4px solid #0b89b6;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
#page-web .v237-choice-grid article:nth-child(2){background:#f7f9f9;border-top-color:#f7a94c}
#page-web .v237-choice-grid article:hover{transform:translateY(-3px);box-shadow:0 15px 30px #07345112}
#page-web .v237-count{font-size:11px;font-weight:900;color:#09799e;letter-spacing:.13em}
#page-web .v237-choice-grid h3{font-size:clamp(20px,2.15vw,26px)!important;letter-spacing:-.035em;color:#0a3451!important;margin:18px 0 12px!important;line-height:1.5!important}
#page-web .v237-choice-grid p{font-size:14px;line-height:1.9!important;color:#48697e!important;margin:0 0 24px!important;flex:1}
#page-web .v237-choice-grid a{font-size:13px;font-weight:900;text-decoration:none;border-top:1px solid #ccdee8;padding-top:16px;color:#067cab!important}
#page-web .v237-choice-grid a:hover{text-decoration:underline}
/* Main pricing comparison is now the only plan overview — no duplicated large rate table. */
#page-web .v234-web-complete{background:linear-gradient(180deg,#f3f9fc,#fff 58%)!important;padding:74px max(22px,6%) 82px!important}
#page-web .v234-web-complete .v234-inner{max-width:1130px}
#page-web .v234-web-complete>.v234-inner>h2{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.45!important}
#page-web .v234-plan-grid{gap:20px}
#page-web .v234-plan-card{border-radius:2px;border-top-width:4px;box-shadow:0 9px 22px #0a395413;position:relative;display:flex;flex-direction:column;min-height:325px;padding:30px 32px}
#page-web .v234-plan-card .v234-plan-money{margin:7px 0 10px!important;letter-spacing:-.04em!important}
#page-web .v234-plan-card .v234-plan-link{margin-top:auto;padding-top:18px}
#page-web .v234-plan-card .v234-includes{margin-bottom:20px!important}
#page-web .v234-jump{gap:9px;margin:26px 0 32px}
#page-web .v234-jump a{border-radius:999px!important}
/* Keep the 4 annual server/domain prices visible and immediately after the 4 plans. */
#page-web #v234-web-domain{margin:35px 0 24px!important}
#page-web .v237-price-disclosure{margin:16px 0 0;background:#fff;border:1px solid #bfd9e4;box-shadow:0 6px 18px #0e3f5b09;scroll-margin-top:85px}
#page-web .v237-price-disclosure>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 35px;gap:6px 15px;padding:23px 27px;cursor:pointer;list-style:none}
#page-web .v237-price-disclosure>summary::-webkit-details-marker{display:none}
#page-web .v237-disclosure-kicker{display:block;grid-column:1;letter-spacing:.13em;font-size:11px;color:#087da6;font-weight:900}
#page-web .v237-price-disclosure>summary strong{grid-column:1;color:#103b55;font-size:clamp(16px,2vw,22px);line-height:1.5;font-weight:850;letter-spacing:-.02em}
#page-web .v237-disclosure-icon{grid-column:2;grid-row:1/3;width:33px;height:33px;background:#eaf5f9;color:#0b7da5;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:500;align-self:center}
#page-web .v237-price-disclosure[open] .v237-disclosure-icon{transform:rotate(45deg)}
#page-web .v237-price-disclosure .v234-subsection{margin:0!important;padding:0 26px 28px!important;scroll-margin-top:90px}
#page-web .v237-price-disclosure .v234-subsection>.v234-overline{display:none}
#page-web .v237-price-disclosure .v234-subsection>h3{font-size:21px!important;margin-bottom:10px!important}
#page-web .v237-price-disclosure .v234-subsection .v234-table-wrap{box-shadow:none}
#page-web .v234-web-complete .v234-cta{margin-top:26px!important}
/* One pivotal editorial statement; preserve the original brochure styling. */
#page-web #sec-web-9{padding-block:75px!important}
#page-web #sec-web-9 .section-frame{max-width:1130px}
#page-web #sec-web-9 .section-head h2{font-size:clamp(27px,3vw,36px)!important}
/* Seven distinct delivery milestones with a calm thin timeline; no narrow columns. */
#page-web .v237-process{background:#fff!important;padding:82px max(22px,6%) 85px!important}
#page-web .v237-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;padding:0!important;margin:0!important;list-style:none}
#page-web .v237-steps li{display:grid;grid-template-columns:51px minmax(0,1fr);gap:18px;min-width:0;padding:24px 0 26px;border-top:1px solid #c9dce5}
#page-web .v237-step-n{font-size:23px;font-weight:900;color:#0c85ae;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.07em}
#page-web .v237-steps li:nth-child(4n+2) .v237-step-n{color:#cf8433}
#page-web .v237-steps h3{font-size:19px!important;color:#0b3452!important;margin:0 0 10px!important;line-height:1.5!important}
#page-web .v237-steps p{color:#4e6f84;font-size:13px;line-height:1.95;margin:0!important}
#page-web .v237-process-notes{background:#edf6fa;padding:22px 28px;margin-top:23px;border-left:3px solid #f6b359}
#page-web .v237-process-notes p{font-size:13px;line-height:1.85;margin:0 0 10px;color:#34586f}
#page-web .v237-process-notes p:last-child{margin-bottom:0}
/* Fully accessible detail content, not removed from the document. */
#page-web .v237-deep-dive{background:#f6f9fa;padding:75px max(22px,6%) 82px!important}
#page-web .v237-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px}
#page-web .v237-deep-item{min-width:0;align-self:start;background:#fff;border:1px solid #d1e2e9}
#page-web .v237-deep-item>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:19px 20px;cursor:pointer;list-style:none}
#page-web .v237-deep-item>summary::-webkit-details-marker{display:none}
#page-web .v237-deep-number{font-size:17px;font-weight:900;color:#1484ad;font-variant-numeric:tabular-nums}
#page-web .v237-deep-title{font-size:15px;font-weight:850;color:#123952;line-height:1.6}
#page-web .v237-deep-arrow{justify-self:end;color:#1987ae;font-size:20px}
#page-web .v237-deep-item[open] .v237-deep-arrow{transform:rotate(45deg)}
#page-web .v237-deep-body{border-top:1px solid #e0e9ed;padding:18px 22px 21px;color:#3e6076}
#page-web .v237-deep-body p{color:#466a7c;font-size:13px;line-height:1.9;margin:0 0 12px}
#page-web .v237-deep-body p:last-child{margin:0}
/* FAQ and related services should be readable but visually quieter than the CTA. */
#page-web #sec-web-11{background:#fff;padding-block:75px!important}
#page-web #sec-web-11 .section-frame{max-width:1130px}
#page-web #sec-web-11 .section-head h2{font-size:clamp(26px,3vw,36px)!important;color:#0b3451!important}
#page-web #sec-web-11 .section-content{max-width:920px;margin-left:auto}
#page-web #sec-web-11 details{background:#f6f9fb;padding-inline:18px!important;margin-bottom:5px;border-bottom-color:#dde9ed!important}
#page-web #sec-web-11 summary{font-size:15px;line-height:1.65}
#page-web #sec-web-12{background:#f4f8fa}
#page-web .end-cta{border-top:4px solid #f4b45c}
/* Responsive on real mobile screens and simulated embedded SP preview alike. */
@container (max-width:820px){
 #page-web .v237-insight{padding:52px 25px!important}
 #page-web .v237-insight-inner{grid-template-columns:minmax(0,1fr);gap:17px!important}
 #page-web .v237-insight-inner>.v237-eyebrow{grid-column:1}
 #page-web .v237-insight h2{font-size:clamp(27px,6.4cqw,36px)!important;line-height:1.47!important}
 #page-web .v237-insight-inner>p:last-child{border-left:3px solid #17a1c0;padding-left:15px;font-size:14px;line-height:1.85!important}
 #page-web .v237-choice{padding:51px 24px 57px!important}
 #page-web .v237-section-head{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:24px}
 #page-web .v237-section-head h2{font-size:clamp(26px,6.6cqw,37px)!important}
 #page-web .v237-section-head>p{font-size:14px}
 #page-web .v237-choice-grid{grid-template-columns:minmax(0,1fr);gap:11px}
 #page-web .v237-choice-grid article{min-height:0;padding:24px 24px 20px}
 #page-web .v237-choice-grid h3{font-size:22px!important;margin:10px 0 7px!important}
 #page-web .v237-choice-grid p{font-size:13px;margin-bottom:17px!important}
 #page-web .v234-web-complete{padding:55px 21px 65px!important}
 #page-web .v237-price-disclosure>summary{padding:19px 17px}
 #page-web .v237-price-disclosure>summary strong{font-size:17px}
 #page-web .v237-price-disclosure .v234-subsection{padding:0 16px 18px!important}
 #page-web .v237-process{padding:53px 24px 59px!important}
 #page-web .v237-steps{grid-template-columns:minmax(0,1fr);gap:0}
 #page-web .v237-steps li{grid-template-columns:37px minmax(0,1fr);gap:12px;padding:18px 0}
 #page-web .v237-steps h3{font-size:18px!important;margin-bottom:5px!important}
 #page-web .v237-steps p{font-size:13px;line-height:1.8}
 #page-web .v237-process-notes{padding:17px 18px}
 #page-web .v237-deep-dive{padding:51px 23px 60px!important}
 #page-web .v237-deep-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 #page-web .v237-deep-item>summary{padding:16px 16px;grid-template-columns:28px minmax(0,1fr) 19px;gap:9px}
 #page-web .v237-deep-title{font-size:14px}
 #page-web .v237-deep-body{padding:16px 18px}
 #page-web #sec-web-9{padding-block:57px!important}
 #page-web #sec-web-11{padding-block:53px!important}
 #page-web #sec-web-11 .section-content{max-width:none}
}
@media(max-width:820px){
 #page-web .v237-insight{padding:52px 25px!important}
 #page-web .v237-insight-inner{grid-template-columns:minmax(0,1fr)}
 #page-web .v237-choice-grid{grid-template-columns:minmax(0,1fr)}
 #page-web .v237-section-head{grid-template-columns:minmax(0,1fr)}
 #page-web .v237-steps{grid-template-columns:minmax(0,1fr)}
 #page-web .v237-deep-grid{grid-template-columns:minmax(0,1fr)}
}

#page-web #sec-web-9 .sec-index,#page-web #sec-web-11 .sec-index{display:none!important}#page-web #sec-web-9 .section-head h2,#page-web #sec-web-11 .section-head h2{line-height:1.5!important}#page-web #v234-web-plans,#page-web #v234-web-domain,#page-web #web-details{scroll-margin-top:90px}#page-web .v237-deep-item summary:focus-visible,#page-web .v237-price-disclosure summary:focus-visible{outline:3px solid #efae52;outline-offset:2px}

/* V23.8: Service LP system—brochure white/navy/blue with restrained amber. */
.lp38-localnav,.lp38-web-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;background:#eff7fa;border-block:1px solid #d6e7ee;padding:19px max(22px,5%);scroll-margin-top:20px;}
.lp38-localnav-label,.lp38-web-nav>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#247b9d;}
.lp38-localnav a,.lp38-web-nav a{color:#0a4868;text-decoration:none;font-size:13px;font-weight:800;line-height:1.55;border-bottom:2px solid transparent;padding:5px 0;}
.lp38-localnav a:hover,.lp38-localnav a:focus-visible,.lp38-web-nav a:hover,.lp38-web-nav a:focus-visible{border-color:#edaa4b;}
.lp38-bridge{padding:clamp(58px,6vw,94px) max(24px,6%)!important;background:#fcfbf7;color:#0b3553;scroll-margin-top:20px;position:relative;}
.lp38-bridge-inner,.lp38-section-inner,.lp38-knowledge-inner{max-width:1160px;margin-inline:auto;}
.lp38-bridge-inner{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:clamp(40px,6.6vw,110px);align-items:start;}
.lp38-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#087ca4!important;letter-spacing:.15em;font-size:11px;font-weight:850;line-height:1.7;}
.lp38-eyebrow:before{content:"";width:22px;height:3px;background:#f0a94b;display:inline-block;flex:none;}
.lp38-bridge-intro{position:relative;padding-bottom:50px;min-width:0;}
.lp38-bridge-intro h2,.lp38-overview-pillars h2,.lp38-knowledge-heading h2{font-size:clamp(29px,3.6vw,43px);font-weight:850;line-height:1.5;letter-spacing:-.045em;color:#0a314f;margin:15px 0 20px;overflow-wrap:normal;word-break:normal;}
.lp38-bridge-intro>p{font-size:clamp(14px,1.35vw,16px);line-height:1.95;color:#466b82;max-width:425px;}
.lp38-bridge-ghost{position:absolute;bottom:-4px;left:-4px;font-size:clamp(52px,7.6vw,104px);font-weight:900;color:rgba(15,109,154,.07);letter-spacing:-.065em;user-select:none;pointer-events:none;line-height:1;}
.lp38-bridge-cases{border-top:3px solid #0e8eaf;min-width:0;}
.lp38-case{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:24px 6px 25px;border-bottom:1px solid #cddfe6;align-items:start;}
.lp38-case-number{color:#ce9041;font:800 26px/1.4 Georgia,serif;}
.lp38-case h3{font-size:clamp(17px,1.65vw,22px);line-height:1.55;color:#0b3552;margin:0 0 6px;font-weight:850;letter-spacing:-.025em;}
.lp38-case p{font-size:14px;color:#4c6b7d;margin:0;line-height:1.85;}
.lp38-bridge-link{display:inline-flex;gap:18px;align-items:center;color:#0a6389;text-decoration:none;font-size:14px;font-weight:850;margin-top:21px;padding:5px 0;border-bottom:2px solid #e8aa52;}
.lp38-knowledge{background:#eef6fa;padding:clamp(56px,6.5vw,96px) max(22px,6%)!important;scroll-margin-top:25px;}
.lp38-knowledge-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,0.8fr);column-gap:45px;align-items:end;margin-bottom:30px;}
.lp38-knowledge-heading .lp38-eyebrow{grid-column:1 / -1;}
.lp38-knowledge-heading h2{margin:13px 0 0;}
.lp38-knowledge-heading h2 em,.lp38-overview-pillars h2 em{font-style:normal;color:#0883ac;}
.lp38-knowledge-heading p{color:#4a6d7e;line-height:1.9;font-size:14px;margin:0 0 5px;}
.lp38-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.lp38-knowledge-item{min-width:0;background:#fff;border:1px solid #cfe2eb;box-shadow:0 3px 9px #063b5610;}
.lp38-knowledge-item:nth-child(4n + 1){border-top:3px solid #1689b0;}
.lp38-knowledge-item:nth-child(4n + 2){border-top:3px solid #e8aa4e;}
.lp38-knowledge-item summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:19px 19px 18px;min-height:68px;color:#0d3451;font-size:15px;font-weight:850;line-height:1.7;}
.lp38-knowledge-item summary::-webkit-details-marker{display:none;}
.lp38-knowledge-item summary span:first-child{min-width:0;overflow-wrap:anywhere;}
.lp38-expand{color:#087ba0;font-size:24px;font-weight:400;flex:none;line-height:1;}
.lp38-knowledge-item[open] .lp38-expand{transform:rotate(45deg);}
.lp38-knowledge-item[open] summary{border-bottom:1px solid #dfe9f0;}
.lp38-knowledge-content{padding:20px 23px 25px;color:#365a71;line-height:1.9;font-size:14px;}
.lp38-knowledge-content p{margin:0 0 14px;}
.lp38-knowledge-content p:last-child{margin-bottom:0;}
.lp38-knowledge-content h3{font-size:16px;margin:17px 0 5px;color:#0f4668;}
.lp38-knowledge-content ol,.lp38-knowledge-content ul{padding-left:1.5em;margin:10px 0;}
.lp38-knowledge-content a{color:#086c91;text-decoration:underline;text-underline-offset:4px;}
/* A distinct, readable service delivery timeline. */
.page .site-section.lp38-flow{background:#f6fafc!important;background-image:none!important;color:#123c57!important;padding:clamp(55px,6vw,94px) max(22px,6%)!important;}
.page .site-section.lp38-flow:before,.page .site-section.lp38-flow:after{display:none!important;}
.page .site-section.lp38-flow .section-frame{max-width:1160px!important;display:block!important;grid-template-columns:none!important;padding:0!important;margin:0 auto!important;}
.page .site-section.lp38-flow .section-head{margin-bottom:25px!important;}
.page .site-section.lp38-flow .section-head h2{font-size:clamp(29px,3.4vw,42px)!important;color:#0b314d!important;line-height:1.5!important;}
.page .site-section.lp38-flow .sec-index{color:#b6792e!important;}
.page .site-section.lp38-flow .section-content{max-width:100%!important;padding:0!important;border:0!important;color:#3c6075!important;}
.page .site-section.lp38-flow .section-content p{color:#3c6075!important;line-height:1.85;font-size:14px;max-width:850px;}
.page .site-section.lp38-flow .section-content ol{list-style:none;counter-reset:lp-step;margin:28px 0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.page .site-section.lp38-flow .section-content ol>li{counter-increment:lp-step;position:relative;min-width:0;padding:23px 24px 23px 70px;background:#fff;border:1px solid #d3e3eb;border-left:3px solid #0b8fba;color:#3c6075!important;font-size:14px;line-height:1.85;}
.page .site-section.lp38-flow .section-content ol>li:before{content:counter(lp-step,decimal-leading-zero);position:absolute;top:22px;left:22px;color:#c18e4a;font:800 25px/1.4 Georgia,serif;}
.page .site-section.lp38-flow .section-content ol>li strong{display:block;color:#0b3454!important;font-size:16px;margin-bottom:4px;}
.lp38-overview-pillars{padding:clamp(65px,6vw,95px) max(22px,6%);background:linear-gradient(180deg,#fff,#f3f9fb);}
.lp38-section-lead{max-width:800px;color:#41677d;font-size:15px;line-height:1.9;margin:0 0 30px;}
.lp38-pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
.lp38-pillar{background:white;border:1px solid #d1e2e9;border-top:4px solid #0d8cb1;min-width:0;padding:32px 34px;box-shadow:0 10px 25px #0b42650b;}
.lp38-pillar:nth-child(even){border-top-color:#f2ad56;}
.lp38-pillar-count{font:800 24px Georgia,serif;color:#b17d39;display:flex;align-items:center;gap:15px;}
.lp38-pillar-count span{font:850 10px system-ui,sans-serif;letter-spacing:.15em;color:#267b9d;}
.lp38-pillar h3{font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:#0a3452;margin:14px 0 16px;letter-spacing:-.025em;}
.lp38-pillar p{color:#486d81;font-size:14px;line-height:1.95;margin:0 0 13px;}
.lp38-pillar a{display:inline-block;margin-top:14px;color:#086a90;text-decoration:none;border-bottom:2px solid #f4b352;font-size:14px;font-weight:850;padding-bottom:6px;}
/* Web LP: smaller navigable sections, colored plan-fit subhead, mobile-first. */
.lp38-web-nav{background:#fff;border-top:0;border-bottom:2px solid #d9e9ef;}
.lp38-plan-caption{color:#147b9f!important;font-size:12px!important;font-weight:800;letter-spacing:.02em;margin:0 0 13px!important;}
#page-web .v234-plan-card{position:relative;overflow:hidden;}
#page-web .v234-plan-card:after{content:"";position:absolute;right:-35px;top:-55px;width:160px;height:160px;border-radius:100%;border:23px solid #0c8fb00b;pointer-events:none;}
#page-web .v234-plan-card>*{position:relative;z-index:1;}
#page-web .v237-choice{padding-block:clamp(55px,6vw,83px)!important;}
#page-web .v237-process{padding-block:clamp(55px,6vw,84px)!important;}
#page-web .v237-deep-dive{padding-block:clamp(55px,6vw,80px)!important;}
.page .lp-offer{scroll-margin-top:25px;}
@media(max-width:950px){
 .lp38-bridge-inner{grid-template-columns:minmax(0,1fr);gap:15px;}
 .lp38-bridge-intro{padding-bottom:14px;}
 .lp38-bridge-ghost{display:none;}
 .lp38-knowledge-heading{grid-template-columns:minmax(0,1fr);gap:8px;}
 .lp38-knowledge-grid{grid-template-columns:minmax(0,1fr);}
 .lp38-pillar-grid{grid-template-columns:minmax(0,1fr);}
 .page .site-section.lp38-flow .section-content ol{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:650px){
 .lp38-localnav,.lp38-web-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:8px;padding:16px 20px;}
 .lp38-localnav-label,.lp38-web-nav>span{grid-column:1 / -1;}
 .lp38-localnav a,.lp38-web-nav a{font-size:12px;padding:7px 0;}
 .lp38-bridge{padding:45px 23px 55px!important;}
 .lp38-bridge-intro h2{font-size:clamp(26px,7vw,35px);margin-top:11px;margin-bottom:11px;line-height:1.46;}
 .lp38-bridge-intro>p{font-size:14px;}
 .lp38-case{grid-template-columns:37px minmax(0,1fr);gap:12px;padding:19px 0;}
 .lp38-case h3{font-size:17px;}
 .lp38-case p{font-size:13px;}
 .lp38-knowledge{padding:50px 22px 60px!important;}
 .lp38-knowledge-heading h2{font-size:29px;}
 .lp38-knowledge-heading p{font-size:13px;}
 .lp38-knowledge-item summary{padding:17px 16px;min-height:58px;font-size:14px;}
 .lp38-knowledge-content{padding:18px 17px 22px;font-size:13px;}
 .page .site-section.lp38-flow{padding:55px 22px!important;}
 .page .site-section.lp38-flow .section-head h2{font-size:27px!important;}
 .page .site-section.lp38-flow .section-content ol>li{padding:20px 19px 20px 60px;font-size:13px;}
 .page .site-section.lp38-flow .section-content ol>li:before{left:15px;top:18px;font-size:23px;}
 .page .site-section.lp38-flow .section-content ol>li strong{font-size:15px;}
 .lp38-overview-pillars{padding:57px 22px;}
 .lp38-pillar{padding:25px 23px;}
 .lp38-pillar h3{font-size:22px;}
 .lp38-pillar p{font-size:13px;}
}
/* The in-browser iPhone preview retains a desktop browser viewport. Mirror CSS. */
.site-shell.mobile .lp38-bridge{padding:45px 23px 55px!important;}
.site-shell.mobile .lp38-bridge-inner{grid-template-columns:minmax(0,1fr);gap:15px;}
.site-shell.mobile .lp38-bridge-intro{padding-bottom:14px;}
.site-shell.mobile .lp38-bridge-ghost{display:none;}
.site-shell.mobile .lp38-bridge-intro h2{font-size:29px!important;}
.site-shell.mobile .lp38-localnav,.site-shell.mobile .lp38-web-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;padding:16px 20px!important;}
.site-shell.mobile .lp38-localnav-label,.site-shell.mobile .lp38-web-nav>span{grid-column:1/-1;}
.site-shell.mobile .lp38-knowledge{padding:50px 22px 60px!important;}
.site-shell.mobile .lp38-knowledge-heading{grid-template-columns:minmax(0,1fr);gap:8px;}
.site-shell.mobile .lp38-knowledge-grid{grid-template-columns:minmax(0,1fr)!important;}
.site-shell.mobile .lp38-knowledge-heading h2{font-size:29px;}
.site-shell.mobile .lp38-pillar-grid{grid-template-columns:minmax(0,1fr)!important;}
.site-shell.mobile .lp38-overview-pillars{padding:57px 22px;}
.site-shell.mobile .page .site-section.lp38-flow{padding:55px 22px!important;}
.site-shell.mobile .page .site-section.lp38-flow .section-content ol{grid-template-columns:minmax(0,1fr)!important;}
.site-shell.mobile .page .site-section.lp38-flow .section-content ol>li{padding:20px 18px 20px 61px!important;}
.site-shell.mobile .page .site-section.lp38-flow .section-content ol>li:before{left:17px;top:20px;font-size:23px;}


/* Final accessibility repair of dark-on-dark editorial flow backgrounds. */
#site-shell .page section.site-section.lp38-flow{background:#f6fafc!important;background-image:none!important;color:#123c57!important;}
#site-shell .page section.site-section.lp38-flow .section-frame,
#site-shell .page section.site-section.lp38-flow .section-head,
#site-shell .page section.site-section.lp38-flow .section-content{background:transparent!important;background-image:none!important;}
#site-shell .page section.site-section.lp38-flow .section-content p,
#site-shell .page section.site-section.lp38-flow .section-content li,
#site-shell .page section.site-section.lp38-flow .section-content a{color:#385e74!important;opacity:1!important;}
#site-shell .page section.site-section.lp38-flow .section-content li strong{color:#0b3454!important;opacity:1!important;}
#site-shell .page section.site-section.lp38-flow .section-head h2{color:#0b314d!important;opacity:1!important;}
#site-shell .page section.site-section.lp38-flow .section-content ol>li{background:#fff!important;color:#385e74!important;}
#site-shell .page section.site-section.lp38-flow .section-content ol>li:before{color:#b98234!important;}
@media(max-width:650px){.lp38-bridge-intro h2{font-size:clamp(25px,6.65vw,31px)!important;}}
.site-shell.mobile .lp38-bridge-intro h2{font-size:27px!important;}


/* V23.9 | editorial finishing & accessibility */
.page .calendar-head .calendar-controls{display:grid!important;grid-template-columns:minmax(88px,1fr) minmax(105px,1.15fr) minmax(88px,1fr)!important;gap:10px!important;width:min(100%,510px)!important;margin:24px auto 12px!important;align-items:center!important;}
.page .calendar-head .calendar-controls button{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:50px!important;width:100%!important;margin:0!important;border:2px solid #0d6a95!important;border-radius:3px!important;background:#0d4b73!important;color:#fff!important;opacity:1!important;font-size:clamp(12px,1.8vw,15px)!important;line-height:1.3!important;font-weight:850!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 3px 0 #f0ab4e!important;}
.page .calendar-head .calendar-controls button:hover{background:#0c719a!important;}
.page .calendar-head .calendar-controls button:focus-visible{outline:3px solid #f4b04c!important;outline-offset:4px!important;}
.page .calendar-head .calendar-controls strong{display:block!important;white-space:nowrap!important;font-size:clamp(15px,2vw,20px)!important;line-height:1.4!important;color:#072c49!important;text-align:center!important;}
.page .calendar-head{padding:40px max(19px,5%) 24px!important;}
.page .site-section.type-faq .section-frame{max-width:1160px!important;}
.page .site-section.type-faq .section-head h2{line-height:1.45!important;}
.page .v239-faq-item{border-bottom:1px solid #d5e5ec!important;margin:0!important;padding:17px 0!important;}
.page .v239-faq-item summary{position:relative;cursor:pointer;list-style:none!important;color:#123b56!important;font-size:clamp(16px,1.9vw,19px)!important;font-weight:800!important;line-height:1.65!important;padding:1px 36px 1px 0!important;text-wrap:pretty!important;}
.page .v239-faq-item summary::-webkit-details-marker{display:none;}
.page .v239-faq-item summary::after{content:'＋';position:absolute;right:2px;top:0;color:#078ab4;font-size:22px;font-weight:700;}
.page .v239-faq-item[open] summary::after{content:'−';}
.page .v239-faq-item .v239-faq-answer{padding:12px 17px 2px 0!important;max-width:780px!important;}
.page .v239-faq-item .v239-faq-answer p{color:#476779!important;line-height:1.95!important;font-size:clamp(13px,1.5vw,16px)!important;margin:0!important;}
.page .v239-field-policy{background:linear-gradient(115deg,#f3f9fc,#fff)!important;border-block:1px solid #d9e8ed!important;padding:clamp(55px,6vw,90px) max(23px,7%)!important;isolation:isolate;}
.page .v239-field-body{max-width:1180px!important;margin:auto!important;}
.page .v239-eyebrow{font-size:12px!important;letter-spacing:.17em!important;font-weight:900!important;color:#087da4!important;}
.page .v239-field-head h2{font-size:clamp(30px,4vw,51px)!important;letter-spacing:-.055em!important;line-height:1.42!important;color:#092f4b!important;margin:14px 0 18px!important;text-wrap:balance!important;}
.page .v239-field-head h2 em{font-style:normal!important;color:#0b86a9!important;}
.page .v239-field-head>p{max-width:840px!important;font-size:clamp(15px,1.6vw,18px)!important;line-height:2!important;color:#3d5c70!important;}
.page .v239-field-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;margin-top:32px!important;}
.page .v239-field-facts>div{padding:24px 24px 25px!important;background:#fff!important;border-top:4px solid #0b88ad!important;box-shadow:0 8px 22px rgba(10,58,88,.06)!important;min-width:0!important;}
.page .v239-field-facts>div:nth-child(2){border-top-color:#f0ab4e!important;}
.page .v239-field-facts b{font-size:11px!important;letter-spacing:.1em!important;color:#0c719c!important;}
.page .v239-field-facts strong{display:block!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.55!important;color:#09314e!important;margin:13px 0!important;}
.page .v239-field-facts p{color:#4e6b7d!important;font-size:14px!important;line-height:1.9!important;margin:0!important;}
.page .v239-field-foot{margin:20px 0 0!important;color:#557488!important;font-size:12px!important;line-height:1.85!important;}
/* Balance headlines while preserving intended branding breaks in two-line editorial statements. */
.page :is(.hero h1,.view-intro h2,.site-section .section-head h2,.lp-offer-heading h2,.lp38-bridge h2,.lp38-knowledge h2,.lp38-flow h2,.end-cta h2){text-wrap:balance;line-break:strict;overflow-wrap:anywhere;word-break:normal;}
.page :is(.hero .lead,.section-content p,.lp38-bridge p,.lp38-knowledge p,.site-section li){text-wrap:pretty;line-break:strict;}
@media(max-width:900px){
 .page .v239-field-facts{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
 .page .v239-field-facts>div{padding:21px 23px!important;}
}
@media(max-width:520px){
 .page .calendar-head .calendar-controls{grid-template-columns:minmax(80px,1fr) minmax(100px,1.15fr) minmax(80px,1fr)!important;gap:6px!important;}
 .page .calendar-head .calendar-controls button{font-size:12px!important;min-height:50px!important;padding:7px 6px!important;}
 .page .v239-field-head h2{font-size:clamp(28px,7vw,38px)!important;}
 .page .v239-field-policy{padding:49px 22px!important;}
}
/* The 390px reviewer mode inside a desktop window also receives smartphone typography. */
.mobile .page .v239-field-facts{grid-template-columns:minmax(0,1fr)!important;}
.mobile .page .v239-field-head h2{font-size:31px!important;}
.mobile .page .calendar-head .calendar-controls button{font-size:12px!important;}
@media(prefers-reduced-motion:reduce){.page .tsu-hero-video{display:none!important;}}

/* Version 23.10 — PC/IT new tariff, factual work scope & legible service cards */
#page-support .v2310-support-scope{background:#fff;padding:clamp(54px,7vw,96px) max(22px,6%);border-top:1px solid #d6e8ee;border-bottom:1px solid #d6e8ee;}
#page-support .v2310-scope-inner{max-width:1130px;margin:auto;}
#page-support .v2310-eyebrow{color:#007da5;font-size:12px;letter-spacing:.16em;font-weight:850;}
#page-support .v2310-scope-intro h2{color:#0b304b;font-size:clamp(27px,3.8vw,43px);line-height:1.48;letter-spacing:-.04em;margin:12px 0 16px;max-width:960px;}
#page-support .v2310-scope-intro h2 em{font-style:normal;color:#087eaa;}
#page-support .v2310-scope-intro p{max-width:840px;color:#4b687b;font-size:clamp(14px,1.45vw,17px);line-height:2;}
#page-support .v2310-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:38px 0;}
#page-support .v2310-scope-grid article{background:#f1f7fa;border-left:4px solid #0c87af;padding:28px 29px;min-width:0;}
#page-support .v2310-scope-grid article:nth-child(even){border-left-color:#f0ac50;background:#faf9f5;}
#page-support .v2310-scope-grid article span{font-size:11px;letter-spacing:.12em;color:#0a6f94;font-weight:800;}
#page-support .v2310-scope-grid article h3{margin:11px 0 9px;color:#0a3553;font-size:clamp(19px,2vw,23px);line-height:1.5;}
#page-support .v2310-scope-grid article p{margin:0;color:#4b687b;line-height:1.85;font-size:14px;}
#page-support .v2310-time-benefit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:center;background:#0c3551;color:#fff;padding:29px 31px;}
#page-support .v2310-time-benefit span{display:block;color:#6ac5da;font-weight:850;letter-spacing:.11em;font-size:11px;}
#page-support .v2310-time-benefit h3{font-size:clamp(22px,2.4vw,30px);margin:10px 0;color:#ffb754;line-height:1.5;}
#page-support .v2310-time-benefit p{margin:0;line-height:1.95;color:#f0f8fc;font-size:14px;}
#page-support .v2310-terms{margin-top:35px;max-width:1030px;}
#page-support .v2310-terms h3{color:#0b3552;font-size:clamp(22px,2.6vw,29px);margin:0 0 14px;}
#page-support .v2310-terms ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 21px;}
#page-support .v2310-terms li{color:#3d6076;line-height:1.85;font-size:14px;padding:0 0 0 23px;position:relative;}
#page-support .v2310-terms li::before{content:'✓';color:#0886ac;position:absolute;left:0;font-weight:bold;}
#page-support .v2310-support-contact{margin-top:34px;display:inline-flex;align-items:center;gap:15px;background:#0a537c;color:#fff;padding:17px 24px;font-weight:850;text-decoration:none;box-shadow:5px 5px 0 #f6b258;font-size:14px;}
#page-support .v2310-support-contact:hover{background:#08789d;}
@media(max-width:760px){
 #page-support .v2310-support-scope{padding:49px 23px;}
 #page-support .v2310-scope-grid{grid-template-columns:1fr;gap:13px;margin:27px 0;}
 #page-support .v2310-scope-grid article{padding:24px 23px;}
 #page-support .v2310-time-benefit{display:block;padding:24px 22px;}
 #page-support .v2310-time-benefit p{margin-top:11px;}
 #page-support .v2310-terms ul{grid-template-columns:1fr;gap:12px;}
 #page-support .v2310-support-contact{width:100%;justify-content:center;text-align:center;}
}
/* Also honor the project's in-browser emulated mobile display. */
.site-shell.mobile #page-support .v2310-scope-grid,.site-shell.mobile #page-support .v2310-terms ul{grid-template-columns:1fr;}
.site-shell.mobile #page-support .v2310-time-benefit{display:block;}


/* Ver.23.12 – screenshot feedback 01–10. Original content and components retained. */
#page-home .v2311-hero-line,
#page-home .v2311-copy-line{display:block;}
#page-home .v2311-hero-line + .v2311-hero-line{margin-top:.54em;}
#page-home .portfolio-lead .v2311-copy-line + .v2311-copy-line{margin-top:.32em;}
#page-home .v2311-portfolio-body .v2311-copy-line + .v2311-copy-line{margin-top:.28em;}
#page-home .v2311-service-intro .v2311-copy-line + .v2311-copy-line{margin-top:.65em;}
#page-home .v2311-service-intro{line-height:1.9!important;}
/* Screenshot 10 – restrained right-hand translucent FAQ watermark + circular linework. */
#site-shell .page .site-section.type-faq .section-frame{
  position:relative!important;
  isolation:isolate;
}
#site-shell .page .site-section.type-faq .section-frame::before{
  content:"";
  position:absolute;
  width:260px;height:260px;
  border:37px solid rgba(17,131,171,.045);
  border-radius:50%;
  right:24px;top:142px;
  z-index:-1;pointer-events:none;
}
#site-shell .page .site-section.type-faq .section-frame::after{
  content:"FAQ";
  position:absolute;
  right:52px;top:212px;
  color:rgba(7,72,115,.075);
  font:900 clamp(90px,9vw,145px)/1 Arial,sans-serif;
  letter-spacing:-.09em;
  z-index:-1;pointer-events:none;
}
#site-shell .page .site-section.type-faq .section-head,
#site-shell .page .site-section.type-faq .section-content{position:relative;z-index:1;}
@media(max-width:1090px){
 #site-shell .page .site-section.type-faq .section-frame::before,
 #site-shell .page .site-section.type-faq .section-frame::after{opacity:.52;}
}
/* User's SP layout directives – applies to true 390px and embedded phone preview. */
@container(max-width:760px){
 #page-home .tsu-roots-steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important;margin:0!important;}
 #page-home .tsu-roots-steps>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:0!important;gap:8px!important;padding:19px 22px!important;border-right:0!important;border-bottom:1px solid #d2e3ee!important;min-width:0!important;}
 #page-home .tsu-roots-steps span{font-size:11px!important;letter-spacing:.16em!important;}
 #page-home .tsu-roots-steps b{font-size:clamp(20px,6cqw,24px)!important;line-height:1.45!important;margin:2px 0 0!important;letter-spacing:-.045em!important;}
 #page-home .tsu-roots-steps small{display:block!important;grid-column:auto!important;margin:0!important;font-size:12px!important;line-height:1.7!important;}
 #page-home .local-primary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
 #page-home .local-primary>div{padding:18px 20px!important;gap:9px!important;}
 #page-home .local-primary strong{font-size:20px!important;line-height:1.55!important;}
 #page-home .local-primary small,#page-home .local-primary span{font-size:12px!important;line-height:1.7!important;}
 #page-home .tsu-seo-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;margin-top:32px!important;padding-top:30px!important;}
 #page-home .tsu-seo-outcome,#page-home .tsu-seo-proof{min-width:0!important;width:100%!important;max-width:100%!important;}
 #page-home .tsu-seo-outcome strong{font-size:clamp(29px,8.5cqw,37px)!important;line-height:1.48!important;letter-spacing:-.045em!important;word-break:normal!important;overflow-wrap:normal!important;}
 #page-home .tsu-seo-outcome p,#page-home .tsu-seo-proof p{font-size:13px!important;line-height:1.95!important;max-width:100%!important;overflow-wrap:normal!important;}
 #page-home .tsu-seo-proof{display:flex!important;flex-direction:column!important;gap:15px!important;}
 #page-home .tsu-seo-proof .tsu-seo-button{margin-top:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
 #page-home .value-copy h2 .v2311-value-first,#page-home .value-copy h2 .v2311-value-second{display:block!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;}
 #page-home .value-copy h2 .v2311-value-second{margin-top:.5em!important;}
 #page-home .menpa h3 .v2311-menpa-title-a,#page-home .menpa h3 .v2311-menpa-title-b,#page-home .menpa p .v2311-menpa-desc-a,#page-home .menpa p .v2311-menpa-desc-b{display:block!important;}
 #page-home .menpa h3{font-size:clamp(25px,7.6cqw,33px)!important;line-height:1.45!important;}
 #page-home .menpa p{font-size:13px!important;line-height:1.8!important;}
 #page-home .menpa-icons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
 #page-home .menpa-item{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:7px 0!important;font-size:clamp(9px,2.8cqw,12px)!important;line-height:1.5!important;}
 #page-home .menpa-item .diamond{width:clamp(38px,11.5cqw,50px)!important;height:clamp(38px,11.5cqw,50px)!important;margin:10px auto 17px!important;}
 #page-home .menpa-item .diamond svg{width:23px!important;height:23px!important;}
 #page-home .flow .section-heading h2 .v2311-flow-a,#page-home .flow .section-heading h2 .v2311-flow-b{display:block!important;white-space:normal!important;word-break:normal!important;}
 #site-shell .page .site-section.type-faq .section-frame::before,#site-shell .page .site-section.type-faq .section-frame::after{display:none!important;}
}
.site-shell.mobile #page-home .tsu-roots-steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important;margin:0!important;}
.site-shell.mobile #page-home .tsu-roots-steps>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:0!important;gap:8px!important;padding:19px 22px!important;border-right:0!important;border-bottom:1px solid #d2e3ee!important;min-width:0!important;}
.site-shell.mobile #page-home .tsu-roots-steps b{font-size:22px!important;margin:2px 0 0!important;}
.site-shell.mobile #page-home .tsu-roots-steps small{grid-column:auto!important;margin:0!important;font-size:12px!important;}
.site-shell.mobile #page-home .local-primary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
.site-shell.mobile #page-home .local-primary>div{padding:18px 20px!important;gap:9px!important;}
.site-shell.mobile #page-home .local-primary strong{font-size:20px!important;}
.site-shell.mobile #page-home .local-primary small,.site-shell.mobile #page-home .local-primary span{font-size:12px!important;}
.site-shell.mobile #page-home .tsu-seo-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;margin-top:32px!important;padding-top:30px!important;}
.site-shell.mobile #page-home .tsu-seo-outcome,.site-shell.mobile #page-home .tsu-seo-proof{min-width:0!important;width:100%!important;max-width:100%!important;}
.site-shell.mobile #page-home .tsu-seo-outcome strong{font-size:clamp(29px,8.5cqw,37px)!important;line-height:1.48!important;letter-spacing:-.045em!important;word-break:normal!important;overflow-wrap:normal!important;}
.site-shell.mobile #page-home .tsu-seo-proof{display:flex!important;flex-direction:column!important;gap:15px!important;}
.site-shell.mobile #page-home .tsu-seo-proof .tsu-seo-button{margin-top:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.site-shell.mobile #page-home .value-copy h2 .v2311-value-first,.site-shell.mobile #page-home .value-copy h2 .v2311-value-second{display:block!important;word-break:normal!important;}
.site-shell.mobile #page-home .value-copy h2 .v2311-value-second{margin-top:.5em!important;}
.site-shell.mobile #page-home .menpa h3 .v2311-menpa-title-a,.site-shell.mobile #page-home .menpa h3 .v2311-menpa-title-b,.site-shell.mobile #page-home .menpa p .v2311-menpa-desc-a,.site-shell.mobile #page-home .menpa p .v2311-menpa-desc-b{display:block!important;}
.site-shell.mobile #page-home .menpa h3{font-size:clamp(25px,7.6cqw,33px)!important;}
.site-shell.mobile #page-home .menpa p{font-size:13px!important;}
.site-shell.mobile #page-home .menpa-icons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;max-width:100%!important;min-width:0!important;}
.site-shell.mobile #page-home .menpa-item{min-width:0!important;width:100%!important;padding:7px 0!important;font-size:clamp(9px,2.8cqw,12px)!important;}
.site-shell.mobile #page-home .menpa-item .diamond{width:clamp(38px,11.5cqw,50px)!important;height:clamp(38px,11.5cqw,50px)!important;margin:10px auto 17px!important;}
.site-shell.mobile #page-home .flow .section-heading h2 .v2311-flow-a,.site-shell.mobile #page-home .flow .section-heading h2 .v2311-flow-b{display:block!important;white-space:normal!important;}
.site-shell.mobile .page .site-section.type-faq .section-frame::before,.site-shell.mobile .page .site-section.type-faq .section-frame::after{display:none!important;}
/* Keep the user's exact two-line SP heading, including the first phrase as one line. */
@container(max-width:760px){
 #page-home .value-copy h2 .v2311-value-first{font-size:clamp(18px,6cqw,23px)!important;letter-spacing:-.055em!important;white-space:nowrap!important;}
 #page-home .value-copy h2 .v2311-value-second{font-size:clamp(24px,7.4cqw,29px)!important;}
}
.site-shell.mobile #page-home .value-copy h2 .v2311-value-first{font-size:clamp(18px,6cqw,23px)!important;letter-spacing:-.055em!important;white-space:nowrap!important;}
.site-shell.mobile #page-home .value-copy h2 .v2311-value-second{font-size:clamp(24px,7.4cqw,29px)!important;}


/* Ver.23.12 – explicit PC/SP editorial breaks; avoid changing prose or business conditions */
/* All FAQ use same native accessible disclosure affordance: + closed, − open */
#site-shell .page .site-section.type-faq details>summary{position:relative!important;display:block!important;list-style:none!important;padding-right:44px!important;cursor:pointer!important;}
#site-shell .page .site-section.type-faq details>summary::-webkit-details-marker{display:none!important;}
#site-shell .page .site-section.type-faq details>summary::marker{content:''!important;}
#site-shell .page .site-section.type-faq details>summary::before{content:none!important;display:none!important;}
#site-shell .page .site-section.type-faq details>summary::after{content:'+'!important;position:absolute!important;top:0!important;right:3px!important;color:#078ab4!important;font-family:Arial,sans-serif!important;font-size:24px!important;font-weight:500!important;line-height:1.5!important;background:transparent!important;border:0!important;transform:none!important;opacity:1!important;}
#site-shell .page .site-section.type-faq details[open]>summary::after{content:'−'!important;}
/* Desktop-only intentional line breaks */
@container(min-width:761px){
 #page-web .v20-gallery .v20-focus-main h2 .v2312-line,
 #page-design .v20-print .v20-focus-main h2 .v2312-line,
 #page-dx .lp38-bridge-intro h2 .v2312-line,
 #page-ai-training .editorial-signature .sig-type h2 .v2312-line,
 #page-ai-training .v20-focus-main h2 .v2312-line,
 #page-ai-training .lp38-bridge-intro h2 .v2312-line,
 #page-network-security .editorial-signature .sig-type h2 .v2312-line,
 #page-network-security .v20-focus-main h2 .v2312-line,
 #page-network-security .lp38-bridge-intro h2 .v2312-line,
 #page-support #v2310-support-title .v2312-line,
 #page-seo #legacy-seo-title .v2312-line{display:block!important;}
 #page-seo #legacy-seo-title{font-size:clamp(27px,2.65cqw,38px)!important;line-height:1.48!important;letter-spacing:-.06em!important;}
 #page-support #v2310-support-title{font-size:clamp(26px,2.7cqw,39px)!important;line-height:1.48!important;letter-spacing:-.06em!important;}
 #page-ai-training .editorial-signature .sig-type h2 .v2312-training-accent{color:#f2b253!important;}
}
/* The original viewport-width rules are insufficient in a review shell; use its container width */
@container(max-width:760px){
 #page-services .editorial-signature .sig-type h2 .v2312-line,
 #page-services .editorial-signature + .site-section h2 .v2312-line,
 #page-services .lp38-pillar-grid h3 .v2312-line,
 #page-web .v2312-web-plans-heading .v2312-line,
 #page-cost .editorial-signature .sig-type h2 .v2312-line,
 #page-cost .v20-focus-main h2 .v2312-line,
 #page-network-security .editorial-signature .sig-type h2 .v2312-line,
 #page-network-security .v20-focus-main h2 .v2312-line,
 #page-network-security .lp38-bridge-intro h2 .v2312-line,
 #page-network-security .lp-offer-heading h2 .v2312-line,
 #page-google-workspace .editorial-signature .sig-type h2 .v2312-line,
 #page-google-workspace .v20-focus-main h2 .v2312-line,
 #page-google-workspace .lp38-bridge-intro h2 .v2312-line,
 #page-google-workspace .v2312-workspace-line{display:block!important;}
 #page-services .editorial-signature .sig-type h2{font-size:clamp(24px,6.9cqw,30px)!important;line-height:1.52!important;}
 #page-services .editorial-signature .sig-type h2 .v2312-line{white-space:nowrap!important;}
 #page-services .editorial-signature + .site-section h2{font-size:clamp(23px,6.5cqw,28px)!important;}
 #page-services .lp38-pillar-grid{grid-template-columns:minmax(0,1fr)!important;}
 #page-services .lp38-pillar-grid h3{font-size:clamp(21px,5.8cqw,26px)!important;line-height:1.48!important;letter-spacing:-.04em!important;}
 #page-services .lp38-pillar-grid h3 .v2312-line{white-space:nowrap!important;}
 #page-web .v2312-web-plans-heading{font-size:clamp(27px,7.5cqw,34px)!important;line-height:1.5!important;letter-spacing:-.055em!important;}
 #page-web .v2312-web-plans-heading .v2312-line{white-space:nowrap!important;}
 #page-seo .legacy-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
 #page-seo .legacy-title{width:100%!important;max-width:100%!important;padding:32px 7% 27px!important;box-sizing:border-box!important;border-right:0!important;}
 #page-seo #legacy-seo-title{font-size:clamp(24px,6.4cqw,29px)!important;line-height:1.48!important;letter-spacing:-.055em!important;}
 #page-seo #legacy-seo-title .v2312-line{display:block!important;white-space:nowrap!important;}
 #page-seo .legacy-copy{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:29px 7% 44px!important;}
 #page-seo .legacy-copy p{font-size:14px!important;line-height:1.9!important;overflow-wrap:anywhere!important;}
 #page-ai-training .editorial-signature .sig-type h2 .v2312-training-accent{color:#f2b253!important;}
 #page-google-workspace .editorial-signature .sig-type h2{font-size:clamp(26px,7.1cqw,32px)!important;line-height:1.47!important;}
 #page-google-workspace .v20-focus-main h2,#page-google-workspace .lp38-bridge-intro h2{font-size:clamp(25px,6.8cqw,32px)!important;line-height:1.5!important;}
 #page-google-workspace .editorial-signature .sig-type h2 .v2312-line{white-space:nowrap!important;}
 #page-google-workspace .site-section h2:has(.v2312-workspace-line){font-size:clamp(21px,5.5cqw,26px)!important;line-height:1.55!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important;}
 #page-google-workspace .v2312-workspace-line{white-space:nowrap!important;}
 #page-network-security .editorial-signature .sig-type h2{font-size:clamp(27px,7.3cqw,32px)!important;line-height:1.5!important;}
 #page-network-security .editorial-signature .sig-type h2 .v2312-line,
 #page-network-security .v20-focus-main h2 .v2312-line{white-space:nowrap!important;}
 #page-network-security .v20-focus-main h2{font-size:clamp(25px,6.6cqw,31px)!important;}
 #page-network-security .lp-offer-heading h2{font-size:clamp(23px,6.4cqw,29px)!important;}
 #page-network-security .lp-offer-heading h2 .v2312-line{white-space:nowrap!important;}
 #page-cost .editorial-signature .sig-type h2{font-size:clamp(26px,6.8cqw,30px)!important;line-height:1.45!important;}
 #page-cost .v20-focus-main h2{font-size:clamp(25px,6.5cqw,30px)!important;}
 #page-cost .editorial-signature .sig-type h2 .v2312-line,#page-cost .v20-focus-main h2 .v2312-line{white-space:nowrap!important;}
 /* Lessen unnecessary gap between dark heading and explanation on SP */
 #page-cost .editorial-signature .sig-type,#page-network-security .editorial-signature .sig-type{padding-bottom:25px!important;}
 #page-cost .editorial-signature .sig-copy,#page-network-security .editorial-signature .sig-copy{padding-top:26px!important;}
}
/* Review UI has a user-toggle mobile shell even on a wide browser viewport */
#site-shell.mobile #page-services .editorial-signature .sig-type h2 .v2312-line,
#site-shell.mobile #page-services .lp38-pillar-grid h3 .v2312-line,
#site-shell.mobile #page-web .v2312-web-plans-heading .v2312-line,
#site-shell.mobile #page-cost .editorial-signature .sig-type h2 .v2312-line,
#site-shell.mobile #page-network-security .editorial-signature .sig-type h2 .v2312-line,
#site-shell.mobile #page-google-workspace .editorial-signature .sig-type h2 .v2312-line,
#site-shell.mobile #page-google-workspace .v2312-workspace-line{display:block!important;}
#site-shell.mobile #page-google-workspace .site-section h2:has(.v2312-workspace-line){font-size:23px!important;}
#site-shell.mobile #page-seo .legacy-inner{grid-template-columns:minmax(0,1fr)!important;}
#site-shell.mobile #page-seo #legacy-seo-title{font-size:27px!important;}
#site-shell.mobile #page-seo .legacy-title,#site-shell.mobile #page-seo .legacy-copy{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}


/* Heading segments inside editorial-signature must not inherit the eyebrow's 10px span rule */
#site-shell .page .editorial-signature .sig-type h2>span.v2312-line,
#site-shell .page .editorial-signature .sig-type h2>span.v2312-training-accent{font:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:none!important;line-height:inherit!important;}
#site-shell #page-ai-training .editorial-signature .sig-type h2>span.v2312-training-accent{color:#f2b253!important;}
@container(max-width:760px){
 #site-shell #page-services .v20-atlas .v20-focus-main h2>span.v2312-line{display:block!important;}
 #site-shell #page-services .v20-atlas .v20-focus-main h2{font-size:clamp(23px,6cqw,28px)!important;line-height:1.52!important;}
 #site-shell #page-services .v20-atlas .v20-focus-main h2 .v2312-line{white-space:nowrap!important;}
}
#site-shell.mobile #page-services .v20-atlas .v20-focus-main h2>span.v2312-line{display:block!important;}


/* Ver.23.13: user-directed line breaks. Keep unselected words and other pages unchanged. */
#site-shell .page h2 span.v2313-line{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;color:inherit!important;text-transform:none!important;}
#site-shell .page h2 span.v2313-accent{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:none!important;}
#site-shell #page-backup .editorial-signature h2 .v2313-accent{color:#ffbd60!important;}
@container (min-width:761px){
#site-shell .page h2 span.v2313-pc,#site-shell .page h2 span.v2313-both{display:block!important;}
#site-shell #page-backup .editorial-signature .sig-type h2{font-size:clamp(39px,4.05cqw,55px)!important;line-height:1.45!important;}
#site-shell #page-subsidy .editorial-signature .sig-type h2,#site-shell #page-employment-subsidy .editorial-signature .sig-type h2,#site-shell #page-consulting .editorial-signature .sig-type h2{font-size:clamp(35px,3.9cqw,52px)!important;line-height:1.48!important;}
}
@container (max-width:760px){
#site-shell .page h2 span.v2313-sp,#site-shell .page h2 span.v2313-both{display:block!important;}
#site-shell #page-backup .editorial-signature .sig-type h2,#site-shell #page-subsidy .editorial-signature .sig-type h2,#site-shell #page-employment-subsidy .editorial-signature .sig-type h2,#site-shell #page-consulting .editorial-signature .sig-type h2{font-size:clamp(25px,6.8cqw,33px)!important;line-height:1.54!important;letter-spacing:-.055em!important;}
#site-shell #page-backup .v20-focus-main h2,#site-shell #page-subsidy .v20-focus-main h2,#site-shell #page-employment-subsidy .v20-focus-main h2,#site-shell #page-consulting .v20-focus-main h2{font-size:clamp(24px,6.4cqw,30px)!important;line-height:1.53!important;letter-spacing:-.065em!important;}
#site-shell #page-backup .lp38-bridge-intro h2,#site-shell #page-subsidy .lp38-bridge-intro h2,#site-shell #page-employment-subsidy .lp38-bridge-intro h2,#site-shell #page-consulting .lp38-bridge-intro h2{font-size:clamp(25px,6.5cqw,30px)!important;line-height:1.52!important;}
#site-shell #page-backup .site-section h2:has(.v2313-line),#site-shell #page-subsidy .site-section h2:has(.v2313-line),#site-shell #page-employment-subsidy .site-section h2:has(.v2313-line),#site-shell #page-office .site-section h2:has(.v2313-line){font-size:clamp(22px,5.85cqw,28px)!important;line-height:1.55!important;letter-spacing:-.05em!important;overflow-wrap:normal!important;word-break:normal!important;}
#site-shell #page-backup .lp-offer h2:has(.v2313-line){font-size:clamp(23px,6.3cqw,29px)!important;line-height:1.48!important;}
#site-shell .page h2 .v2313-line{white-space:normal!important;}
/* Legacy fixed-columns must never squeeze the president portrait on mobile. */
#site-shell #page-office .president-sign.v2313-president-sign{display:flex!important;flex-wrap:wrap!important;gap:22px!important;align-items:center!important;}
}


/* New heading breaks operate only on the smartphone canvas; PC typography stays as approved. */
@container (max-width:760px){
 #site-shell #page-office .site-section h2:has(.v2313-line),
 #site-shell #page-downloads .site-section h2:has(.v2313-line),
 #site-shell #page-sitemap .site-section h2:has(.v2313-line),
 #site-shell #page-contact .site-section h2:has(.v2313-line){
  font-size:clamp(22px,5.7cqw,29px)!important;line-height:1.5!important;
  letter-spacing:-.045em!important;overflow-wrap:normal!important;word-break:normal!important;
 }
 #site-shell #page-downloads .v20-focus-main h2:has(.v2313-line),
 #site-shell #page-contact .v20-focus-main h2:has(.v2313-line){font-size:clamp(26px,6.6cqw,32px)!important;line-height:1.5!important;}
 /* Keep the full three speech bubbles visible; don't clip the third bubble on mobile. */
 #site-shell #page-contact .hero-visual:has(.v21-contact-dialog){min-height:290px!important;height:auto!important;overflow:visible!important;}
 #site-shell #page-contact .v21-contact-dialog{position:relative!important;inset:auto!important;
   padding:24px 18px 22px!important;min-height:290px!important;height:auto!important;gap:11px!important;
   overflow:visible!important;justify-content:flex-start!important;}
 #site-shell #page-contact .v21-contact-dialog .v21-speech{max-width:94%!important;
   font-size:clamp(11px,3.1cqw,14px)!important;padding:9px 12px!important;line-height:1.55!important;}
 #site-shell #page-contact .v21-contact-dialog .v21-convo-title{font-size:9px!important;letter-spacing:.16em!important;}
 #site-shell #page-contact .v21-contact-dialog>small{margin-top:6px!important;font-size:10px!important;}
}
/* Always same typography for the 27 FAQ section headings, independent of page type. */
#site-shell .page .section-head h2.v2313-faq-title{font-family:inherit!important;
 font-size:clamp(25px,2.5vw,37px)!important;line-height:1.35!important;letter-spacing:-.035em!important;font-weight:800!important;}
@container (max-width:760px){#site-shell .page .section-head h2.v2313-faq-title{
 font-size:clamp(24px,6cqw,29px)!important;line-height:1.4!important;letter-spacing:-.05em!important;}}


@container (max-width:760px){
 /* Full, unclipped contact illustration with all 3 speech bubbles */
 #site-shell #page-contact .hero-visual:has(.v21-contact-dialog){height:345px!important;min-height:345px!important;position:relative!important;overflow:hidden!important;}
 #site-shell #page-contact .hero-visual .v21-contact-dialog{position:absolute!important;inset:0!important;
 width:100%!important;max-width:none!important;height:100%!important;min-height:345px!important;
 padding:25px max(16px,7%) 20px!important;gap:13px!important;box-sizing:border-box!important;overflow:hidden!important;}
 #site-shell #page-contact .v21-contact-dialog .v21-speech{max-width:88%!important;flex:0 0 auto!important;}
 #site-shell #page-contact .v21-contact-dialog > small{margin-top:4px!important;}
 #site-shell #page-downloads .site-section h2.v20-feature-h2:has(.v2313-line){font-size:clamp(20px,5.45cqw,25px)!important;line-height:1.5!important;letter-spacing:-.055em!important;}
}


@container (max-width:760px){
 #site-shell #page-downloads #sec-downloads-0 .section-head{gap:14px!important;}
 #site-shell #page-downloads #sec-downloads-0 h2.v20-feature-h2:has(.v2313-line){flex:1 1 auto!important;min-width:0!important;width:100%!important;font-size:clamp(20px,5.3cqw,24px)!important;letter-spacing:-.065em!important;}
}


/* v23.15: original philosophy panel unchanged; compact portrait only on text side */
#page-office .president-section { grid-template-columns:minmax(0,1fr) 33%; }
#page-office .v2315-sign-with-photo { display:grid; grid-template-columns:minmax(0,1fr) 170px 155px; column-gap:17px; align-items:end; margin-top:43px; }
#page-office .v2315-sign-with-photo .name-wrap { min-width:0; }
#page-office .v2315-sign-with-photo .name-wrap strong { white-space:nowrap; }
#page-office .v2315-signature { display:block; width:100%; max-width:170px; height:auto; object-fit:contain; margin-bottom:10px; }
#page-office .v2315-portrait { margin:0; width:155px; height:190px; border:7px solid #fff; box-shadow:6px 6px 0 #d5e6ed; background:#d5e6ed; overflow:hidden; box-sizing:border-box; }
#page-office .v2315-portrait img { width:100%;height:100%;object-fit:cover; object-position:75% 45%; display:block; }
@container (max-width:950px) {
  #page-office .v2315-sign-with-photo {grid-template-columns:minmax(0,1fr) 138px;gap:12px 16px;}
  #page-office .v2315-sign-with-photo .name-wrap {grid-column:1;grid-row:1;align-self:end;}
  #page-office .v2315-signature {grid-column:1;grid-row:2;width:170px;max-width:100%;}
  #page-office .v2315-portrait {grid-column:2;grid-row:1 / span 2;width:138px;height:172px;}
}
@container (max-width:760px) {
  #page-office .president-section { grid-template-columns:minmax(0,1fr); }
  #page-office .v2315-sign-with-photo { grid-template-columns:minmax(0,1fr) 128px; gap:10px 12px; align-items:end; }
  #page-office .v2315-portrait { width:128px; height:156px; }
  #page-office .v2315-signature { width:155px; margin-bottom:2px; }
}
.mobile #page-office .president-section {grid-template-columns:minmax(0,1fr);}
.mobile #page-office .v2315-sign-with-photo {grid-template-columns:minmax(0,1fr) 128px;gap:10px 12px;}
.mobile #page-office .v2315-sign-with-photo .name-wrap {grid-column:1;grid-row:1;}
.mobile #page-office .v2315-signature {grid-column:1;grid-row:2;width:155px;max-width:100%;}
.mobile #page-office .v2315-portrait {grid-column:2;grid-row:1 / span 2;width:128px;height:156px;}

#page-sdgs .tsu-sdgs{--navy:#071f39;--navy2:#0a3459;--blue:#0477bb;--cyan:#35c7e9;--orange:#f5a941;--ink:#0b2a43;--muted:#526778;--paper:#f4f8fb;--line:#dce8ee;--serif:"Noto Serif CJK JP","Noto Serif JP","Yu Mincho",YuMincho,serif;--sans:"Noto Sans CJK JP","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
#page-sdgs .tsu-sdgs, #page-sdgs .tsu-sdgs *{box-sizing:border-box}
#page-sdgs .tsu-sdgs{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
#page-sdgs .tsu-sdgs a{color:inherit;text-decoration:none}
#page-sdgs .tsu-sdgs img{max-width:100%;height:auto}
#page-sdgs .tsu-sdgs button{font:inherit}
#page-sdgs .tsu-sdgs .wrap{max-width:1180px;width:calc(100% - 64px);margin-inline:auto}
#page-sdgs .tsu-sdgs .eyebrow{font-weight:800;color:var(--blue);font-size:.76rem;letter-spacing:.18em;line-height:1.4}
#page-sdgs .tsu-sdgs .eyebrow:before{content:"";display:inline-block;vertical-align:middle;height:2px;width:21px;background:var(--orange);margin-right:10px}
#page-sdgs .tsu-sdgs .serif{font-family:var(--serif)}
#page-sdgs .tsu-sdgs .hero{min-height:680px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
#page-sdgs .tsu-sdgs .hero:before{content:"";position:absolute;width:56%;height:100%;right:0;top:0;background:linear-gradient(112deg,#071f3917,#071f3966),linear-gradient(to right,#071f39aa,transparent 54%),url("/assets/media/image-ce473a3e5726f27e.jpg");background-position:center;background-size:cover;opacity:.34;filter:grayscale(18%)}
#page-sdgs .tsu-sdgs .hero:after{content:"";position:absolute;top:-23%;left:51%;width:40vw;height:135%;transform:skew(-24deg);background:linear-gradient(135deg,#0058954a,#34c5f21a);border-left:1px solid #8fd4f220;pointer-events:none}
#page-sdgs .tsu-sdgs .hero-grid{position:relative;z-index:1;min-height:680px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:42px;padding-block:68px}
#page-sdgs .tsu-sdgs .hero .eyebrow{color:var(--cyan);letter-spacing:.23em}
#page-sdgs .tsu-sdgs .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.5rem,4.25vw,4.55rem);line-height:1.48;letter-spacing:.02em;margin:22px 0 21px}
#page-sdgs .tsu-sdgs .hero h1 em{font-style:normal;color:var(--orange)}
#page-sdgs .tsu-sdgs .hero h1 .small-line{font-size:.48em;letter-spacing:.03em;display:block;margin-top:10px}
#page-sdgs .tsu-sdgs .hero-lead{font-size:1.05rem;max-width:585px;color:#e0eef7;line-height:2;margin:0 0 30px}
#page-sdgs .tsu-sdgs .hero-lead strong{color:#fff}
#page-sdgs .tsu-sdgs .hero .button{display:inline-flex;align-items:center;gap:28px;background:var(--orange);color:var(--navy);font-size:.82rem;font-weight:800;letter-spacing:.04em;padding:15px 19px;min-height:52px}
#page-sdgs .tsu-sdgs .hero .button:hover{background:#ffc471}
#page-sdgs .tsu-sdgs .hero-slogan{justify-self:end;position:relative;width:min(390px,100%);min-height:330px;display:flex;justify-content:center;align-items:center}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring{border:1px solid #bdeaff59;border-radius:50%;position:absolute;width:300px;height:300px;transform:rotate(-12deg)}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring:before{content:"";border:1px solid #ffffff2f;border-radius:50%;position:absolute;inset:29px}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring:after{content:"";border:1px dashed #bee3f84f;border-radius:50%;position:absolute;inset:55px}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring i{position:absolute;width:12px;height:12px;background:var(--orange);border-radius:50%;top:42px;left:48px;box-shadow:0 0 0 11px #ffc26e18}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring b{position:absolute;width:9px;height:9px;background:#43d5e6;border-radius:50%;bottom:38px;right:34px;box-shadow:0 0 0 12px #43d5e61a}
#page-sdgs .tsu-sdgs .hero-slogan .big-ring u{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;top:130px;right:-3px}
#page-sdgs .tsu-sdgs .hero-slogan .symbol-center{position:relative;text-align:center;text-shadow:0 3px 20px #071f3999}
#page-sdgs .tsu-sdgs .hero-slogan .symbol-center small{font-size:.7rem;letter-spacing:.24em;color:#d7f4ff}
#page-sdgs .tsu-sdgs .hero-slogan .symbol-center p{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;line-height:1.85;margin:8px 0 0;color:white}
#page-sdgs .tsu-sdgs .hero-number{position:absolute;bottom:27px;right:40px;font-weight:800;font-size:11px;color:#d0efff;letter-spacing:.2em;z-index:2}
#page-sdgs .tsu-sdgs .intro{padding:106px 0 93px}
#page-sdgs .tsu-sdgs .intro-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:11%;align-items:start}
#page-sdgs .tsu-sdgs .intro h2{font-family:var(--serif);font-size:clamp(1.9rem,2.75vw,2.8rem);line-height:1.55;margin:13px 0 0;letter-spacing:.02em}
#page-sdgs .tsu-sdgs .intro h2 em{font-style:normal;color:var(--blue)}
#page-sdgs .tsu-sdgs .intro-body{border-left:1px solid #bfd7e6;padding:7px 0 5px 32px}
#page-sdgs .tsu-sdgs .intro-body p{margin:0 0 16px;line-height:2;color:#344c5d}
#page-sdgs .tsu-sdgs .intro-body p:last-child{margin:0}
#page-sdgs .tsu-sdgs .intro-note{color:#7b8b96;font-size:12px;margin-top:18px;letter-spacing:.02em}
#page-sdgs .tsu-sdgs .pillars{background:var(--paper);padding:99px 0 106px}
#page-sdgs .tsu-sdgs .section-heading{text-align:center;margin-bottom:46px}
#page-sdgs .tsu-sdgs .section-heading h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.45;font-family:var(--serif);margin:11px 0 14px}
#page-sdgs .tsu-sdgs .section-heading p{max-width:670px;margin:0 auto;color:#526778;font-size:15px}
#page-sdgs .tsu-sdgs .pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#page-sdgs .tsu-sdgs .pillar-card{background:#fff;border:1px solid var(--line);min-height:343px;padding:34px 29px 26px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 13px 26px #0a355314}
#page-sdgs .tsu-sdgs .pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--blue)}
#page-sdgs .tsu-sdgs .pillar-card:nth-child(2):before{background:#279aa8}
#page-sdgs .tsu-sdgs .pillar-card:nth-child(3):before{background:#d98e39}
#page-sdgs .tsu-sdgs .pillar-card-index{font-size:12px;letter-spacing:.15em;font-weight:800;color:#7794a9}
#page-sdgs .tsu-sdgs .pillar-card h3{font-family:var(--serif);font-size:1.52rem;line-height:1.48;margin:20px 0 9px}
#page-sdgs .tsu-sdgs .pillar-card .en{font-size:.72rem;color:var(--blue);font-weight:800;letter-spacing:.11em;margin-bottom:13px}
#page-sdgs .tsu-sdgs .pillar-card p{font-size:.88rem;line-height:1.85;color:#486273;margin:0}
#page-sdgs .tsu-sdgs .goal-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
#page-sdgs .tsu-sdgs .goal{min-width:32px;height:31px;padding:0 9px;background:#eaf3f9;color:#155176;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.01em}
#page-sdgs .tsu-sdgs .goal-row .goal:last-child{background:#eaf3f9}
#page-sdgs .tsu-sdgs .pillar-footer{font-size:11px;color:#6b8294;margin:24px 0 0;text-align:center}
#page-sdgs .tsu-sdgs .detail-section{padding:117px 0}
#page-sdgs .tsu-sdgs .detail-section:nth-of-type(even){background:#fff}
#page-sdgs .tsu-sdgs .detail-section.shaded{background:#f7fafc}
#page-sdgs .tsu-sdgs .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
#page-sdgs .tsu-sdgs .detail-side .kicker{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:.8rem;font-weight:800;letter-spacing:.15em}
#page-sdgs .tsu-sdgs .detail-side .kicker i{display:block;width:41px;height:1px;background:#63b3d8}
#page-sdgs .tsu-sdgs .detail-side h2{font-family:var(--serif);font-size:clamp(1.9rem,2.85vw,2.85rem);line-height:1.56;margin:20px 0 23px}
#page-sdgs .tsu-sdgs .detail-side h2 .accent{color:var(--blue)}
#page-sdgs .tsu-sdgs .detail-side p{font-size:.96rem;color:#435d70;line-height:2.05;margin:0 0 18px}
#page-sdgs .tsu-sdgs .detail-label{font-size:.74rem;font-weight:800;letter-spacing:.15em;color:var(--blue);margin:25px 0 13px}
#page-sdgs .tsu-sdgs .activity-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#page-sdgs .tsu-sdgs .activity{border-left:3px solid #8ad1ef;background:#fff;padding:14px 15px;color:#244258;font-size:.86rem;font-weight:700;line-height:1.6;box-shadow:0 4px 17px #08344d0b}
#page-sdgs .tsu-sdgs .shaded .activity{border-color:#f3bb6e}
#page-sdgs .tsu-sdgs .details-visual{position:relative;min-height:405px;background:#e7f1f7;overflow:hidden;display:flex;align-items:center;justify-content:center}
#page-sdgs .tsu-sdgs .details-visual:before{content:"";position:absolute;inset:auto -90px -160px auto;width:390px;height:390px;border-radius:50%;border:70px solid #ffffff70}
#page-sdgs .tsu-sdgs .details-visual:after{content:"";position:absolute;top:-85px;left:-80px;width:290px;height:290px;border:1px solid #1c82be36;border-radius:50%}
#page-sdgs .tsu-sdgs .details-visual .label-over{position:absolute;top:24px;left:27px;color:#1a5c88;font-size:.72rem;font-weight:800;letter-spacing:.16em}
#page-sdgs .tsu-sdgs .visual-center{position:relative;z-index:2;text-align:center;padding:25px}
#page-sdgs .tsu-sdgs .visual-num{font-family:var(--serif);font-size:6.2rem;font-weight:800;color:#9bc8de;line-height:1}
#page-sdgs .tsu-sdgs .visual-center h3{font-family:var(--serif);color:var(--navy);font-size:1.55rem;margin:12px 0 4px;line-height:1.6}
#page-sdgs .tsu-sdgs .visual-center p{font-size:.8rem;font-weight:700;letter-spacing:.05em;color:#396781;margin:0}
#page-sdgs .tsu-sdgs .details-visual .goal-corner{position:absolute;bottom:22px;right:26px;display:flex;gap:6px}
#page-sdgs .tsu-sdgs .details-visual .goal-corner span{font-size:.7rem;font-weight:900;color:#1d5a83;background:#fff9;padding:5px 10px}
#page-sdgs .tsu-sdgs .visual-social{background:linear-gradient(150deg,#e8f6f7,#e5edf4)}
#page-sdgs .tsu-sdgs .visual-social .visual-num{color:#93cacc}
#page-sdgs .tsu-sdgs .visual-environment{background:linear-gradient(145deg,#faf2e8,#e4eff4)}
#page-sdgs .tsu-sdgs .visual-environment .visual-num{color:#d4b99e}
#page-sdgs .tsu-sdgs .visual-environment .label-over{color:#996e43}
#page-sdgs .tsu-sdgs .visual-environment .goal-corner span{color:#916943}
#page-sdgs .tsu-sdgs .swap .detail-side{order:2}
#page-sdgs .tsu-sdgs .swap .details-visual{order:1}
#page-sdgs .tsu-sdgs .progress{background:var(--navy);color:white;padding:107px 0 116px;position:relative;overflow:hidden}
#page-sdgs .tsu-sdgs .progress:after{content:"";position:absolute;right:-100px;bottom:-210px;width:460px;height:460px;border:1px solid #aadcf02a;border-radius:50%;box-shadow:0 0 0 90px #b4e3f008,0 0 0 175px #b4e3f007}
#page-sdgs .tsu-sdgs .progress .eyebrow{color:#86dff6}
#page-sdgs .tsu-sdgs .progress h2{font-family:var(--serif);font-size:clamp(1.9rem,2.9vw,2.9rem);line-height:1.5;margin:14px 0 15px}
#page-sdgs .tsu-sdgs .progress .lead{max-width:720px;color:#d5e6f0;margin:0 0 42px}
#page-sdgs .tsu-sdgs .progress-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#page-sdgs .tsu-sdgs .progress-card{padding:29px 26px;background:#ffffff0d;border:1px solid #a7dff42d;min-height:235px}
#page-sdgs .tsu-sdgs .progress-card .mini{font-weight:800;color:#89d5ed;font-size:.75rem;letter-spacing:.13em}
#page-sdgs .tsu-sdgs .progress-card h3{font-family:var(--serif);font-size:1.2rem;margin:12px 0 12px;color:#fff}
#page-sdgs .tsu-sdgs .progress-card p{font-size:.88rem;color:#e1eefa;line-height:1.9;margin:0}
#page-sdgs .tsu-sdgs .progress .footnote{font-size:.75rem;margin-top:22px;color:#b4d1e3}
#page-sdgs .tsu-sdgs .chain{padding:115px 0 112px}
#page-sdgs .tsu-sdgs .chain-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:9%;align-items:center}
#page-sdgs .tsu-sdgs .chain h2{font-family:var(--serif);font-size:clamp(1.9rem,2.8vw,2.8rem);line-height:1.55;margin:19px 0 18px}
#page-sdgs .tsu-sdgs .chain h2 em{font-style:normal;color:var(--blue)}
#page-sdgs .tsu-sdgs .chain p{color:#4a6478;line-height:2;margin:0}
#page-sdgs .tsu-sdgs .chain-steps{display:flex;align-items:stretch;gap:12px}
#page-sdgs .tsu-sdgs .chain-step{flex:1;min-height:174px;padding:25px 11px;background:#f1f7fb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;border-bottom:3px solid #c9dfed}
#page-sdgs .tsu-sdgs .chain-step strong{font-family:var(--serif);font-size:1.15rem;color:var(--navy)}
#page-sdgs .tsu-sdgs .chain-step span{color:#4c6d83;font-size:.74rem;line-height:1.5}
#page-sdgs .tsu-sdgs .chain-step.last{background:#fff1e0;border-bottom-color:var(--orange)}
#page-sdgs .tsu-sdgs .chain-step.last strong{color:#976112;font-size:1.08rem;white-space:nowrap}
#page-sdgs .tsu-sdgs .chain-arrow{align-self:center;font-size:1.3rem;color:#7bb2d0}
#page-sdgs .tsu-sdgs .disclosure{padding:67px 0;background:#f4f8fb;border-top:1px solid #e1ecf2}
#page-sdgs .tsu-sdgs .disclosure-wrap{display:grid;grid-template-columns:1fr 1.8fr;gap:60px}
#page-sdgs .tsu-sdgs .disclosure h2{font-family:var(--serif);font-size:1.52rem;margin:0}
#page-sdgs .tsu-sdgs .disclosure p{font-size:.85rem;color:#526778;line-height:1.95;margin:0 0 15px}
#page-sdgs .tsu-sdgs .disclosure a{text-decoration:underline;text-underline-offset:4px;color:#176b9e;font-weight:700}
#page-sdgs .tsu-sdgs .cta{background:#0a3359;color:#fff;text-align:center;padding:97px 20px 107px}
#page-sdgs .tsu-sdgs .cta .eyebrow{color:#71dbf6}
#page-sdgs .tsu-sdgs .cta h2{font-family:var(--serif);font-size:clamp(1.85rem,3.2vw,3rem);line-height:1.5;margin:17px 0}
#page-sdgs .tsu-sdgs .cta p{color:#d8e8f2;margin:0 auto 28px;max-width:660px}
#page-sdgs .tsu-sdgs .cta-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--orange);min-width:276px;padding:16px 21px;color:#132c45;font-weight:800;font-size:.88rem}
#page-sdgs .tsu-sdgs .cta-btn:hover{background:#ffca85}
@media (max-width:1120px){}
@media (max-width:860px){#page-sdgs .tsu-sdgs .wrap{width:calc(100% - 42px)}
#page-sdgs .tsu-sdgs .hero-grid{grid-template-columns:1fr;padding-block:75px 70px;min-height:auto}
#page-sdgs .tsu-sdgs .hero-slogan{position:absolute;right:-110px;top:50px;width:370px;opacity:.17;pointer-events:none}
#page-sdgs .tsu-sdgs .hero-slogan .symbol-center{display:none}
#page-sdgs .tsu-sdgs .hero h1{position:relative;z-index:2}
#page-sdgs .tsu-sdgs .hero-lead{position:relative;z-index:2}
#page-sdgs .tsu-sdgs .hero:before{width:100%;opacity:.12}
#page-sdgs .tsu-sdgs .hero:after{left:70%;opacity:.6}
#page-sdgs .tsu-sdgs .hero-number{right:23px;bottom:17px}
#page-sdgs .tsu-sdgs .intro-grid, #page-sdgs .tsu-sdgs .detail-grid, #page-sdgs .tsu-sdgs .chain-grid, #page-sdgs .tsu-sdgs .disclosure-wrap{grid-template-columns:1fr;gap:30px}
#page-sdgs .tsu-sdgs .intro-body{margin-left:5px}
#page-sdgs .tsu-sdgs .pillar-grid, #page-sdgs .tsu-sdgs .progress-grid{grid-template-columns:1fr 1fr}
#page-sdgs .tsu-sdgs .pillar-card:nth-child(3){grid-column:1/-1;min-height:250px}
#page-sdgs .tsu-sdgs .swap .detail-side, #page-sdgs .tsu-sdgs .swap .details-visual{order:initial}
#page-sdgs .tsu-sdgs .detail-grid .detail-side{order:1}
#page-sdgs .tsu-sdgs .detail-grid .details-visual{order:2}
#page-sdgs .tsu-sdgs .details-visual{min-height:305px}
#page-sdgs .tsu-sdgs .chain-steps{max-width:690px}
#page-sdgs .tsu-sdgs .disclosure-wrap{gap:10px}}
@media (max-width:600px){#page-sdgs .tsu-sdgs{font-size:15px}
#page-sdgs .tsu-sdgs .wrap{width:calc(100% - 36px)}
#page-sdgs .tsu-sdgs .hero-grid{padding-block:72px 87px;gap:0}
#page-sdgs .tsu-sdgs .hero{min-height:0}
#page-sdgs .tsu-sdgs .hero h1{font-size:clamp(2.05rem,8.8vw,2.65rem);line-height:1.55;margin:23px 0 17px}
#page-sdgs .tsu-sdgs .hero h1 .small-line{font-size:.5em;line-height:1.55;margin-top:8px}
#page-sdgs .tsu-sdgs .hero-lead{font-size:.93rem;line-height:2;margin-bottom:26px}
#page-sdgs .tsu-sdgs .hero .button{font-size:.78rem;padding:14px 18px}
#page-sdgs .tsu-sdgs .hero-number{font-size:9px}
#page-sdgs .tsu-sdgs .intro, #page-sdgs .tsu-sdgs .pillars, #page-sdgs .tsu-sdgs .detail-section, #page-sdgs .tsu-sdgs .progress, #page-sdgs .tsu-sdgs .chain{padding-block:74px}
#page-sdgs .tsu-sdgs .intro h2{font-size:1.83rem}
#page-sdgs .tsu-sdgs .intro-body{border-left:2px solid #bfd7e6;padding-left:20px}
#page-sdgs .tsu-sdgs .section-heading{text-align:left;margin-bottom:26px}
#page-sdgs .tsu-sdgs .section-heading h2{font-size:1.89rem}
#page-sdgs .tsu-sdgs .section-heading p{margin:0;font-size:.9rem}
#page-sdgs .tsu-sdgs .pillar-grid, #page-sdgs .tsu-sdgs .progress-grid{grid-template-columns:1fr;gap:14px}
#page-sdgs .tsu-sdgs .pillar-card{min-height:0;padding:26px 25px}
#page-sdgs .tsu-sdgs .pillar-card:nth-child(3){grid-column:auto}
#page-sdgs .tsu-sdgs .pillar-card h3{margin-top:12px}
#page-sdgs .tsu-sdgs .goal-row{padding-top:18px}
#page-sdgs .tsu-sdgs .pillar-footer{text-align:left}
#page-sdgs .tsu-sdgs .detail-side h2{font-size:1.83rem}
#page-sdgs .tsu-sdgs .detail-side p{font-size:.91rem}
#page-sdgs .tsu-sdgs .activity-list{grid-template-columns:1fr;gap:8px}
#page-sdgs .tsu-sdgs .activity{padding:12px 15px}
#page-sdgs .tsu-sdgs .details-visual{min-height:275px}
#page-sdgs .tsu-sdgs .visual-num{font-size:5rem}
#page-sdgs .tsu-sdgs .visual-center h3{font-size:1.33rem}
#page-sdgs .tsu-sdgs .progress h2{font-size:1.82rem}
#page-sdgs .tsu-sdgs .progress-card{min-height:0;padding:24px}
#page-sdgs .tsu-sdgs .chain h2{font-size:1.83rem}
#page-sdgs .tsu-sdgs .chain-steps{flex-direction:column;gap:6px}
#page-sdgs .tsu-sdgs .chain-step{min-height:100px;padding:14px}
#page-sdgs .tsu-sdgs .chain-arrow{transform:rotate(90deg)}
#page-sdgs .tsu-sdgs .disclosure{padding:54px 0}
#page-sdgs .tsu-sdgs .cta{padding:78px 18px 87px}
#page-sdgs .tsu-sdgs .cta h2{font-size:1.8rem}
#page-sdgs .tsu-sdgs .cta-btn{min-width:260px}}
@media(prefers-reduced-motion:reduce){}

#page-sdgs .tsu-sdgs{display:block;min-width:0;--navy:#071f39;--navy2:#0a3459;--blue:#0477bb;--cyan:#35c7e9;--orange:#f5a941;--ink:#0b2a43;--muted:#526778;--paper:#f4f8fb;--line:#dce8ee;--serif:'Noto Serif CJK JP','Noto Serif JP','Yu Mincho',YuMincho,serif;--sans:'Noto Sans CJK JP','Noto Sans JP','Yu Gothic',Meiryo,sans-serif;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
#page-sdgs .tsu-sdgs :is(a,button):focus-visible,#page-home .v28-home-sdgs a:focus-visible{outline:3px solid #f5a941;outline-offset:3px}
#page-sdgs .tsu-sdgs h1,#page-sdgs .tsu-sdgs h2,#page-sdgs .tsu-sdgs h3{overflow-wrap:anywhere}
#page-sdgs .tsu-sdgs .hero{display:block!important;min-height:0}
#page-sdgs .tsu-sdgs .wrap{max-width:1180px;width:calc(100% - 64px);margin-inline:auto}
#page-home .v28-home-sdgs,#page-office .v28-office-sdgs,#page-sitemap .v28-sitemap-sdgs{padding:48px clamp(25px,7vw,110px);background:#f1f7fb;color:#0b2c47;border-top:1px solid #d5e5ed}
#page-home .v28-home-sdgs h2,#page-office .v28-office-sdgs h2,#page-sitemap .v28-sitemap-sdgs h2{font-size:clamp(22px,2.5vw,31px);line-height:1.55;color:#082c4d;margin:8px 0 14px}
#page-home .v28-home-sdgs p,#page-office .v28-office-sdgs p,#page-sitemap .v28-sitemap-sdgs p{max-width:800px;line-height:1.85;margin:0 0 18px}
#page-home .v28-home-sdgs a,#page-office .v28-office-sdgs a,#page-sitemap .v28-sitemap-sdgs a{display:inline-block;padding:12px 22px;background:#075f9a;color:#fff;font-weight:800;text-decoration:none}
#page-home .v28-home-sdgs a:hover,#page-office .v28-office-sdgs a:hover,#page-sitemap .v28-sitemap-sdgs a:hover{background:#063857}
@media(max-width:600px){#page-sdgs .tsu-sdgs .wrap{width:calc(100% - 34px)}#page-home .v28-home-sdgs,#page-office .v28-office-sdgs,#page-sitemap .v28-sitemap-sdgs{padding:38px 22px}}


/* New design finishing, preserves previously approved page compositions. */
.site-footer .v2316-footer-address{display:block;max-width:90%;margin:14px auto 20px;font-style:normal;font-size:13px;line-height:1.85;letter-spacing:.015em;color:#f4f8fc!important;text-align:center;overflow-wrap:anywhere}
.v2316-film{background:#f0f6fa;color:#07283f;padding:clamp(46px,6vw,90px) 6%;border-top:1px solid #d3e5ee}
.v2316-film-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);max-width:1230px;gap:clamp(20px,4.2vw,58px);align-items:center;margin:auto}
.v2316-film-copy{min-width:0}
.v2316-film-micro{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#006fae;margin-bottom:16px}
.v2316-film h2,.v2316-download-film h2{font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;color:#062a46;font-size:clamp(25px,2.6vw,40px);font-weight:900;line-height:1.4;margin:0 0 18px;letter-spacing:-.025em}
.v2316-film h2 em{font-style:normal;color:#087ab5}
.v2316-film p,.v2316-download-film p{font-size:15px;line-height:1.9;color:#355971;margin:0 0 16px}
.v2316-film .v2316-film-note{font-size:12px;color:#668095}
.v2316-brand-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:500px;background:#082c46;border-radius:6px;box-shadow:0 15px 40px rgba(3,40,69,.15)}
.v2316-download-film{padding:45px 6%;border-block:1px solid #dbeaf1;background:#f5f9fc}
.v2316-download-film>a{display:inline-block;background:#073d61;color:#fff!important;text-decoration:none;font-weight:800;font-size:15px;padding:14px 26px;border-radius:3px;margin-top:8px}
.v2316-download-film>a:hover{background:#006fae}
.v2316-captcha-preview{position:fixed;z-index:100000;bottom:12px;right:0;border:1px solid #b3c8d2;border-right:0;background:#fff;box-shadow:0 3px 12px #021d321f;padding:9px 12px;color:#315269;font:700 10px/1.5 'Yu Gothic',sans-serif;max-width:130px;text-align:center;opacity:.88;pointer-events:none}
.v2316-captcha-preview small{display:block;font-weight:500;font-size:9px}
@media(max-width:760px){.v2316-film-inner{grid-template-columns:1fr}.v2316-film{padding:36px 20px}.v2316-film h2{font-size:27px}.v2316-download-film{padding:36px 22px}.v2316-brand-video{border-radius:3px}.v2316-captcha-preview{font-size:9px;padding:6px 7px;opacity:.8}}
@container(max-width:760px){.v2316-film-inner{grid-template-columns:1fr}.v2316-film{padding:36px 20px}.v2316-film h2{font-size:27px}.v2316-download-film{padding:36px 22px}.v2316-brand-video{border-radius:3px}}


/* Scoped to the existing SDGs page only: do not change any of the other 27 pages. */
#page-sdgs .tsu-sdgs .sdgs-metrics-eyebrow{font-size:13px;font-weight:800;letter-spacing:.11em;color:#99dbf4;margin:32px 0 18px}
#page-sdgs .tsu-sdgs .progress-grid{align-items:stretch}
#page-sdgs .tsu-sdgs .progress-card{display:flex;flex-direction:column;min-width:0}
#page-sdgs .tsu-sdgs .kpi-stat{margin-top:auto;padding-top:22px;border-top:1px solid rgba(49,88,112,.24)}
#page-sdgs .tsu-sdgs .kpi-period{font-size:12px;font-weight:800;color:#b6deee;letter-spacing:.03em}
#page-sdgs .tsu-sdgs .kpi-prefix{display:block;margin:12px 0 0;color:#b9dce9;font-size:13px;font-weight:800}
#page-sdgs .tsu-sdgs .kpi-big{display:flex;align-items:baseline;gap:7px;margin:10px 0 4px;color:#073858;line-height:1.05;flex-wrap:wrap}
#page-sdgs .tsu-sdgs .kpi-big strong{font-size:clamp(48px,5vw,74px);font-weight:850;letter-spacing:-.06em;line-height:1.1;color:#8de0ff}
#page-sdgs .tsu-sdgs .kpi-big span{font-weight:800;font-size:clamp(14px,1.35vw,18px);color:#edf7fc}
#page-sdgs .tsu-sdgs .kpi-description{margin:8px 0 10px;font-size:13px;font-weight:600;color:#e7f3fa;line-height:1.75}
#page-sdgs .tsu-sdgs .kpi-method{font-size:12px;color:#d3e3ed;line-height:1.75;margin:0 0 11px}
#page-sdgs .tsu-sdgs .kpi-status{font-size:12px;color:#3c5568;background:#edf4f7;border-left:3px solid #8dabbc;padding:7px 10px;line-height:1.6;font-weight:700}
#page-sdgs .tsu-sdgs .kpi-disclaimer{margin-top:21px;font-size:13px;color:#d1e4f0;line-height:1.9;max-width:1050px;border-top:1px solid #d6e4ec;padding-top:17px}
#page-sdgs .tsu-sdgs .kpi-disclaimer strong{color:#eff9ff}
#page-sdgs .tsu-sdgs .sdgs-activity-note{margin:15px 0 0;padding:14px 18px;background:#f2f7fa;border-left:3px solid #0c74a8;color:#284f65;font-size:13px;line-height:1.85}
#page-sdgs .tsu-sdgs .sdgs-activity-note b{color:#0b3754}
@media(max-width:760px){#page-sdgs .tsu-sdgs .kpi-big strong{font-size:54px}#page-sdgs .tsu-sdgs .sdgs-metrics-eyebrow{margin-top:24px}}


#page-downloads .v2318-brochure {background:linear-gradient(155deg,#f2f7fa 0%,#fff 75%);padding:clamp(36px,5vw,78px) clamp(20px,5vw,76px);border-block:1px solid #d9e7ee;position:relative;overflow:hidden;}
#page-downloads .v2318-brochure::after{content:"PROFILE";pointer-events:none;position:absolute;bottom:-35px;right:-8px;line-height:1;font-weight:900;letter-spacing:-.08em;font-size:clamp(80px,15vw,190px);color:rgba(16,88,126,.055);}
#page-downloads .v2318-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(26px,5vw,72px);position:relative;z-index:1;}
#page-downloads .v2318-cover{margin:0;justify-self:center;max-width:315px;width:100%;transform:rotate(-2deg);filter:drop-shadow(14px 18px 20px rgba(7,37,58,.19));}
#page-downloads .v2318-cover img{width:100%;height:auto;display:block;border:1px solid #dbe5eb;}
#page-downloads .v2318-label{font-size:12px!important;color:#14759a;font-weight:850;letter-spacing:.15em;line-height:1.6;}
#page-downloads .v2318-title{font-size:clamp(27px,3.1vw,43px)!important;line-height:1.44!important;color:#082e4d!important;font-weight:850!important;letter-spacing:-.042em!important;margin:14px 0 15px!important;}
#page-downloads .v2318-lead{font-size:15px!important;line-height:2!important;color:#405b6f!important;max-width:660px!important;margin:0 0 23px!important;}
#page-downloads .v2318-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;}
#page-downloads .v2318-meta span{background:#fff;border:1px solid #cddfe8;border-radius:999px;padding:6px 12px;color:#275775;font-size:12px;font-weight:700;}
#page-downloads .v2318-actions{display:flex;flex-wrap:wrap;gap:12px;}
#page-downloads .v2318-action{min-height:52px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-size:14px;font-weight:800;line-height:1.45;text-decoration:none!important;border-radius:3px;transition:background .18s ease,transform .18s ease;border:1px solid #0b4264;box-shadow:none;}
#page-downloads .v2318-action:hover{transform:translateY(-2px)}
#page-downloads .v2318-action.main{background:#0b4264;color:#fff!important;}
#page-downloads .v2318-action.main:hover{background:#0a6185;}
#page-downloads .v2318-action.sub{background:white;color:#0b4264!important;}
#page-downloads .v2318-tip{font-size:12px!important;line-height:1.9!important;color:#557081!important;margin:15px 0 0!important;}
.v2318-modal{position:fixed;margin:auto;box-sizing:border-box;width:min(1300px,96vw);height:min(920px,94dvh);max-width:none;max-height:none;padding:0;border:1px solid #cadce6;border-radius:8px;box-shadow:0 35px 120px rgba(0,15,32,.42);background:#fff;color:#08324f;overflow:hidden;}
.v2318-modal::backdrop{background:rgba(2,25,42,.76);}
.v2318-modal-head{height:58px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px 9px 22px;background:#0b344f;color:#fff;}
.v2318-modal-head strong{font-size:14px;font-weight:850;}
.v2318-modal-close{border:1px solid #a5bcc9;background:transparent;color:white;padding:9px 13px;font-size:13px;cursor:pointer;border-radius:3px;}
.v2318-modal-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.v2318-modal-close{flex:0 0 auto;white-space:nowrap;}
.v2318-modal iframe{display:block;width:100%;height:calc(100% - 58px);border:0;background:#f6f9fc;}
@container (max-width:760px){
 #page-downloads .v2318-brochure{padding:30px 17px 37px;}
 #page-downloads .v2318-inner{grid-template-columns:1fr;gap:24px;text-align:left;}
 #page-downloads .v2318-cover{width:min(45%,170px);justify-self:start;transform:rotate(-2deg);}
 #page-downloads .v2318-title{font-size:clamp(25px,7cqw,34px)!important;line-height:1.47!important;}
 #page-downloads .v2318-lead{font-size:14px!important;}
 #page-downloads .v2318-actions{flex-direction:column;}
 #page-downloads .v2318-action{width:100%;}
}
@media(max-width:680px){
 #page-downloads .v2318-brochure{padding:30px 17px 37px;}
 #page-downloads .v2318-inner{grid-template-columns:1fr;gap:24px;}
 #page-downloads .v2318-cover{width:min(45%,170px);justify-self:start;}
 #page-downloads .v2318-actions{flex-direction:column;}
 #page-downloads .v2318-action{width:100%;}
 .v2318-modal{width:100vw;height:100dvh;border-radius:0;}
}
@media(prefers-reduced-motion:reduce){#page-downloads .v2318-action{transition:none;}}


.v2320-footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:12px 0 18px;font-size:13px;line-height:1.65}
.v2320-footer-contact a{color:#d9edf7;text-decoration:none;border-bottom:1px solid rgba(205,235,250,.42);padding-bottom:2px}
.v2320-footer-contact a:hover,.v2320-footer-contact a:focus-visible{color:#fff;border-color:#f6aa42}
.v2320-inline-link{color:#087db1;font-weight:700;text-decoration:underline;text-underline-offset:.18em}
#page-sdgs .v2320-registration-note{font-size:12px;line-height:1.8;margin-top:14px;color:#536574}
@media(max-width:600px){.v2320-footer-contact{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}}


/* Ver.23.21 — AIO local specialist LP (separate from SEO LP) */
.site-head .nav{gap:clamp(9px,1.35vw,20px)}
.aio-lp{--aio-navy:#092940;--aio-blue:#0a78aa;--aio-sky:#e7f5fa;--aio-ink:#153b56}
.aio-lp .aio-wrap{max-width:1140px;margin:auto}
.aio-lp .aio-section{padding:clamp(68px,7vw,114px) max(6%,calc((100% - 1140px)/2));}
.aio-lp .aio-eyebrow{display:block;color:#0877a8;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.2em;margin-bottom:25px}
.aio-lp h2{color:var(--aio-navy);font-size:clamp(30px,3.3vw,49px);font-weight:850;line-height:1.45;letter-spacing:-.055em;margin:0 0 26px}
.aio-lp h2 em{font-style:normal;color:var(--aio-blue)}
.aio-lp h3{color:var(--aio-navy)}
.aio-lp .aio-section p{color:#506a79;font-size:15px;line-height:2.05;margin:0 0 16px}
.aio-lp .aio-hero h1 em{color:#007eaf;font-style:normal;font-size:.90em}
.aio-lp .aio-hero .lead{max-width:560px}
.aio-lp .aio-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:33px}
.aio-lp .aio-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:800;text-decoration:none;padding:16px 20px;border-radius:3px;min-height:50px;transition:transform .2s ease,box-shadow .2s ease}
.aio-lp .aio-btn:focus-visible,.aio-lp a:focus-visible,.aio-lp summary:focus-visible{outline:3px solid #e9a643;outline-offset:3px}
.aio-lp .aio-btn:hover{transform:translateY(-2px)}
.aio-lp .aio-btn-main{background:#0c658e;color:white}
.aio-lp .aio-btn-link{background:#ebf3f7;color:#0b557b}
.aio-lp .aio-visual{overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 40%,#146f9e 0%,#082943 68%,#071d33 100%)}
.aio-lp .aio-visual:after{content:'';position:absolute;inset:17%;border:1px solid rgba(139,209,233,.14);border-radius:50%;pointer-events:none}
.aio-lp .aio-visual-ring{display:block;position:absolute;border:1px solid rgba(129,218,239,.28);border-radius:50%;aspect-ratio:1/1}
.aio-lp .aio-ring-one{width:73%;transform:rotate(-20deg) scaleY(.72)}
.aio-lp .aio-ring-two{width:92%;transform:rotate(38deg) scaleY(.76)}
.aio-lp .aio-visual-center{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;color:white}
.aio-lp .aio-visual-center small{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#9dd8e9}
.aio-lp .aio-visual-center strong{font:800 clamp(108px,14vw,210px)/1 Arial,sans-serif;letter-spacing:-.085em;color:#fff;text-shadow:0 25px 55px #061f35aa}
.aio-lp .aio-visual-center span{color:#cbe5ed;font-size:12px;letter-spacing:.1em}
.aio-lp .aio-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(38px,8vw,115px);align-items:start}
.aio-lp .aio-values{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.aio-lp .aio-values span{font-size:11px;letter-spacing:.03em;border:1px solid #c5e1ea;padding:8px 11px;border-radius:2px;color:#145a7b;font-weight:700}
.aio-lp .aio-compare{background:#eef6fa}
.aio-lp .aio-heading{max-width:820px;margin-bottom:36px}
.aio-lp .aio-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.aio-lp .aio-compare-card{min-height:340px;padding:clamp(27px,3vw,45px);background:#fff;border:1px solid #d1e5ec;display:flex;flex-direction:column}
.aio-lp .aio-compare-card.aio-featured{background:#0a344f;border-color:#0a344f}
.aio-lp .aio-card-no{font:800 11px Arial,sans-serif;letter-spacing:.2em;color:#2e8bb3;margin-bottom:25px}
.aio-lp .aio-featured .aio-card-no{color:#9bd7e8}
.aio-lp .aio-compare-card h3{font-size:clamp(22px,2.5vw,33px);line-height:1.45;letter-spacing:-.04em;margin:0 0 17px}
.aio-lp .aio-compare-card p{flex:1}
.aio-lp .aio-compare-card a{font-weight:800;color:#067ead;text-decoration:none;font-size:13px}
.aio-lp .aio-featured h3,.aio-lp .aio-featured p{color:white}
.aio-lp .aio-card-tag{align-self:flex-start;border:1px solid #76b9d0;color:#cbecf3;padding:8px 13px;font-size:12px;font-weight:700}
.aio-lp .aio-method{background:#fff}
.aio-lp .aio-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aio-lp .aio-steps article{position:relative;min-height:305px;border:1px solid #d5e7ee;padding:31px 23px 22px;background:linear-gradient(160deg,#fff,#f6fafc)}
.aio-lp .aio-step-id{font:800 53px/1 Georgia,serif;color:#c6deea;display:block;margin-bottom:25px}
.aio-lp .aio-steps h3{font-size:20px;letter-spacing:-.045em;margin:0 0 15px}
.aio-lp .aio-steps article p{font-size:13px;line-height:1.85}
.aio-lp .aio-steps small{position:absolute;bottom:19px;left:23px;font:800 10px Arial,sans-serif;letter-spacing:.13em;color:#87aec1}
.aio-lp .aio-support{background:linear-gradient(125deg,#f2f8fa,#e8f2f5)}
.aio-lp .aio-support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px)}
.aio-lp .aio-support .aio-btn{margin-top:22px}
.aio-lp .aio-scope-card{padding:clamp(26px,3.7vw,49px);background:white;box-shadow:0 21px 54px #18395710}
.aio-lp .aio-scope-card h3{font-size:22px;margin:0 0 18px}
.aio-lp .aio-scope-card ul{padding-left:22px;margin:0 0 26px;color:#344f61;font-size:14px;line-height:2.3}
.aio-lp .aio-note{border-left:4px solid #e2a657;background:#faf5ed;padding:18px 20px}
.aio-lp .aio-note strong{color:#835b24;font-size:13px}
.aio-lp .aio-note p{font-size:13px;line-height:1.85;margin:5px 0 0}
.aio-lp .aio-pricing{background:#fff}
.aio-lp .aio-pricing-content{padding:clamp(28px,5vw,70px);border:1px solid #cbdfea;background:#fff}
.aio-lp .aio-pricing h2{margin-bottom:32px}
.aio-lp .aio-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aio-lp .aio-pricing-grid>div{border-top:3px solid #1b789e;padding-top:23px}
.aio-lp .aio-pricing-grid span{display:block;color:#45748b;font-size:12px;font-weight:800;margin-bottom:10px}
.aio-lp .aio-pricing-grid strong{font-size:clamp(19px,2.2vw,28px);color:#0c3851;line-height:1.45}
.aio-lp .aio-pricing-grid p{margin-top:13px;font-size:13px}
.aio-lp .aio-price-links{display:flex;gap:23px;flex-wrap:wrap;margin-top:25px}
.aio-lp .aio-price-links a{color:#0e78a4;font-weight:800;font-size:13px;text-decoration:none}
.aio-lp .aio-area{background:#0b304b}
.aio-lp .aio-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.aio-lp .aio-area h2{color:white}
.aio-lp .aio-area .aio-eyebrow{color:#8fcedf}
.aio-lp .aio-area p{color:#d6e6ee}
.aio-lp .aio-faq{background:#f7fafc}
.aio-lp .aio-faq-list{border-top:1px solid #d4e3eb}
.aio-lp .aio-faq details{border-bottom:1px solid #d4e3eb;background:transparent}
.aio-lp .aio-faq summary{cursor:pointer;list-style:none;font-weight:800;font-size:16px;color:#0f3b58;padding:23px 38px 23px 0;position:relative}
.aio-lp .aio-faq summary::-webkit-details-marker{display:none}
.aio-lp .aio-faq summary:after{content:'＋';position:absolute;right:5px;top:17px;color:#1678a0;font-size:26px;font-weight:300}
.aio-lp .aio-faq details[open] summary:after{content:'−'}
.aio-lp .aio-faq details p{max-width:850px;margin:0;padding:0 0 25px;font-size:14px}
.aio-lp .aio-closing{background:linear-gradient(130deg,#123e60,#08243d);color:white}
.aio-lp .aio-closing-main{max-width:900px;text-align:center;margin:auto}
.aio-lp .aio-closing-main>span{color:#87c8df;font:800 11px Arial,sans-serif;letter-spacing:.18em}
.aio-lp .aio-closing h2{color:white;margin:25px 0 12px}
.aio-lp .aio-closing p{color:#d4e8ef}
.aio-lp .aio-closing-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:35px}
.aio-lp .aio-closing-cta a{color:#fff;font-size:13px;font-weight:800;border:1px solid #7faabd;padding:16px 26px;text-decoration:none;min-width:180px}
.aio-lp .aio-closing-cta a:first-child{background:#0a92bd;border-color:#0a92bd}
.aio-inline-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(6%,calc((100% - 1120px)/2));background:#e9f4f9;border-bottom:1px solid #c2e1eb}
.aio-inline-guide span{font-size:10px;letter-spacing:.16em;color:#067aa9;font-weight:800;display:block;margin-bottom:7px}
.aio-inline-guide strong{font-size:17px;color:#0b3e5b;display:block}
.aio-inline-guide p{font-size:13px;color:#547083;margin:6px 0 0}
.aio-inline-guide a{background:#0b6f9c;color:white;text-decoration:none;padding:14px 20px;white-space:nowrap;font-size:13px;font-weight:800}
@media(max-width:1020px){.aio-lp .aio-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.aio-lp .aio-steps article{min-height:250px}}
@media(max-width:760px){.aio-lp .aio-section{padding:58px 22px 65px}.aio-lp .aio-intro-grid,.aio-lp .aio-support-grid,.aio-lp .aio-area-grid,.aio-lp .aio-two-grid,.aio-lp .aio-pricing-grid{grid-template-columns:1fr;gap:22px}.aio-lp .aio-method .aio-steps{grid-template-columns:1fr 1fr;gap:9px}.aio-lp .aio-steps article{padding:20px 16px 30px;min-height:270px}.aio-lp .aio-step-id{font-size:43px;margin-bottom:17px}.aio-lp .aio-steps h3{font-size:16px}.aio-lp .aio-steps article p{font-size:12px}.aio-lp .aio-steps small{left:16px}.aio-lp .aio-hero .hero-visual{min-height:270px}.aio-lp .aio-visual-center strong{font-size:110px}.aio-lp .aio-compare-card{min-height:260px}.aio-lp .aio-area h2{font-size:30px}.aio-lp .aio-pricing-content{padding:26px 22px}.aio-inline-guide{flex-direction:column;align-items:flex-start;padding:24px 22px}.aio-inline-guide a{width:100%;text-align:center}.aio-lp .aio-hero h1{font-size:clamp(30px,8vw,46px)}.aio-lp .aio-hero .aio-hero-actions{gap:8px}.aio-lp .aio-hero .aio-btn{font-size:12px;min-width:unset}}
@media(max-width:375px){.aio-lp .aio-method .aio-steps{grid-template-columns:1fr}.aio-lp .aio-steps article{min-height:205px}.aio-lp .aio-hero-actions{flex-direction:column;align-items:stretch}.aio-lp .aio-hero .aio-btn{width:100%}}


/* TSUNAGITE 2026-11-06 — v14 web-optimized hero; scoped to HOME only. */
#page-home .tsu-video-hero{
  position:relative!important; isolation:isolate; overflow:hidden!important;
  background:#092843 url('assets/tsunagite-hero-desktop.webp') center center / cover no-repeat!important;
}
#page-home .tsu-video-hero .tsu-hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center center;z-index:0;pointer-events:none;
}
/* Keep the established editorial composition; remove the old artwork over the film. */
#page-home .tsu-video-hero .hero-copy{
  position:relative!important;z-index:2!important;
  background:linear-gradient(90deg,rgba(5,27,48,.99) 0%,rgba(6,31,55,.96) 68%,rgba(7,35,58,.79) 100%)!important;
  color:#fff!important;
}
#page-home .tsu-video-hero .hero-copy h1{color:#fff!important;}
#page-home .tsu-video-hero .hero-copy h1 em{color:#ff9a20!important;}
#page-home .tsu-video-hero .hero-copy .lead,
#page-home .tsu-video-hero .hero-copy .local-seo-short{color:#f4f9ff!important;}
#page-home .tsu-video-hero .hero-copy .micro{color:#a4dff0!important;}
#page-home .tsu-video-hero .hero-visual{
  position:relative!important;z-index:1!important;
  background:linear-gradient(90deg,rgba(5,27,48,.15),transparent 60%)!important;
}
#page-home .tsu-video-hero .hero-visual .art-word,
#page-home .tsu-video-hero .hero-visual .art-bars,
#page-home .tsu-video-hero .hero-visual .hero-label-vertical{display:none!important;}
@media(max-width:760px){
 #page-home .tsu-video-hero{
   display:block!important;grid-template-columns:minmax(0,1fr)!important;
   background-image:url('assets/tsunagite-hero-mobile.webp')!important;
   min-height:640px!important;
 }
 #page-home .tsu-video-hero .tsu-hero-video{object-position:center top!important;}
 #page-home .tsu-video-hero .hero-copy{
   position:relative!important;z-index:2!important;
   display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   min-height:640px!important;height:auto!important;
   padding:150px 25px 38px!important;
   background:linear-gradient(180deg,
    rgba(5,25,45,.12) 0%,rgba(5,25,45,.28) 16%,rgba(5,25,45,.86) 30%,
    rgba(5,25,45,.98) 48%,rgba(5,25,45,.99) 100%)!important;
 }
 #page-home .tsu-video-hero .hero-copy h1{font-size:clamp(30px,9vw,43px)!important;line-height:1.13!important;}
 #page-home .tsu-video-hero .hero-visual{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
 #page-home .tsu-video-hero .tsu-hero-video{display:none!important;}
}

/* Production URL preview, one article per HTML. */
.page{display:block}.view-shell{padding:0}.review-toolbar,.v20-preview-banner,.v2316-captcha-preview{display:none!important}


/* VER.23.24 confirmed base / SDGs SP visual-only change. */

/* Ver.23.25: SDGs mobile-only visual repair. PC and other 28 pages unchanged. */
#page-sdgs .tsu-sdgs .sdgs-mobile-break{display:none}
@media (max-width: 600px){
  #page-sdgs .tsu-sdgs{font-size:15px;line-height:1.85}
  #page-sdgs .tsu-sdgs .wrap{width:calc(100% - 36px);margin-inline:auto;min-width:0}
  #page-sdgs .tsu-sdgs .intro,
  #page-sdgs .tsu-sdgs .pillars,
  #page-sdgs .tsu-sdgs .detail-section,
  #page-sdgs .tsu-sdgs .progress,
  #page-sdgs .tsu-sdgs .chain{padding-block:57px}
  #page-sdgs .tsu-sdgs .hero-grid{padding-block:68px 69px}
  #page-sdgs .tsu-sdgs .hero h1{font-size:clamp(31px,8.2vw,38px);line-height:1.47;letter-spacing:-.035em}
  #page-sdgs .tsu-sdgs .hero-lead{font-size:14.5px;line-height:1.85}
  #page-sdgs .tsu-sdgs .section-heading h2{font-size:clamp(25px,6.8vw,29px);line-height:1.48;letter-spacing:-.045em;word-break:normal;overflow-wrap:normal}
  #page-sdgs .tsu-sdgs .sdgs-mobile-break{display:block}
  #page-sdgs .tsu-sdgs .section-heading p{font-size:14px;line-height:1.85}
  #page-sdgs .tsu-sdgs .pillar-card{padding:23px 21px}
  #page-sdgs .tsu-sdgs .pillar-card h3{font-size:22px;line-height:1.48;letter-spacing:-.02em}
  #page-sdgs .tsu-sdgs .pillar-card p{font-size:14px;line-height:1.85}
  #page-sdgs .tsu-sdgs .detail-side h2{font-size:clamp(26px,7vw,30px);line-height:1.5;letter-spacing:-.035em}
  #page-sdgs .tsu-sdgs .detail-side p{font-size:14px;line-height:1.95}
  #page-sdgs .tsu-sdgs .sdgs-activity-note{font-size:13px;line-height:1.8;padding:13px 14px}
  #page-sdgs .tsu-sdgs .details-visual{min-height:265px;overflow:hidden}
  #page-sdgs .tsu-sdgs .details-visual .visual-center{padding-bottom:31px}
  #page-sdgs .tsu-sdgs .details-visual .goal-corner{bottom:13px;right:14px;gap:4px}
  #page-sdgs .tsu-sdgs .details-visual .goal-corner span{font-size:11px;padding:5px 7px;background:#ffffffd6}
  #page-sdgs .tsu-sdgs .progress h2{font-size:clamp(26px,7vw,30px);line-height:1.45}
  #page-sdgs .tsu-sdgs .progress .lead{font-size:14px;line-height:1.9;margin-bottom:26px}
  #page-sdgs .tsu-sdgs .sdgs-metrics-eyebrow{font-size:13px;line-height:1.55;margin:26px 0 18px;letter-spacing:.09em}
  #page-sdgs .tsu-sdgs .progress-grid{gap:16px}
  #page-sdgs .tsu-sdgs .progress-card{padding:24px 22px 23px;border-color:#91cce244;background:#ffffff0d;min-height:0}
  #page-sdgs .tsu-sdgs .progress-card .mini{font-size:12.5px;letter-spacing:.09em}
  #page-sdgs .tsu-sdgs .progress-card h3{font-size:21px;line-height:1.5;margin:9px 0 10px}
  #page-sdgs .tsu-sdgs .progress-card p{font-size:14px;line-height:1.85}
  #page-sdgs .tsu-sdgs .kpi-stat{margin-top:19px;padding-top:17px;border-top-color:#bddce84f}
  #page-sdgs .tsu-sdgs .kpi-period{font-size:13px;line-height:1.65;color:#c2e5f5}
  #page-sdgs .tsu-sdgs .kpi-prefix{font-size:14px;margin-top:9px;color:#d1edf7}
  #page-sdgs .tsu-sdgs .kpi-big{gap:10px;margin-top:6px;margin-bottom:8px;flex-wrap:wrap;align-items:baseline}
  #page-sdgs .tsu-sdgs .kpi-big strong{font-size:clamp(58px,16vw,68px);line-height:1.05;color:#8de0ff}
  #page-sdgs .tsu-sdgs .kpi-big span{font-size:16px;line-height:1.4;color:#fff}
  #page-sdgs .tsu-sdgs .kpi-description{font-size:14px;line-height:1.8;color:#edf7fb;margin:0 0 9px;font-weight:700}
  #page-sdgs .tsu-sdgs .kpi-method{font-size:13.5px;line-height:1.8;color:#dbeaf3;margin-bottom:12px}
  #page-sdgs .tsu-sdgs .kpi-status{margin-top:7px;padding:11px 13px;font-size:13px;line-height:1.8;color:#23485e;background:#eff8fc;border-left:4px solid #68c6ed;font-weight:650;overflow-wrap:anywhere}
  #page-sdgs .tsu-sdgs .kpi-disclaimer{font-size:13px;line-height:1.9;margin-top:26px;padding-top:16px;border-top-color:#96b9c566}
  #page-sdgs .tsu-sdgs .chain-step{min-height:90px}
  #page-sdgs .tsu-sdgs .cta{padding:63px 18px 73px}
  /* The verification badge in this preview is a dummy, not the real reCAPTCHA. On mobile SDGs it hides important text. */
  body:has(#page-sdgs.active) .v2316-captcha-preview{display:none!important}
}
@media (max-width: 340px){
 #page-sdgs .tsu-sdgs .wrap{width:calc(100% - 30px)}
 #page-sdgs .tsu-sdgs .progress-card{padding-inline:17px}
 #page-sdgs .tsu-sdgs .hero h1{font-size:30px}
 #page-sdgs .tsu-sdgs .section-heading h2{font-size:24px}
}
