/* Separate reference-led mock-up; root homepage remains unchanged. */
body{background:#fff;color:#071d2d}.review-bar{background:#092b43;color:#d0e8fa;font-size:12px}.concept-top{background:#fbfdff}.site-header{border-bottom:0;min-height:106px}.brand{gap:11px}.ember-flame{width:43px;height:57px;flex-shrink:0}.brand .concept-wordmark{display:block;font-size:34px;line-height:.95;letter-spacing:-1.6px;color:#071d2d;font-weight:800}.brand .concept-wordmark strong{display:block;font-size:23px;line-height:1.12;letter-spacing:-1px;color:inherit}.concept-wordmark strong span{color:#0878f9}.site-header .button,.platform-intro .button{background:linear-gradient(135deg,#0989ff,#0069ee);border:1px solid #138fff;color:white;border-radius:13px;box-shadow:0 12px 30px #087cff25}.site-header nav>a:not(.button){color:#24445a}.concept-hero-surface{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 89%,#ffa04555,transparent 27%),radial-gradient(ellipse at 85% 24%,#b6e7ff70,transparent 45%),linear-gradient(115deg,#fff 12%,#f7fcff 70%,#e9f5ff)}.concept-hero-surface:before{content:'';position:absolute;z-index:-1;width:900px;height:850px;right:-570px;top:-180px;border-radius:46%;transform:rotate(30deg);background:linear-gradient(100deg,#b5e4ff50,#93d5fa15);border:1px solid #c2e8ff80}.concept-hero-surface:after{content:'';position:absolute;z-index:-1;width:1000px;height:350px;left:-530px;bottom:-285px;transform:rotate(14deg);border-radius:50%;background:#44b6ff80;box-shadow:0 -25px 90px #3daaff44}.platform-hero{position:relative;grid-template-columns:.95fr 1.2fr;gap:48px;padding-top:66px;padding-bottom:86px;max-width:1440px}.platform-hero:before{display:none}.platform-intro h1{font-size:clamp(42px,4.05vw,65px);line-height:1.03;letter-spacing:-.055em;color:#061a29;max-width:620px}.platform-intro h1 span{display:block;color:#0676f6}.platform-intro .eyebrow{color:#224968;font-size:12px;line-height:1.8;letter-spacing:.16em}.platform-intro .lede{font-size:18px;line-height:1.75;color:#415f73}.platform-intro .quiet-line{color:#244960;font-size:16px}.platform-intro .button{font-size:16px;min-height:54px;padding:15px 23px}.platform-intro .text-link{color:#123d5a;border-bottom:2px solid #087cff;padding-bottom:7px}.platform-display{position:relative;align-self:center}.product-window{border:1px solid #8aa9bd;border-radius:18px;box-shadow:0 30px 70px #123b6427,0 0 45px #2aa4ff14;overflow:hidden}.platform-caption{color:#123f60}.platform-caption>span:first-child:before{content:'▶';display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#087eff;background:#d8efff;margin-right:8px}.platform-caption .status-dot{display:none}.window-bar,.app-sidebar{background:#102e45;color:#eef8ff}.workspace-name,.sidebar-foot{color:#a8c9e0}.tool-nav button{color:#d5e8f6}.tool-nav button[aria-pressed=true]{color:#fff;background:#21628d;border-color:#5893ba}.platform-benefit{background:#f4fbff}.chapter-heading h2 span,.website-example h2 span{color:#0878ee}.blue-ink,.example-directory .eyebrow,.visual-voice .eyebrow{color:#0672de}.how-section{background:radial-gradient(ellipse at 95% 15%,#0876ce44,transparent 48%),radial-gradient(ellipse at 0 100%,#e5792028,transparent 40%),#102a3d}.chat-offer{background:radial-gradient(ellipse at 13% 70%,#116cc645,transparent 45%),radial-gradient(ellipse at 100% 10%,#e4782d22,transparent 44%),#102a3d}.chat-offer .chat-showcase{background:#0b2134d9}.chat-offer .chapter-heading h2 span{color:#85ceff}.mobile-section,.reviews-section{background:radial-gradient(ellipse at 15% 65%,#1b80b94d,transparent 49%),radial-gradient(ellipse at 95% 15%,#eb973130,transparent 43%),#102a3d}.example-directory{background:#f6faff}.homepage-faq{background:#102a3d}.scenic-close{position:relative;isolation:isolate;min-height:535px;background:#061b2c;color:white;overflow:hidden;scroll-margin-top:20px}.scenic-art{position:absolute;inset:0;z-index:-2;background:url('sunset-vehicle-new-logo.png') center right/cover no-repeat}.scenic-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b2caa 0%,#061b2c77 35%,transparent 70%)}.scenic-content{padding-top:82px;padding-bottom:72px}.scenic-content .eyebrow{color:#75c6ff;font-size:13px;letter-spacing:.14em}.scenic-content h2{max-width:690px;font-size:clamp(33px,3.3vw,49px);line-height:1.1;letter-spacing:-.045em;color:#fff;margin:20px 0}.scenic-content h2 span{color:#fff}.scenic-description{max-width:500px;font-size:17px;line-height:1.7;color:#e0edf5}.scenic-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:27px}.scenic-actions .button{background:linear-gradient(120deg,#ff7b15,#f95511);border:1px solid #ff9553;color:white;border-radius:10px;min-height:54px;padding:15px 23px;gap:24px;font-size:16px;box-shadow:0 9px 24px #ff691925}.scenic-actions .scenic-secondary{background:#0b2b42b8;border-color:#59b7ff;box-shadow:none}.scenic-points{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:28px 0 0;font-size:13px;color:#e3eef7}.scenic-points li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f97424;color:white;margin-right:8px;font-size:12px}.scenic-signoff{position:absolute;right:27%;bottom:36px;font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.1;transform:rotate(-9deg);text-shadow:0 2px 10px #00121b}.scenic-signoff span{display:block;font-size:48px;color:#ff791d;margin-left:85px}.concept-calendar{background:white}.concept-calendar .booking-widget{margin:30px 0;scroll-margin-top:20px}.homepage-footer{background:#071d2e;color:#c1d9e9;border-top:1px solid #28445a;position:relative}.homepage-footer:before{content:'';height:2px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#087eff,transparent 50%,#fa7920)}.homepage-footer .brand .concept-wordmark{color:#fff}.homepage-footer .footer-columns{padding-top:48px;padding-bottom:40px}.homepage-footer .footer-logo{display:flex;align-items:center;width:max-content}.homepage-footer .footer-columns b{color:#fff}.homepage-footer .footer-columns p,.homepage-footer .footer-columns a{color:#c1d9e9}.homepage-footer .footer-bottom{color:#95b6cc;border-top-color:#28445a}.homepage-footer .footer-columns a:hover{color:#73c7ff}
@media(max-width:1100px){.platform-hero{grid-template-columns:1fr;max-width:900px;gap:44px}.platform-intro h1{font-size:clamp(44px,6vw,66px);max-width:730px}.platform-intro .lede{max-width:680px}.platform-display{width:100%}.scenic-content h2{max-width:570px;font-size:42px}.scenic-signoff{display:none}.scenic-shade{background:linear-gradient(90deg,#061b2cdd,#061b2c88 50%,transparent)}}
@media(max-width:650px){.site-header{min-height:92px;gap:12px}.brand .concept-wordmark{font-size:27px}.brand .concept-wordmark strong{font-size:18px}.ember-flame{width:32px;height:43px}.site-header nav{display:flex}.site-header nav>a:not(.button){display:none}.site-header .button{font-size:12px;padding:12px;min-height:44px;border-radius:9px}.site-header .button span{display:none}.platform-hero{padding-top:32px;padding-bottom:48px;gap:32px}.platform-intro h1{font-size:clamp(38px,9.5vw,60px);line-height:1.04;letter-spacing:-.05em}.platform-intro .eyebrow{font-size:10px;line-height:1.9;letter-spacing:.14em}.platform-intro .lede{font-size:16px;line-height:1.7}.platform-intro .quiet-line{font-size:14px}.platform-intro .hero-actions{gap:20px}.platform-intro .button{font-size:14px;padding:14px 18px;min-height:50px}.platform-intro .text-link{font-size:14px}.platform-caption{align-items:center}.platform-caption>span:first-child:before{display:none}.platform-caption>span:last-child{font-size:11px}.app-sidebar{background:#102e45}.product-window{border-radius:12px}.scenic-close{min-height:0;padding-bottom:245px}.scenic-content{padding-top:48px;padding-bottom:32px}.scenic-content h2{font-size:clamp(31px,8.1vw,42px);max-width:460px}.scenic-content h2 br{display:none}.scenic-description{font-size:16px}.scenic-content .eyebrow{font-size:11px}.scenic-art{top:auto;height:320px;background-size:auto 320px;background-position:right bottom}.scenic-shade{background:linear-gradient(#061b2c 0%,#061b2c 48%,#061b2cdd 62%,transparent 80%)}.scenic-points{display:grid;gap:11px;font-size:14px;margin-top:24px}.scenic-actions{gap:12px}.scenic-actions .button{font-size:14px;padding:14px 18px;gap:15px}.homepage-footer .footer-columns{gap:32px 22px}.homepage-footer .footer-bottom{font-size:12px;gap:12px}.review-bar{font-size:10px}.review-bar span{display:none}}
@media(prefers-reduced-motion:no-preference){.scenic-actions .button,.platform-intro .button{transition:transform .2s,box-shadow .2s}.scenic-actions .button:hover,.platform-intro .button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1689ff30}}

.how-section .chapter-heading h2 span{color:#92d2ff}.homepage-faq a{color:#91cfff}
/* Reference-led contrast and connected tools, revision 2. */
.demo-brand{display:flex;align-items:center;gap:7px;margin:7px 0 24px}.demo-brand .ember-flame{width:25px;height:35px}.demo-brand .concept-wordmark{font-size:20px;font-weight:800;line-height:1;color:#fff;letter-spacing:-.7px}.demo-brand strong{display:block;font-size:12px;letter-spacing:-.2px;margin-top:3px}.demo-top-label{font-size:11px;letter-spacing:.12em;color:#c6dded}.platform-display .app-sidebar{background:linear-gradient(160deg,#102e45,#071c30);border-right-color:#294f6b;padding-left:12px;padding-right:12px}.platform-display .workspace{grid-template-columns:155px minmax(0,1fr)}.platform-display .tool-nav button{border-radius:7px;min-height:44px;border:1px solid transparent;padding:10px 7px}.platform-display .tool-nav button[aria-pressed=true]{background:linear-gradient(110deg,#135383,#246c9d);border-color:#5495be;box-shadow:inset 3px 0 #ff8a36,0 4px 14px #020c1833}.platform-display .chat-bubble.outbound{background:linear-gradient(130deg,#087bf3,#0564d6);color:#fff;border-color:#0064d2;box-shadow:0 5px 13px #0874e81a}.platform-display .thread-event{background:#eef6ff;border:1px solid #b3d6f6;border-left:3px solid #ff8d38;color:#18486a;border-radius:7px;padding:12px}.platform-display .thread-event b{color:#0b3b5b}.platform-display .selected-person{background:#e8f3ff;border-left-color:#087cff}.platform-display .avatar{background:#ceebff;color:#125682}.platform-display .sample-compose{border-radius:7px}.example-directory{background:radial-gradient(ellipse at 100% 100%,#d8ebff,transparent 58%),#f7fbff;border-bottom:1px solid #c8dfed}.six-options .prism{background:linear-gradient(140deg,#173951,#0c2539);color:#fff;border-color:#406a86;border-top:3px solid var(--accent,#4ca8ff);box-shadow:0 10px 24px #11375015}.six-options .prism p{color:#d2e2ee}.six-options .prism strong{color:#fff}.six-options .prism small{color:#a8d9ff}.six-options .prism .tile-icon{color:#83caff;background:#214a67;border:1px solid #4d7c9b}.six-options .prism:nth-child(2n){background:linear-gradient(140deg,#1c425d,#10293d)}.six-options .prism:nth-child(3n){border-top-color:#ff9449}.six-options .prism:nth-child(3n) .tile-icon{color:#ffbd83;background:#493e37;border-color:#956b49}.visual-voice .voice-console{background:#102b40;border:1px solid #416c8a;box-shadow:0 20px 40px #08263c1c}.visual-voice .console-top{color:#afcee3;border-color:#33576f}.visual-voice .voice-response{background:linear-gradient(145deg,#12334c,#0b2337);color:#fff;border-radius:10px;border:1px solid #416681;padding:22px}.visual-voice .voice-response h3{color:#fff}.visual-voice .voice-response .micro-label{color:#9eceee}.visual-voice .ai-response p{color:#e0edf6}.visual-voice .voice-result{background:#1b405a;border-color:#4a7897;border-left-color:#ff963f}.visual-voice .voice-result b{color:#fff}.visual-voice .voice-result p{color:#d2e5f2}.visual-voice .intent-options button{background:#183d58;color:#eaf7ff;border-color:#52718a}.visual-voice .intent-options button[aria-pressed=true]{background:linear-gradient(120deg,#0876dc,#165a9e);color:#fff;border-color:#7ac6ff;box-shadow:0 0 18px #188af552,inset 3px 0 #ff964b}.visual-voice .simulation-note{color:#c5d9e7}.website-stage{box-shadow:0 24px 55px #123b6429;border-color:#537c98}.website-stage .browser-chrome{background:#102d43;color:#d6edfc}.automation-offer{background:radial-gradient(ellipse at 5% 45%,#c5e7ff8a,transparent 50%),#edf5fb;border-block:1px solid #c8dae8}.automation-offer .offer-art{filter:drop-shadow(0 15px 20px #153a5a15)}.calendar-offer{background:#fff}.offer-copy h2 span{color:#0874df}.calendar-offer .offer-copy h2 span{color:#e65f13}.connected-section{padding:88px 0;background:radial-gradient(ellipse at 0 90%,#e2effa,transparent 50%),#f6faff;border-top:1px solid #d0e3ef}.connected-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.connected-copy .eyebrow{color:#0872d5}.connected-copy h2{font-size:clamp(34px,3.2vw,48px);line-height:1.1;letter-spacing:-.045em;margin:18px 0 25px}.connected-copy h2 span{color:#ed6718}.connected-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#415e73}.connected-points{list-style:none;padding:0;margin:24px 0;font-size:15px;line-height:1.65;color:#163d59}.connected-points li{margin:13px 0;padding-left:24px;position:relative}.connected-points li:before{content:'✓';color:#087ce9;position:absolute;left:0}.connected-copy .button{margin-top:8px;background:#0875e6;color:#fff;border:1px solid #3497f6;border-radius:9px;box-shadow:0 7px 18px #0875e622}.connected-copy .connected-note{font-size:14px!important;margin-top:19px;max-width:440px}.connection-board{background:radial-gradient(ellipse at 48% 45%,#215478,#102f48 50%,#0a2135);border:1px solid #476984;border-radius:20px;padding:24px;box-shadow:0 25px 55px #102f4926;min-width:0}.connection-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;color:#b8d7eb;align-items:center}.connection-indicator{border:1px solid #588098;border-radius:4px;padding:5px 7px;font-size:9px}.tool-map{position:relative;isolation:isolate;display:grid;gap:28px;margin:28px 0}.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#58affc;stroke-width:1.2;stroke-dasharray:4 5;fill:none;opacity:.6}.tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-row button{cursor:pointer;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 9px;background:linear-gradient(140deg,#fff,#e8f3fd);color:#193d58;border:1px solid #b4d3ea;border-radius:12px;box-shadow:0 6px 14px #03132233;min-height:104px;transition:transform .2s,box-shadow .2s}.tool-row button b{font-size:12px;line-height:1.4;text-align:center}.tool-symbol{font:30px/1 Arial,sans-serif;color:#0878e9}.tool-row button:nth-child(2) .tool-symbol{color:#e86c1f}.tool-row button[aria-pressed=true]{background:linear-gradient(140deg,#246c9b,#154771);border-color:#83d3ff;color:#fff;box-shadow:0 0 0 2px #258dd63d,0 0 24px #168aed33;transform:translateY(-3px)}.tool-row button[aria-pressed=true] .tool-symbol{color:#9fddff}.tool-row button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #01152566}.connection-hub{width:176px;min-height:92px;justify-self:center;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #bce4ff;border-radius:16px;box-shadow:0 0 35px #47b6f546,0 0 0 7px #77bdeb12}.connection-hub .ember-flame{width:33px;height:44px}.connection-hub .concept-wordmark{font-size:28px;line-height:1;font-weight:800;letter-spacing:-1px}.connection-hub strong{display:block;font-size:17px}.connection-result{background:#071c2c88;border:1px solid #3c627f;border-left:3px solid #ff8d35;border-radius:9px;padding:20px;min-height:165px}.connection-step{font-size:11px;letter-spacing:.14em;color:#ffa45c}.connection-result h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;color:#fff;margin:10px 0}.connection-result p{font-size:14px;line-height:1.7;color:#d2e4f1;margin:0}.connection-help{font-size:12px;text-align:center;color:#bfd9eb;margin:16px 0 0}.audience-section{border-top:3px solid #183b54}.audience-section .chapter-heading{padding-bottom:24px;border-bottom:1px solid #b7d1e3}.homepage-faq{background:radial-gradient(ellipse at 0 100%,#1c5b7e55,transparent 60%),#102a3d}
@media(max-width:1100px){.connected-layout{gap:35px;grid-template-columns:1fr 1.15fr}.connection-board{padding:19px}.tool-row{gap:10px}.tool-row button{padding:14px 6px}.connection-top{font-size:9px}.connected-copy h2{font-size:37px}}
@media(max-width:850px){.connected-layout{grid-template-columns:1fr;gap:34px}.connected-copy{max-width:660px}.connection-board{width:100%;max-width:660px;margin:auto}.connected-section{padding:55px 0}.connected-copy h2{font-size:40px}.connected-copy h2 br{display:none}.connection-top{font-size:10px}}
@media(max-width:650px){.platform-display .workspace{display:block}.platform-display .app-sidebar{padding:14px 10px}.demo-brand{margin:0 0 15px;padding-left:4px}.demo-brand .ember-flame{width:26px;height:35px}.demo-brand .concept-wordmark{font-size:23px}.demo-brand strong{font-size:14px}.demo-top-label{font-size:9px;letter-spacing:.03em}.tool-nav{gap:6px}.platform-display .tool-nav button{padding:10px 6px;min-height:44px}.connection-board{padding:18px 14px;border-radius:14px}.tool-row{gap:8px}.tool-row button{min-height:99px;padding:12px 5px;border-radius:9px}.tool-row button b{font-size:11px}.tool-symbol{font-size:27px}.tool-map{gap:26px}.connection-top{font-size:9px;line-height:1.5;letter-spacing:.07em}.connection-result{padding:17px;min-height:185px}.connection-result h3{font-size:20px}.connected-copy h2{font-size:36px}.connected-copy>p:not(.eyebrow){font-size:16px}.connection-hub{width:157px;min-height:82px}.connection-hub .concept-wordmark{font-size:24px}.connection-hub strong{font-size:15px}.connection-hub .ember-flame{width:28px;height:38px}.visual-voice .voice-console{padding:18px 12px}.connection-help{font-size:11px}.platform-display .chat-bubble.outbound{padding:10px}}
@media(prefers-reduced-motion:reduce){.tool-row button{transition:none}.tool-row button:hover,.tool-row button[aria-pressed=true]{transform:none}}

.tool-symbol svg{display:block;width:30px;height:30px}

@media(max-width:650px){.visual-voice .voice-response{padding:18px 15px}}
/* Compact showcase system: applies to the whole site, then recomposes on mobile. */
[hidden]{display:none!important}.chapter,.receive-section,.audience-section{padding-top:60px;padding-bottom:60px}.how-section,.chat-offer,.connected-section{padding-top:60px;padding-bottom:60px}.chapter-heading{gap:40px;margin-bottom:28px}.platform-hero{padding-top:48px;padding-bottom:60px}.rail-controls{display:none}.industry-page{display:contents}.mobile-disclosure{background:linear-gradient(100deg,#112e45,#1b4968);color:#fff;border-block:1px solid #46728e}.mobile-disclosure>summary{max-width:1380px;width:calc(100% - 72px);margin:auto;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;cursor:pointer}.mobile-disclosure summary::-webkit-details-marker{display:none}.mobile-disclosure summary small{display:block;font-size:11px;letter-spacing:.14em;color:#b5d8ed;margin-bottom:7px}.mobile-disclosure summary b{display:block;font-size:25px;letter-spacing:-.035em}.disclosure-action{display:flex;align-items:center;gap:16px;font-size:14px;color:#bcdef7}.disclosure-action i{font-style:normal;font-size:26px;color:#ffad65}.mobile-disclosure[open] .disclosure-action i{transform:rotate(45deg)}.mobile-disclosure .mobile-section{border-top:1px solid #487391}.chat-extra{margin:18px 0 8px;border-block:1px solid #547084}.chat-extra summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:16px 0;font-size:14px;color:#fff;line-height:1.6}.chat-extra summary::-webkit-details-marker{display:none}.chat-extra .offer-points{padding-bottom:10px}.chat-extra .chat-handoff{margin-bottom:20px}.chat-offer .chat-offer-copy .media-caption{font-size:12px;line-height:1.6}.chat-offer .chat-offer-copy>p:not(.media-caption){font-size:16px;line-height:1.7}.chat-offer .chat-showcase{padding:26px}.chat-offer .chat-video-stage{padding-top:18px;padding-bottom:12px}.chat-offer .chat-video-stage video{max-height:510px;width:auto;max-width:100%;object-fit:contain}.chat-offer .chat-channel-tabs small{display:none}.chat-offer .chat-channel-tabs button{min-height:72px}.chat-offer .chat-offer-copy h3{font-size:34px}.chat-offer .chapter-heading>p{max-width:470px}.compact-gaps{padding:38px 0;background:linear-gradient(115deg,#f9fcff,#eaf3fb);border-block:1px solid #b9d3e7}.gap-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:22px}.gap-heading .eyebrow{margin:0;font-size:12px}.gap-heading h2{font-size:29px!important;line-height:1.2;letter-spacing:-.04em;margin:0!important}.gap-heading h2 span{color:#0672d9}.gap-heading>p:last-child{font-size:14px;color:#4a657a}.gap-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gap-menu a{display:flex;align-items:center;gap:14px;min-height:75px;padding:15px 18px;background:linear-gradient(120deg,#173b55,#0c293f);border:1px solid #4f7998;border-radius:9px;color:#fff;text-decoration:none;box-shadow:0 5px 12px #153b5910;transition:transform .15s,border-color .15s}.gap-menu a:hover{transform:translateY(-2px);border-color:#329af4}.gap-symbol{display:grid;place-items:center;background:#264e6c;border:1px solid #477d9e;border-radius:7px;width:36px;height:36px;flex-shrink:0;color:#a8ddff;font-size:22px}.gap-menu b{font-size:14px;line-height:1.4}.gap-arrow{color:#ffad70;margin-left:auto;font-size:20px}.journey-showcase{padding:64px 0;position:relative;background:radial-gradient(ellipse at 85% 50%,#235d8555,transparent 50%),radial-gradient(ellipse at 5% 100%,#dd771a20,transparent 45%),#0c2437;color:#fff;border-block:1px solid #436b86}.journey-anchor{position:absolute;top:0}.journey-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:28px}.journey-intro .eyebrow{color:#8bceff;font-size:12px}.journey-intro h2{font-size:clamp(33px,3vw,46px);line-height:1.12;letter-spacing:-.04em;margin-top:16px}.journey-intro h2 span{color:#ffad70}.journey-intro>p{max-width:410px;font-size:17px;line-height:1.75;color:#d6e8f6}.journey-shell{background:#14374e;border:1px solid #4c7896;border-radius:17px;overflow:hidden;box-shadow:0 25px 65px #00132044}.journey-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:#0b2032;border-bottom:1px solid #3b607b}.journey-switches button{display:flex;align-items:center;gap:12px;justify-content:center;background:#16384f;color:#d2e6f4;border:1px solid #47677e;border-radius:7px;padding:14px;font:600 15px/1.4 var(--font);cursor:pointer;min-height:51px}.journey-switches button>span{font-size:11px;color:#92bad6}.journey-switches button[aria-pressed=true]{background:linear-gradient(115deg,#155a9a,#21678e);color:#fff;border-color:#81c6f4;box-shadow:inset 3px 0 #ff9949,0 0 15px #1886df33}.journey-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:40px}.journey-kicker{font-size:11px;letter-spacing:.12em;color:#ffb77d}.journey-copy h3{font-size:34px;letter-spacing:-.035em;line-height:1.17;max-width:430px;margin:17px 0}.journey-copy>p{font-size:16px;line-height:1.8;color:#dceaf5;max-width:430px}.journey-copy ul{padding:0;list-style:none;margin:20px 0;color:#dceaf5;font-size:14px;line-height:1.6}.journey-copy li{margin:11px 0;padding-left:22px;position:relative}.journey-copy li:before{content:'✓';position:absolute;left:0;color:#85cdff}.journey-copy .button{background:#0878e9;color:#fff;border:1px solid #57afff;border-radius:8px;margin-top:9px;font-size:14px}.journey-visual{border:1px solid #99bed7;border-radius:13px;background:#f8fcff;color:#12304a;min-width:0;box-shadow:0 20px 45px #02152366,0 0 35px #389ff421;overflow:hidden;min-height:406px}.journey-device-top{display:flex;align-items:center;gap:9px;padding:17px 21px;background:#fff;border-bottom:1px solid #d6e5ef}.mini-flame{color:#f77820;font-size:22px}.journey-device-top b{font-size:14px}.journey-device-top small{margin-left:auto;font-size:9px;letter-spacing:.08em;color:#547188}.journey-calendar,.journey-message{padding:26px}.sample-tag{font-size:10px;letter-spacing:.11em;color:#477190}.journey-calendar h4{font-size:25px;margin:10px 0 5px;letter-spacing:-.03em}.journey-calendar>p{font-size:14px;color:#557086}.journey-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 18px}.journey-week>span{text-align:center;border-radius:7px;padding:11px 4px;background:#e9f2f9;font-size:10px;color:#4a6880}.journey-week b{display:block;font-size:20px;margin-top:7px;color:#173e5c}.journey-week>.chosen{background:#0879e9;color:#fff;box-shadow:0 7px 16px #0879e933}.journey-week>.chosen b{color:white}.journey-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.journey-slots>span{font-size:11px;border:1px solid #b6ccdd;border-radius:5px;text-align:center;padding:11px 3px;white-space:nowrap}.journey-slots>.chosen{border-color:#137fd5;color:#085ba0;background:#e6f3ff;font-weight:700}.journey-booked{display:flex;gap:10px;align-items:center;background:#e5f0fa;border-left:3px solid #f79441;border-radius:5px;padding:14px;margin-top:20px}.journey-booked>span{background:#126bab;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.journey-booked b{display:block;font-size:12px;line-height:1.4}.journey-booked small{display:block;font-size:11px;line-height:1.6;color:#4c687d;margin-top:4px}.message-recipient{display:flex;gap:11px;align-items:center;margin:20px 0}.message-recipient>span{width:34px;height:34px;border-radius:50%;background:#cfe9ff;color:#235d8a;display:grid;place-items:center;font-size:12px}.message-recipient b{font-size:14px;display:block}.message-recipient small{font-size:11px;color:#607e95}.journey-sms{background:linear-gradient(120deg,#087df0,#0763c6);color:white;border-radius:12px 12px 2px 12px;padding:17px;font-size:14px;line-height:1.7;margin-left:22px}.journey-reply{margin:16px 28px 0 0;padding:12px 15px;border:1px solid #c6d7e4;border-radius:10px 10px 10px 2px;background:white;font-size:14px;line-height:1.7}.journey-caption{padding:15px 22px;border-top:1px solid #3d617b;background:#0d283d;color:#b8d5e9;font-size:12px;line-height:1.6;text-align:center}.connected-section{padding:55px 0}.connected-layout{gap:45px}.connection-board{padding:20px}.tool-map{gap:21px;margin:23px 0}.connection-result{min-height:145px;padding:17px}.homepage-footer .footer-columns{padding-top:35px;padding-bottom:30px}.homepage-faq{padding-top:55px;padding-bottom:55px}
@media(max-width:950px){.journey-panel{gap:28px;padding:26px}.journey-copy h3{font-size:29px}.journey-calendar,.journey-message{padding:20px}.journey-intro{gap:30px}.gap-menu{grid-template-columns:repeat(2,1fr)}.gap-heading{gap:10px}.gap-heading .eyebrow{width:100%}.chat-offer .chat-video-stage video{max-height:480px}}
@media(max-width:650px){.chapter,.audience-section,.how-section,.chat-offer,.connected-section,.homepage-faq{padding-top:38px;padding-bottom:38px}.chapter-heading{margin-bottom:22px}.platform-hero{padding-top:30px;padding-bottom:38px}.compact-rail{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:#5785a6 transparent;overscroll-behavior-x:contain}.compact-rail>*{flex:0 0 calc(100% - 25px);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.process-grid{margin-bottom:0}.process-grid li{min-height:240px!important}.rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:9px 0 16px}.rail-hint{margin-right:auto;font-size:12px;color:#b9d8ed}.rail-controls button{width:42px;height:42px;border:1px solid #699aba;border-radius:7px;background:#143e5b;color:white;font-size:20px;cursor:pointer}.rail-controls button:disabled{opacity:.35;cursor:default}.rail-count{min-width:40px;text-align:center;font-size:12px;color:#cce4f4}.industry-grid{grid-template-columns:none!important}.industry-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:68px;gap:10px;align-content:start}.industry-page .industry-tile{min-height:68px;padding:9px 8px}.industry-page .industry-tile:nth-child(odd){--prism-start:#315ba2;--prism-end:#247189}.industry-page .industry-tile:nth-child(even){--prism-start:#963b74;--prism-end:#593d92}.audience-section .rail-count,.audience-section .rail-hint{color:#3d617c}.audience-section .chapter-heading{padding-bottom:0;border-bottom:0}.audience-note{font-size:12px!important}.gap-heading{display:block;margin-bottom:18px}.gap-heading .eyebrow{font-size:11px;margin-bottom:9px}.gap-heading h2{font-size:27px!important;line-height:1.15}.gap-heading>p:last-child{margin-top:10px;font-size:14px}.compact-gaps{padding:30px 0}.gap-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gap-menu a{padding:12px 9px;min-height:84px;gap:8px}.gap-menu b{font-size:12px;line-height:1.45}.gap-symbol{width:27px;height:29px;font-size:18px}.gap-arrow{display:none}.chat-offer .chat-showcase{padding:18px 12px;display:block}.chat-offer .chat-channel-tabs{display:flex;overflow-x:auto;gap:7px;margin-bottom:18px;padding-bottom:9px;scrollbar-width:thin}.chat-offer .chat-channel-tabs button{min-height:47px;flex:0 0 auto;width:auto;display:flex;padding:10px 13px;gap:7px}.chat-offer .chat-channel-tabs b{font-size:13px;white-space:nowrap}.chat-offer .chat-channel-tabs button>span{font-size:17px}.chat-offer .chat-panel{display:flex;flex-direction:column;gap:20px;padding:0}.chat-offer .chat-video-stage{width:100%;min-height:0;padding:10px 0 0}.chat-offer .chat-video-stage video{height:470px;max-height:470px;max-width:100%;width:auto;margin:auto}.chat-offer .chat-video-stage .art-kicker{font-size:10px}.chat-offer .chat-offer-copy{padding:0 7px 7px}.chat-offer .chat-offer-copy h3{font-size:27px;margin:12px 0}.chat-offer .chat-offer-copy>p:not(.media-caption){font-size:14px;line-height:1.65}.chat-offer .chat-offer-copy h3 br{display:none}.chat-extra summary{font-size:12px;padding:13px 0}.chat-offer .chat-offer-copy .media-caption{font-size:11px;margin-top:14px}.chat-offer .chat-panel .offer-number{font-size:11px}.mobile-disclosure>summary{width:calc(100% - 36px);padding:22px 0;gap:16px}.mobile-disclosure summary b{font-size:21px}.mobile-disclosure summary small{font-size:9px}.disclosure-action{font-size:12px;max-width:105px;gap:8px}.journey-showcase{padding:38px 0}.journey-intro{display:block;margin-bottom:23px}.journey-intro h2{font-size:32px}.journey-intro>p{font-size:15px;line-height:1.7;margin-top:17px}.journey-switches{padding:10px;gap:6px;grid-template-columns:repeat(2,1fr)}.journey-switches button{font-size:13px;min-height:45px;padding:10px;gap:8px}.journey-panel{display:flex;flex-direction:column;padding:22px 16px;gap:23px}.journey-copy{width:100%}.journey-copy h3{font-size:27px;margin:12px 0}.journey-copy>p{font-size:14px;line-height:1.7}.journey-copy ul{font-size:13px;margin:15px 0}.journey-copy li{margin:7px 0}.journey-copy .button{font-size:13px;min-height:46px;padding:12px 16px}.journey-kicker{font-size:10px}.journey-visual{width:100%;min-height:386px}.journey-device-top{padding:13px 14px;gap:7px}.journey-device-top b{font-size:12px}.journey-device-top small{font-size:8px;max-width:75px;text-align:right}.journey-calendar,.journey-message{padding:18px 14px}.journey-calendar h4{font-size:23px}.journey-slots{grid-template-columns:repeat(2,1fr)}.journey-week{gap:5px}.journey-sms{margin-left:12px;padding:14px;font-size:13px}.journey-reply{font-size:13px}.journey-caption{font-size:10px;padding:12px 15px}.connected-copy .connected-points{display:none}.connected-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.connected-copy h2{font-size:32px}.connected-copy .connected-note{font-size:12px!important;margin-top:14px}.connected-layout{gap:23px}.connection-board{padding:17px 13px}.connection-result{min-height:170px}.connection-help{font-size:11px}.connected-copy .button{font-size:14px;padding:12px 17px;min-height:46px}.homepage-footer .footer-columns{gap:25px}.homepage-footer .footer-bottom{padding-block:18px}}
@media(prefers-reduced-motion:reduce){.gap-menu a{transition:none}.gap-menu a:hover{transform:none}}
/* Keep the phone conversation large enough to inspect; savings come from grouping. */
@media(max-width:650px){.chat-offer .chat-video-stage video{height:550px;max-height:550px}.homepage-faq .faq-layout{gap:24px}.homepage-faq h2{font-size:30px}.homepage-faq .faq-items summary{padding-block:17px}.homepage-faq .faq-layout>div:first-child>p:not(.eyebrow){font-size:14px;line-height:1.65}}
@media(max-width:650px){.journey-visual{order:-1}}
/* Clear invitations to interact, revision 5. Color stays on actual controls. */
.interaction-cue{display:flex;align-items:center;gap:9px;margin:0;padding:16px 18px 0;background:#0b2032;color:#e8f5ff;font-size:14px;font-weight:600;line-height:1.5}
.interaction-cue>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#167fee;color:#fff;box-shadow:0 0 16px #248cff50;flex-shrink:0}
.visual-voice .interaction-cue{padding:15px 0;background:transparent}
.journey-switches button{min-width:0;min-height:62px}
.journey-switches button b{font:inherit;overflow-wrap:normal;word-break:normal}
.journey-switches button>span{color:#c5e7ff;flex-shrink:0}
.chat-offer .chat-channel-tabs button[aria-selected=true] b,.chat-offer .chat-channel-tabs button[aria-selected=true]>span{color:#fff}
.sample-review-link{display:block;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff66;color:white;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.connection-help{color:#fff;font-size:14px;font-weight:600}
.mobile-disclosure .disclosure-action{padding:10px 14px;border:1px solid #7db7df;border-radius:8px;background:linear-gradient(130deg,#1863a0,#204866);color:white;box-shadow:0 0 18px #2299ff24}
.chat-extra summary{padding-inline:12px;background:#20435d;border-radius:7px;border:1px solid #638ba6}
.chat-extra summary>span{font-size:21px;color:#ffa85c}
.chat-extra[open] summary>span{transform:rotate(45deg)}
.gap-menu a{border-color:#618fb0;box-shadow:inset 0 1px #ffffff18,0 4px 9px #09273c18}
.gap-arrow{color:#8ad3ff}
:is(.journey-switches,.intent-options,.chat-channel-tabs,.tool-nav,.tool-row,.rail-controls) button:focus-visible,.gap-menu a:focus-visible,.mobile-disclosure>summary:focus-visible,.chat-extra summary:focus-visible{outline:3px solid #ffa24b;outline-offset:4px}
@media(hover:hover){
.gap-menu a:hover{border-color:#8dd7ff;box-shadow:0 0 20px #2c9dff35}
}
@media(max-width:650px){
.interaction-cue{font-size:12px;padding:13px 12px 0;gap:7px}
.journey-switches button{min-height:60px;padding:10px 8px;font-size:13px;gap:7px}
.journey-switches button b{max-width:110px;line-height:1.35;text-align:left}
.rail-controls{margin:3px 0 14px;padding:10px 0;gap:8px;border-bottom:1px solid #618bb05c}
.rail-hint{font-size:12px;font-weight:700;color:#fff;max-width:105px;line-height:1.4}
.rail-controls button{min-width:44px;width:44px;height:44px;background:linear-gradient(125deg,#148afa,#1264c2);color:white;border-color:#7fcbff;box-shadow:0 0 17px #168cff40;font-size:22px}
.rail-controls button:disabled{opacity:1;background:#233e52;border-color:#6a8191;color:#afbdc8;box-shadow:none}
.rail-count{min-width:40px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.audience-section .rail-hint,.audience-section .rail-count{color:#163b58}
.gap-menu a{position:relative;padding-right:18px}
.gap-arrow{display:block;position:absolute;right:6px;top:6px;font-size:12px}
.mobile-disclosure .disclosure-action{padding:9px 11px;flex-shrink:0}
.connection-help{font-size:12px}
}
.chat-interaction-hint{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;margin:0 0 14px}
.chat-interaction-hint>span:first-child{color:#8cd4ff;font-size:20px}.mobile-swipe-hint{display:none}
@media(max-width:650px){.chat-interaction-hint{font-size:12px;flex-wrap:wrap;gap:5px 8px}.mobile-swipe-hint{display:inline;color:#c0e3ff}}
/* Ember orange signals action; navy remains the structural base. Revision 6. */
.journey-intro h2 span,.journey-kicker{color:#ff8529}
.sample-review-link{padding:13px 14px;border:1px solid #ffffff70;border-radius:9px;background:#fff;color:#093c67;text-decoration:none;box-shadow:0 4px 10px #002b6820;overflow-wrap:anywhere}
.sample-review-link strong{display:block;font-size:14px;color:#093c67}
.sample-review-url{display:block;font-size:12px;margin-top:5px;color:#075fc2;text-decoration:underline;text-underline-offset:3px}
.sample-review-link small{display:block;font-size:10px;margin-top:5px;color:#506779;font-weight:400}
.mobile-disclosure .disclosure-action{padding:0;background:transparent;border:0;box-shadow:none;max-width:none;gap:15px;flex-shrink:0}
.disclosure-prompt{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}
.disclosure-arrow{width:58px;height:28px;fill:none;stroke:#ff8529;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-disclosure .disclosure-action i{display:grid;place-items:center;width:50px;height:50px;border-radius:11px;background:linear-gradient(145deg,#ff8b2c,#ff650b);color:#082439;border:1px solid #ffb577;box-shadow:0 0 0 4px #ff781a16,0 0 26px #ff781a38;font-size:32px;font-weight:700;line-height:1;flex-shrink:0}
.disclosure-open{display:none}.mobile-disclosure[open] .disclosure-open{display:inline}.mobile-disclosure[open] .disclosure-closed{display:none}
.mobile-disclosure[open] .disclosure-action i{transform:rotate(45deg)}
.chat-extra summary>span{color:#ff8529;font-weight:800}
@media(hover:hover){
.mobile-disclosure>summary:hover .disclosure-action i{box-shadow:0 0 0 4px #ff781a25,0 0 30px #ff781a55}
}
@media(max-width:650px){
.mobile-disclosure>summary{flex-wrap:wrap;gap:17px}
.mobile-disclosure .disclosure-action{margin-left:auto;gap:9px}
.disclosure-prompt{font-size:13px;gap:5px}
.disclosure-arrow{width:43px}
.mobile-disclosure .disclosure-action i{width:46px;height:46px;font-size:30px}
.gap-menu{gap:10px}
.gap-menu b{color:#fff;font-size:12px}
}
.journey-booked{border-left-color:#ff781a}
/* Revision 7: restore section identities; emphasis is local, not a universal border. */
.chat-offer{background:radial-gradient(ellipse at 8% 78%,#9d477450,transparent 52%),radial-gradient(ellipse at 92% 10%,#a078bc3b,transparent 50%),linear-gradient(130deg,#102a3b,#183a4c 55%,#172c40)}
.chat-offer .chat-channel-tabs button[aria-selected=true]{background:linear-gradient(125deg,#1c7169,#295c89);border-color:#35dfaa;box-shadow:inset 3px 0 #35dfaa,0 0 18px #35dfaa25;color:#fff}
.chat-offer .chat-channel-tabs button:nth-child(2)[aria-selected=true]{background:linear-gradient(125deg,#514399,#883d91);border-color:#b281ff;box-shadow:inset 3px 0 #b281ff,0 0 18px #a875ff25}
.chat-offer .chat-channel-tabs button:nth-child(3)[aria-selected=true]{background:linear-gradient(125deg,#963b74,#593d92);border-color:#ff78b5;box-shadow:inset 3px 0 #ff78b5,0 0 18px #ff4fa325}
.chat-offer .chat-channel-tabs button:nth-child(4)[aria-selected=true]{background:linear-gradient(125deg,#255d98,#326987);border-color:#70c9ff;box-shadow:inset 3px 0 #70c9ff,0 0 18px #70c9ff25}
/* Revision 12: exact revision 6 gap-only mobile styles; inherited dark desktop cards retained. */
@media(max-width:650px){
.gap-menu{gap:10px}
.gap-menu a{border-color:#776858;border-left:3px solid #ff781a;background:radial-gradient(ellipse at 0 0,#bd551f2b,transparent 75%),linear-gradient(135deg,#203d52,#102c41);padding:13px 19px 13px 9px;box-shadow:inset 0 1px #ffb47525,0 5px 12px #051b3025}
.gap-symbol{background:linear-gradient(135deg,#ff8424,#f96812);color:#102a3d;border:1px solid #ffae68;box-shadow:0 0 12px #ff781a25;font-weight:700}
.gap-menu a:nth-child(2n){border-left-color:#3db9ff;background:radial-gradient(ellipse at 0 0,#1272bb2d,transparent 75%),linear-gradient(135deg,#203d52,#102c41)}
.gap-menu a:nth-child(2n) .gap-symbol{background:linear-gradient(140deg,#246389,#183d5b);color:#8ddcff;border-color:#64abd3;box-shadow:none}
.gap-arrow{color:#ff963f;font-weight:800;right:7px;top:7px;font-size:15px}
.gap-menu b{color:#fff;font-size:12px}
}
/* Website showcase revision 8: tighter editorial copy and a manual portfolio rail. */
#web-design{gap:38px;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);align-items:center}
#web-design .section-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.12;max-width:440px;margin:12px 0 19px;letter-spacing:-.04em}
#web-design .section-copy>p:not(.eyebrow){color:#243e50;font-size:17px;line-height:1.65;margin:0 0 17px;max-width:430px}
#web-design .feature-list{margin:16px 0 21px;padding:0;max-width:435px;color:#203b4f;font-size:15px;line-height:1.55}
#web-design .feature-list li{padding-block:9px;margin:0}
#web-design .learn-more{margin-top:0}
.website-gallery{min-width:0;width:100%}
.website-gallery-controls{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#15394f}
.website-gallery-controls>div{margin-right:auto}.website-gallery-controls b{display:block;font-size:14px}.website-gallery-controls>div>span{display:block;font-size:12px;color:#465f70;margin-top:2px}
.website-gallery-controls button{width:42px;height:42px;border-radius:7px;border:1px solid #3c779e;background:#123d5b;color:#fff;font-size:22px;cursor:pointer;flex-shrink:0}
.website-gallery-controls button:disabled{background:#e3eaef;color:#7a8c98;border-color:#b5c6d1;cursor:default}
#website-count{font-size:12px;white-space:nowrap;min-width:37px;text-align:center;font-weight:600}
.website-gallery-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 2px 17px;border-radius:10px}
.website-gallery-track>.website-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;margin:0;border:1px solid #a7bdcb;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #143c5515;filter:none}
.website-slide .browser-chrome{font-size:10px;gap:10px;letter-spacing:.02em}
.website-slide .concept-nav{padding:17px 20px}.website-slide .concept-hero{min-height:335px}.website-slide .concept-hero h3{font-size:clamp(30px,3vw,40px)}
.northline-site{background:#eeeade;color:#263c35}.northline-nav{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px}.northline-nav>b{font:800 19px/1 var(--display);letter-spacing:.07em}.northline-nav>b>span{display:block;font:10px/1.5 var(--font);letter-spacing:.2em;margin-top:5px}.northline-nav>span{font-size:11px}
.northline-hero{position:relative;height:335px;isolation:isolate;overflow:hidden}.northline-hero>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.northline-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102d25dd,transparent 95%)}
.northline-headline{padding:32px 28px;color:#fff7df}.northline-headline>span{font-size:10px;letter-spacing:.13em}.northline-headline h3{font:400 clamp(32px,3vw,42px)/1.14 Georgia,serif;margin:22px 0 28px;letter-spacing:-.04em}.northline-headline a{display:inline-flex;align-items:center;gap:18px;background:#f6e6bb;border:1px solid #f4deb0;color:#223f34;padding:13px 15px;text-decoration:none;font-size:12px;font-weight:700;min-height:44px}
.northline-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 20px;font-size:11px}
.luma-site{background:#f2f047;color:#201945}.luma-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;min-height:80px;border-bottom:1px solid #20194544}.luma-nav>b{font:800 33px/1 var(--display);letter-spacing:-.08em}.luma-nav>b>span{font-size:14px;vertical-align:top;margin-left:5px}.luma-nav>span{font-size:9px;letter-spacing:.12em;max-width:100px;text-align:right}
.luma-hero{position:relative;isolation:isolate;min-height:335px;padding:26px 25px;overflow:hidden}.luma-hero>p{font-size:10px;letter-spacing:.1em;font-weight:700;margin:0 0 20px}.luma-hero h3{font:800 clamp(34px,3.8vw,52px)/1 var(--display);letter-spacing:-.065em;position:relative;margin:0 0 32px;max-width:370px}.luma-hero h3 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}
.luma-art{position:absolute;z-index:-1;width:230px;height:230px;right:-75px;top:35px;transform:rotate(-25deg)}.luma-art>div{position:absolute;inset:10px;border-radius:50%;border:42px solid #774dc0;background:#cfb3f6;box-shadow:inset 14px -12px 0 #342262,12px 18px 0 #372357}.luma-art>span{position:absolute;right:30px;top:-15px;font-size:85px;color:#372357;transform:rotate(25deg)}
.luma-footer{display:flex;justify-content:space-between;align-items:end;gap:12px}.luma-footer p{font-size:12px;line-height:1.5;margin:0;max-width:175px}.luma-footer a{display:block;font-size:12px;font-weight:700;color:#201945;text-decoration:none;border-bottom:2px solid #201945;padding:12px 0;max-width:135px}
.luma-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 24px;font-size:10px;font-weight:700;border-top:1px solid #20194544}
.website-gallery :is(button,a):focus-visible,.website-gallery-track:focus-visible{outline:3px solid #1d79bd;outline-offset:3px}
@media(max-width:950px){#web-design{grid-template-columns:minmax(0,1fr);gap:24px}#web-design .section-copy{grid-row:1}#web-design .section-copy h2{max-width:560px}#web-design .section-copy>p:not(.eyebrow),#web-design .feature-list{max-width:560px}}
@media(max-width:650px){#web-design .section-copy h2{font-size:32px;margin-bottom:14px}#web-design .section-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;margin-bottom:12px}#web-design .feature-list{font-size:14px;line-height:1.5;margin:10px 0 17px}#web-design .feature-list li{padding-block:7px}.website-gallery-controls{gap:7px}.website-gallery-controls>div>span{font-size:10px;max-width:135px}.website-gallery-controls button{width:44px;height:44px}.website-gallery-controls b{font-size:13px}.website-gallery-track{gap:12px}.website-slide .concept-nav{padding:15px}.website-slide .concept-hero>div{padding:25px 20px}.website-slide .concept-hero h3{font-size:31px}.website-slide .concept-bottom{font-size:10px}.northline-nav{padding:16px;gap:10px}.northline-nav>b{font-size:17px}.northline-nav>span{max-width:80px;font-size:10px;text-align:right}.northline-headline{padding:32px 20px}.northline-headline h3{font-size:33px}.northline-bottom{padding:18px 12px;font-size:9px}.luma-nav{padding:17px 20px}.luma-hero{padding:26px 20px}.luma-hero h3{font-size:40px}.luma-art{right:-108px;opacity:.95}.luma-footer{position:relative;display:block}.luma-footer p{max-width:175px}.luma-footer a{padding-top:13px}.luma-bottom{padding:18px 20px}}
#web-design .feature-list{gap:4px}
#web-design .feature-list li{font-size:15px;line-height:1.55;color:#203b4f}
@media(max-width:650px){#web-design .feature-list li{font-size:14px;line-height:1.55;padding-block:6px}.northline-nav>span{max-width:90px}.website-slide .browser-chrome{min-height:38px}}

/* Supplied September 29 identity. Original PNG pixels, presented as a compact lockup. */
.supplied-logo{font-size:10px;display:inline-flex;align-items:center;gap:1em;width:20em;height:6.5em;flex:none;line-height:1}
.supplied-logo-flame,.supplied-logo-type{display:block;position:relative;overflow:hidden;flex:none}
.supplied-logo-flame{width:4em;height:6.5em}
.supplied-logo-type{width:15em;height:3.8em}
.supplied-logo img{position:absolute;display:block;max-width:none!important;max-height:none!important;object-fit:fill;border:0;border-radius:0;margin:0}
.supplied-logo-flame img{width:12em;height:12em;left:-4em;top:-1.42em}
.supplied-logo-type img{width:22.45em;height:22.45em;left:-3.76em;top:-15.23em}
.demo-brand .supplied-logo{font-size:6.6px}
.demo-brand{padding:6px 0}
.connection-hub .supplied-logo{font-size:7px}
.ref-brand .supplied-logo{font-size:8px}
.ref-brand .ref-brand-location{display:block;font-size:12px;line-height:1.4;color:#536b75;margin-top:4px}
@media(max-width:650px){.site-header .supplied-logo{font-size:7.5px}.demo-brand .supplied-logo{font-size:7px}.ref-brand .supplied-logo{font-size:7px}}

/* Photographic roofing and salon examples: scoped to replacement gallery slides. */
.roof-sample,.salon-sample{position:relative;background:#faf8f3}
.service-sample-nav{height:80px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#203c34}
.service-sample-nav>b{font:800 18px/1.2 var(--display);letter-spacing:.025em}
.service-sample-nav small{display:block;font:600 8px/1.4 var(--font);letter-spacing:.19em;margin-top:5px}
.service-sample-nav>span{font-size:10px;line-height:1.5;text-align:right;max-width:145px}
.sample-brand-symbol{color:#a4752b;font-size:23px}
.service-sample-hero{position:relative;isolation:isolate;min-height:350px;overflow:hidden;display:flex;align-items:center}
.service-sample-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-2}
.service-sample-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08271df0 0%,#0a2319bd 35%,#0c241938 70%,transparent)}
.service-sample-copy{padding:28px;position:relative;color:#fff;max-width:100%}
.service-sample-copy .sample-kicker{font:700 9px/1.6 var(--font);letter-spacing:.14em;color:#f8d8a2}
.service-sample-copy h3{font:750 clamp(31px,2.6vw,40px)/1.08 var(--display);letter-spacing:-.045em;color:#fff;margin:17px 0}
.service-sample-copy p{font:400 12px/1.7 var(--font);color:#fff;margin:0 0 23px;text-shadow:0 1px 8px #0005}
.service-sample-copy button{display:inline-flex;align-items:center;gap:20px;min-height:44px;background:#f4d89e;border:1px solid #f4d89e;border-radius:3px;padding:12px 16px;color:#18332a;font:700 12px/1.3 var(--font);cursor:pointer}
.service-sample-copy button:hover{background:#ffe7b7;box-shadow:0 4px 20px #0003}
.service-sample-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 18px;font:500 10px/1.4 var(--font);color:#254438}
.salon-sample .service-sample-nav{background:#fbf3ed;color:#4b2a2d}
.salon-sample .service-sample-nav>b{font:400 34px/1 Georgia,serif;letter-spacing:-.06em}
.salon-sample .service-sample-nav small{letter-spacing:.25em;font-size:8px;margin-left:2px}
.salon-sample .service-sample-hero:after{background:linear-gradient(90deg,#241516ed 0%,#2a1718bd 35%,#30211b22 80%,transparent)}
.salon-sample .service-sample-hero>img{object-position:68% center}
.salon-sample .sample-kicker{color:#f6d9c8}
.salon-sample .service-sample-copy h3{font:400 clamp(34px,2.9vw,44px)/1.1 Georgia,serif;letter-spacing:-.05em}
.salon-sample .service-sample-copy button{background:#f3ded1;border-color:#f3ded1;color:#48282c}
.salon-sample .service-sample-copy button:hover{background:#fff0e4}
.salon-sample .service-sample-bottom{background:#fbf3ed;color:#56393c}
.website-slide .sample-booking>p:not(.micro-label){font-size:15px;line-height:1.7}
.website-slide .sample-booking .button{margin:16px 0}
@media(max-width:650px){.service-sample-nav{padding:14px 16px;height:74px}.service-sample-nav>b{font-size:16px}.service-sample-nav>span{max-width:95px;font-size:9px}.service-sample-hero{min-height:350px}.service-sample-copy{padding:25px 20px}.service-sample-copy h3{font-size:32px}.salon-sample .service-sample-copy h3{font-size:35px}.service-sample-copy p{font-size:12px}.service-sample-bottom{font-size:9px;padding:16px 12px;gap:6px}}
@media(max-width:650px){.salon-sample .service-sample-hero>img{object-position:15% center}.salon-sample .service-sample-copy h3{font-size:32px}.salon-sample .service-sample-copy p{max-width:205px}.salon-sample .service-sample-hero:after{background:linear-gradient(90deg,#241516e8 0%,#24151699 45%,transparent 90%)}}
@media(max-width:650px){.salon-sample .service-sample-hero{display:block;min-height:0;padding-top:180px;background:#302022}.salon-sample .service-sample-hero>img{height:180px;object-position:center 27%;z-index:0}.salon-sample .service-sample-hero:after{display:none}.salon-sample .service-sample-copy{padding:20px}.salon-sample .service-sample-copy h3{font-size:32px;margin:12px 0}.salon-sample .service-sample-copy p{max-width:none;margin-bottom:16px;line-height:1.6}.salon-sample .service-sample-copy p br{display:none}}
.website-gallery-track{align-items:flex-start}