/* GoHero: three focused chapters, luminous surfaces and a floating identity. */
:root{--navy:#040914;--yellow:#ffe32c;--blue:#32baff;--display:var(--font)}
body{background:var(--navy)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 650px 750px at 90% 10%,#075fba30,transparent 70%),radial-gradient(ellipse 550px 700px at 0% 65%,#0075d41c,transparent 75%)}.section-shell{max-width:1180px;padding-inline:40px}.header{max-width:1100px;width:calc(100% - 80px);margin:20px auto 0;padding:14px 20px;border:1px solid #c1e4ff24;border-radius:22px;background:linear-gradient(120deg,#afdfff10,#365c800a);box-shadow:inset 0 1px #e3f4ff2b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{font-size:27px;font-weight:700;letter-spacing:-1px}.brand-mark{width:34px;height:34px;object-fit:contain}.header nav{font-weight:500}.button{background:linear-gradient(145deg,#fff377,#ffe32c 65%);border-radius:18px;padding:15px 24px;font-weight:600;box-shadow:inset 0 1px #fff9,0 7px 30px #ffe32c16;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff9,0 9px 36px #ffe32c32}.button-small{padding:11px 19px;font-size:14px}.button span{font-size:20px}
.intake-notice[hidden]{display:none!important}.intake-notice{position:relative;max-width:1020px;width:calc(100% - 96px);display:flex;align-items:center;gap:20px;margin:19px auto 0;padding:13px 46px 13px 20px;border:1px solid #ffe32c30;border-radius:16px;background:linear-gradient(110deg,#ffe32c09,#8acdff06);box-shadow:inset 0 1px #ffffff0f}.intake-tag{font-size:12px;color:var(--yellow);letter-spacing:1px;flex-shrink:0}.intake-tag span{display:block;font-size:12px;color:#9facbf}.intake-message{flex:1}.intake-message p{font-size:15px;margin:0;font-weight:500}.intake-message strong{color:var(--yellow)}.intake-message>span{font-size:12px;color:#96a6bd}.intake-link{font-size:13px;color:var(--yellow);white-space:nowrap}.intake-link span{margin-left:8px}.intake-close{position:absolute;right:5px;top:7px;width:32px;height:32px;background:none;border:0;border-radius:50%;font-size:23px;color:#b0bfd3;cursor:pointer}.intake-close:hover{background:#fff1}
.hero{min-height:0;padding-top:45px;padding-bottom:48px;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden;gap:15px}.hero h1{font-family:var(--font);font-size:clamp(45px,5.3vw,70px);font-weight:600;letter-spacing:-2.8px;line-height:1.09;margin-bottom:23px}.hero .eyebrow{font-size:12px;letter-spacing:1px;white-space:normal;color:#99d9ff;max-width:420px;margin-bottom:23px}.hero-description{font-size:18px;color:#d0dcec;line-height:1.7}.hero-detail{font-size:16px;margin-bottom:24px;color:#9fb1c9}.hero-visual{margin:0;position:relative;width:100%;align-self:center;padding:20px}.hero-art{width:100%;margin:0;position:relative;top:auto;mask-image:none;mix-blend-mode:normal;animation:mark-float 8s ease-in-out infinite;filter:drop-shadow(0 22px 35px #001c3b55)}.visual-caption{margin:6px auto 0;display:flex;width:max-content;max-width:100%;padding:12px 17px;border:1px solid #b0e0ff35;border-radius:16px;font-size:11px;letter-spacing:1px;color:#bde5ff;background:linear-gradient(145deg,#b0dfff19,#234e790d);box-shadow:inset 0 1px #e5f7ff40,0 15px 30px #0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:caption-float 8s ease-in-out infinite}.hero-scroll{display:none}.cta-note{font-size:12px;color:#9aacbf}.hero .yellow{color:var(--yellow)}
h2{font-weight:500;letter-spacing:-1.6px;font-size:clamp(32px,3.8vw,46px)}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:500}.approach{padding-top:32px;padding-bottom:55px}.heading-grid{gap:50px;grid-template-columns:1.3fr 1fr}.heading-grid>p{font-size:16px;line-height:1.8}.muted-heading{color:#8eb1d0}.principles{margin-top:28px;gap:18px}.principle{border-radius:24px;padding:25px;background:radial-gradient(ellipse at var(--light-x,15%) var(--light-y,0%),#8ed5ff18,transparent 70%),linear-gradient(135deg,#c3e9ff10,#244b7c07);border:1px solid #abdfff2c;box-shadow:inset 0 1px #e3f6ff38,0 18px 40px #0002;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .35s,border-color .35s;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.principle:hover{border-color:#82d2ff66}.principle:before{background:linear-gradient(90deg,transparent,#bdeaff50,transparent)}.icon-box{width:42px;height:42px;margin-bottom:19px;border-radius:12px;background:#4bbaff10;border-color:#91d9ff35;box-shadow:inset 0 1px #dbf4ff26}.icon-box svg{width:24px;height:24px}.card-label{font-size:12px;letter-spacing:.7px;margin-bottom:12px;color:#8eacca}.principle h3{font-size:23px;font-weight:500;line-height:1.25;margin-bottom:13px}.principle>p:last-child{font-size:16px;line-height:1.75;color:#a7b9d0}
.strategy{padding-top:10px;padding-bottom:45px}.strategy-panel{padding:35px 40px;border-radius:30px;gap:40px;background:radial-gradient(ellipse at 0% 0%,#1676bd27,transparent 65%),linear-gradient(140deg,#bedfff13,#2848770a);border:1px solid #b5deff35;box-shadow:inset 0 1px #e5f6ff45,0 25px 65px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.strategy h2{font-family:var(--font);font-size:clamp(35px,4vw,48px);letter-spacing:-1.7px;font-weight:500;line-height:1.13}.strategy-copy .eyebrow{font-size:12px;letter-spacing:1px}.strategy-note{font-size:12px}.call-card{border-radius:20px;padding:24px;border-color:#c1e2ff28;background:linear-gradient(145deg,#aad9ff10,#081a2b55);box-shadow:inset 0 1px #dff3ff25}.call-card h3{font-size:26px;font-weight:500}.call-icon{border-radius:12px;margin-bottom:20px}.call-duration{border-radius:15px;font-size:12px;top:30px;right:24px}.call-card ul{font-size:14px;gap:9px;margin-bottom:18px}.call-card-footer{font-size:12px;padding-top:13px}.footer-main{padding-bottom:22px}.footer-bottom,.footer-bottom>span:last-child{font-size:12px;color:#8d9fb7;letter-spacing:.3px}.footer-main p{font-size:14px}.footer{padding-bottom:20px}dialog{border-radius:24px;background:linear-gradient(135deg,#172d46,#0a1423);border-color:#c5e5ff40}dialog::backdrop{backdrop-filter:blur(10px)}.arrive{animation:surface-in .65s ease both}
@keyframes mark-float{0%,100%{transform:translateY(4px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes caption-float{50%{transform:translateY(4px)}}@keyframes surface-in{from{opacity:.5;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.section-shell{padding-inline:28px}.header{width:calc(100% - 56px)}.intake-notice{width:calc(100% - 64px);gap:14px}.intake-link{white-space:normal;max-width:130px}.hero{grid-template-columns:1.25fr 1fr}.hero h1{font-size:51px}.hero-visual{padding:0}.visual-caption{font-size:10px;letter-spacing:.5px;padding:10px}.principle{padding:23px 19px}.strategy-panel{padding:30px;gap:28px}.heading-grid{gap:30px}}
@media(max-width:700px){.section-shell{padding-inline:23px}.header{width:calc(100% - 28px);margin-top:12px;padding:12px 15px;border-radius:19px}.brand{font-size:25px}.brand-mark{width:28px;height:28px}.intake-notice{width:calc(100% - 40px);margin-top:15px;padding:14px 30px 14px 16px;flex-wrap:wrap;gap:7px 12px}.intake-tag{display:flex;gap:12px;width:100%;font-size:12px}.intake-message{flex-basis:100%}.intake-message p{font-size:15px}.intake-link{max-width:none;font-size:13px}.hero{padding-top:30px;padding-bottom:25px;min-height:0;display:flex;gap:0}.hero h1{font-size:clamp(37px,10vw,64px);letter-spacing:-1.9px;line-height:1.1;margin-bottom:19px}.hero .eyebrow{font-size:12px;letter-spacing:.6px;margin-bottom:20px}.hero-description{font-size:17px}.hero-detail{font-size:16px;margin-bottom:23px}.hero-visual{height:auto;max-width:260px;margin:12px auto 0;padding:0;width:100%}.hero-art{position:relative;top:auto;width:100%;margin:0;animation-duration:9s}.visual-caption{position:relative;inset:auto;margin-top:-8px;font-size:10px;padding:9px 12px}.hero .button{font-size:14px;padding:15px 22px}.approach{padding-top:30px;padding-bottom:35px}.heading-grid{grid-template-columns:1fr;gap:16px}h2{font-size:32px;letter-spacing:-1px}.heading-grid>p{font-size:16px}.principles{grid-template-columns:1fr;gap:14px;margin-top:22px}.principle{padding:21px;grid-template-columns:42px 1fr;gap:0 14px;border-radius:21px;transform:none}.principle .card-label{font-size:12px;letter-spacing:.4px}.principle h3{font-size:22px;margin-bottom:12px}.principle .icon-box{margin:0}.principle>p:last-child{font-size:16px;line-height:1.65}.strategy{padding-top:0;padding-bottom:33px}.strategy-panel{padding:25px 21px;gap:22px;border-radius:25px}.strategy h2{font-size:36px;letter-spacing:-1.2px}.strategy-copy .eyebrow{font-size:12px;letter-spacing:.7px}.strategy-note{font-size:12px}.call-card{padding:22px;border-radius:18px}.call-card h3{font-size:24px}.call-icon{margin-bottom:17px}.call-duration{top:28px;right:22px}.footer-main p{font-size:13px}.footer-bottom,.footer-bottom>span:last-child{font-size:12px}.footer-main>a:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-art,.visual-caption,.arrive{animation:none}.principle{transform:none;transition:none}.button:hover{transform:none}}

/* Open composition: one focal point and more space between decisions. */
.header{background:none;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-block:22px;margin-top:8px}
.intake-notice{position:sticky;top:14px;z-index:5;max-width:900px;width:calc(100% - 48px);margin:12px auto 0;padding:18px 26px;gap:24px;border-color:#ffe32c66;border-radius:20px;background:linear-gradient(110deg,#202b36f5,#101c2ff5);box-shadow:inset 0 1px #fff2,0 10px 38px #0005,0 0 26px #ffe32c09;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.intake-tag{font-size:13px;letter-spacing:.5px;white-space:nowrap}.intake-message{margin:0;font-size:16px;line-height:1.5;color:#f5f7ff}.intake-message strong{color:var(--yellow);font-weight:700}.intake-link{font-size:14px}
.hero{padding-top:85px;padding-bottom:100px;gap:60px;grid-template-columns:1.2fr 1fr;min-height:660px;overflow:visible}.hero .eyebrow{margin-bottom:30px}.hero h1{margin-bottom:30px}.hero-description{margin-bottom:32px}.hero-visual{padding:0;margin:0}.hero-art{width:115%;margin-left:-8%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);filter:none;animation:mark-float 10s ease-in-out infinite}
.approach{padding-top:40px;padding-bottom:110px}.heading-grid{gap:80px}.principles{margin-top:46px;gap:26px}.principle{padding:32px 28px;background:linear-gradient(140deg,#b1dfff09,#1c457303);border-color:#abdfff20;box-shadow:inset 0 1px #e3f6ff20;backdrop-filter:blur(12px)}.principle .icon-box{display:none}.principle h3{margin-bottom:20px}.card-label{margin-bottom:22px}.principle>p:last-child{line-height:1.85}
.strategy{padding-bottom:85px}.strategy-panel{display:block;text-align:center;padding:65px 35px;background:radial-gradient(ellipse at 50% 0%,#1676bd22,transparent 75%),linear-gradient(140deg,#bedfff0b,#28487706);box-shadow:inset 0 1px #e5f6ff26;border-color:#b5deff25}.strategy-copy{max-width:620px;margin:auto}.strategy h2{font-size:clamp(40px,5vw,58px)}.strategy-copy>p:not(.eyebrow):not(.strategy-note){margin:28px 0}.strategy-note{margin-top:20px}.footer-main{padding-bottom:32px}
@media(max-width:900px){.hero{gap:28px}.hero h1{font-size:clamp(43px,6vw,60px)}.principle{padding:28px 23px}.principles{gap:20px}}
@media(max-width:700px){html{scroll-padding-top:130px}.header{padding-block:18px;margin-top:4px}.intake-notice{top:8px;width:calc(100% - 28px);padding:15px 18px;gap:5px 14px;display:grid;grid-template-columns:1fr auto;border-radius:17px}.intake-tag{width:auto;display:block;font-size:12px;grid-column:1}.intake-message{font-size:15px;grid-column:1/-1;grid-row:2}.intake-link{grid-column:2;grid-row:1;font-size:13px}.hero{padding-top:52px;padding-bottom:55px;gap:10px;min-height:0}.hero h1{font-size:clamp(40px,10.5vw,62px);margin-bottom:27px}.hero .eyebrow{font-size:12px;margin-bottom:26px}.hero-description{margin-bottom:29px}.hero-visual{max-width:300px;margin:15px auto 0;height:auto}.hero-art{width:100%;margin:0}.approach{padding-top:20px;padding-bottom:65px}.heading-grid{gap:24px}.principles{margin-top:32px;gap:20px}.principle{display:block;padding:28px}.principle .card-label{margin-bottom:17px}.principle h3{margin-bottom:16px}.strategy{padding-bottom:55px}.strategy-panel{padding:45px 25px}.strategy h2{font-size:40px}.strategy .button{width:auto}.footer-main{padding-bottom:28px}}
