/* Quiet effects built with SVG/CSS. Final content remains readable without JS. */
.wf-app .hero .button{background:#c83c4e;border-color:#d95161;color:#fff}
.wf-app .hero .button:hover{background:#db4b5d;box-shadow:0 7px 26px #cf3d5026}
.wf-app .fiber-panel{transform:perspective(1100px) rotateX(var(--fiber-x,0deg)) rotateY(var(--fiber-y,-3deg));transition:transform .25s ease-out;will-change:auto}
.wf-app .scroll-thread:after{content:"";position:absolute;left:50%;top:calc(var(--wf-progress,0)*100%);transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#b6efff;box-shadow:0 0 11px 3px #53c3e87a}
.wf-app .service-signal{margin-top:14px;height:34px;overflow:hidden;opacity:.85}
.wf-app .service-signal svg{display:block;width:100%;height:34px;overflow:visible}
.wf-app .measurement-grid{fill:none;stroke:#53c3e815;stroke-width:1;vector-effect:non-scaling-stroke}
.wf-app .measurement-trace{fill:none;stroke:#70d0ed;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wf-app.wf-motion .measurement-trace{stroke-dasharray:100;stroke-dashoffset:100}
.wf-app.wf-motion .service-card.is-visible .measurement-trace{animation:wf-measure 1.5s ease-out forwards}
.wf-app .process li:nth-child(1){--step:0}.wf-app .process li:nth-child(2){--step:1}.wf-app .process li:nth-child(3){--step:2}.wf-app .process li:nth-child(4){--step:3}
.wf-app.wf-motion .process.is-visible li:before{animation:wf-splice 1.2s ease-out calc(var(--step)*.4s) both}
.wf-app.wf-motion .process.is-visible li:after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#53c3e8;transform-origin:left;animation:wf-connect .8s ease-out calc(var(--step)*.4s) both}
.wf-app .example-card{background-image:linear-gradient(#53c3e805 1px,transparent 1px),linear-gradient(90deg,#53c3e805 1px,transparent 1px);background-size:20px 20px;border-radius:8px;border-top:2px solid #53c3e879}
.wf-app .example-top{padding-bottom:13px;border-bottom:1px dashed #53c3e833}
.wf-app .example-place{font-family:var(--mono);font-size:15px;letter-spacing:.02em}
.wf-app .quote-window{overflow:hidden}
.wf-app.wf-motion .quote-item:not([hidden]){animation:wf-quote-arrive .65s ease-out both}
.wf-app .quote-band:hover .quote-item{animation-play-state:paused!important}
.wf-app .world-section{background:radial-gradient(ellipse at 85% 12%,#b7a27714,transparent 60%),#243b43;border-top:1px solid #6d97964f;color:#d6e1da;position:relative}
.wf-app .world-section :is(h2,h3){color:#edf0e7}
.wf-app .world-section h2 span,.wf-app .world-copy h3 span{color:#81cddd}
.wf-app .world-section .eyebrow{color:#abc6c6}
.wf-app .world-section .section-heading>div>p,.wf-app .world-section .world-copy>p:not(.eyebrow),.wf-app .world-section .social-row>div>p:last-child{color:#d0ddd8}
.wf-app .world-section .world-copy .world-steps{color:#b4d3cf!important}
.wf-app .world-section .world-card{background:linear-gradient(125deg,#344a4e,#2c434b);border-color:#8fb0aa55;box-shadow:0 10px 30px #081d2530}
.wf-app .world-section .world-card:after{border-color:#bba78522}
.wf-app .world-section .text-link{color:#a5dce4;text-decoration-color:#95d8dc88}
.wf-app .world-section .text-link:hover{color:#dbf5f7}
.wf-app .world-section .world-media figcaption{color:#bdcec8}
.wf-app .world-section .video-note{color:#b9cfca}
.wf-app .world-section .social-row{border-color:#92b4ac44}
.wf-app .world-section .social-links a{color:#e0e8e2}
.wf-app .world-section .social-icon{background:#203942;border-color:#739b9a70;color:#92d5e2}
.wf-app .world-section .social-links a:hover .social-icon{background:#2c505b;box-shadow:0 0 20px #091e3033}
.wf-app .world-media>img{transform:perspective(800px) rotateX(var(--hoodie-x,0deg)) rotateY(var(--hoodie-y,0deg));transition:transform .25s ease-out;transform-origin:center}
.wf-app .youtube-player{border:6px solid #0c1924;border-radius:21px;box-shadow:0 0 0 1px #6c8b98,0 12px 27px #15374c29}
.wf-app .youtube-player:before{content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);width:37px;height:5px;border-radius:5px;background:#0c1924;z-index:3;pointer-events:none}
.wf-app .youtube-player:after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:35px;height:3px;border-radius:4px;background:#d2e7ed88;z-index:3;pointer-events:none}
.wf-app .signal-confirm{display:flex;align-items:center;gap:12px;font:12px/1.7 var(--mono)!important;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px!important;color:#88ddf5!important}
.wf-app .transfer-line{width:70px;height:1px;background:#53c3e84d;position:relative;flex:none;display:block}
.wf-app .transfer-line i{position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#acf0ff;box-shadow:0 0 10px #53c3e8;animation:wf-transfer 1.2s ease-out 1 forwards}
@keyframes wf-measure{to{stroke-dashoffset:0}}
@keyframes wf-splice{0%{opacity:.3;box-shadow:0 0 0 #53c3e800}50%{opacity:1;box-shadow:0 0 15px 4px #53c3e877}100%{opacity:1;box-shadow:0 0 4px #53c3e822}}
@keyframes wf-connect{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wf-quote-arrive{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes wf-transfer{from{transform:translateX(0)}to{transform:translateX(65px)}}
@media(max-width:1000px){.wf-app .fiber-panel{transform:none}}
@media(prefers-reduced-motion:reduce){.wf-app .fiber-panel,.wf-app .world-media>img{transform:none!important;transition:none}.wf-app .scroll-thread:after{display:none}.wf-app .transfer-line i,.wf-app .quote-item,.wf-app .measurement-trace,.wf-app .process li:before,.wf-app .process li:after{animation:none!important}.wf-app .measurement-trace{stroke-dashoffset:0!important}.wf-app .hero .button:hover{transform:none}}

.wf-app .episode-link{display:inline-block;padding-block:3px;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:#a5dce4}

/* Questions stay in the business section; draft answers are visibly labelled. */
.wf-app .faq-list{margin-left:270px;display:grid;gap:14px}
.wf-app .faq-item{padding:0;border-radius:10px;background:#112c43}
.wf-app .faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;font-size:21px;font-weight:450;line-height:1.5;color:#edf6fb}
.wf-app .faq-item summary::-webkit-details-marker{display:none}
.wf-app .faq-item[open] summary{border-bottom:1px solid #53c3e82d}
.wf-app .faq-answer{padding:22px 24px 25px}
.wf-app .faq-answer>p:last-child{font-size:20px;line-height:1.75;color:#cbdfeb;margin-top:10px}
.wf-app .faq-note strong{font-weight:550;color:#dfedf6}
@media(max-width:1150px){.wf-app .faq-list{margin-left:210px}}
@media(max-width:1000px){.wf-app .faq-list{margin-left:0}}
@media(max-width:700px){.wf-app .faq-item summary{font-size:19px;padding:19px 20px}.wf-app .faq-answer{padding:20px}.wf-app .faq-answer>p:last-child{font-size:18px}}

@media(prefers-reduced-motion:reduce){.wf-app *,.wf-app *::before,.wf-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shorter page: three examples, form only, and service-specific diagrams. */
.wf-app .service-signal,.wf-app .service-signal svg{height:40px}
.wf-app .diagram-static{fill:none;stroke:#6eb5cc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wf-app .diagram-node{fill:#8adbf1;stroke:#14344a;stroke-width:1}
.wf-app .examples-compact .example-card h3{min-height:0;margin-top:20px;font-size:23px}
.wf-app .examples-compact .example-card>p{margin-top:12px;font-size:18px}
.wf-app .contact-compact{max-width:860px}
.wf-app .form-heading h2{font-size:30px;line-height:1.3;margin-top:8px}
.wf-app .world-copy>p:not(.eyebrow){max-width:660px}
.wf-app .world-card{padding-block:27px}
@media(max-width:700px){.wf-app .form-heading h2{font-size:27px}.wf-app .examples-compact .example-card>p{font-size:18px}.wf-app .world-card{padding-block:23px}}

/* Full desktop experience; deliberately compact phone experience. */
.wf-app .mobile-only{display:none!important}
@media(max-width:700px){
 .wf-app .desktop-only{display:none!important}
 .wf-app .mobile-only{display:block!important}
 .wf-app .examples-grid.mobile-only{display:grid!important}
 .wf-app .shell{width:calc(100% - 32px)}
 .wf-app .header-main{min-height:64px}.wf-app .brand{width:148px}
 .wf-app .mobile-menu nav{top:59px}
 .wf-app .hero{padding-block:29px;gap:24px}
 .wf-app .hero h1{font-size:clamp(30px,8.3vw,36px);margin-top:17px}
 .wf-app .hero-intro{font-size:17px;line-height:1.6;margin-top:20px}
 .wf-app .hero .actions{margin-top:22px;gap:10px 20px}
 .wf-app .hero .button{min-height:48px;font-size:16px;padding:12px 17px}
 .wf-app .hero .text-link{font-size:16px}
 .wf-app .hero-note{margin-top:22px}
 .wf-app .fiber-panel{max-width:280px}
 .wf-app .facts{padding-block:18px;gap:16px 12px}
 .wf-app .section{padding-block:35px}
 .wf-app .section-heading{gap:8px;margin-bottom:20px}
 .wf-app h2{font-size:27px;line-height:1.18}
 .wf-app .section-heading>div>p{font-size:17px;line-height:1.6;margin-top:13px}
 .wf-app .service-grid{gap:13px}.wf-app .service-card{padding:18px 17px}
 .wf-app .service-card h3{font-size:21px;margin-top:11px}
 .wf-app .service-description{font-size:18px;line-height:1.55;margin-top:10px}
 .wf-app .service-signal,.wf-app .service-signal svg{height:32px}
 .wf-app .service-signal{margin-top:10px}
 .wf-app .service-details{margin-top:12px}
 .wf-app .service-details summary{font-size:16px;min-height:46px;padding:10px 12px}
 .wf-app .service-details ul{font-size:17px;line-height:1.6;margin-top:14px}
 .wf-app .example-card{padding:18px}
 .wf-app .examples-compact .example-card h3{font-size:21px;margin-top:16px}
 .wf-app .examples-compact .example-card>p{font-size:17px;line-height:1.6;margin-top:9px}
 .wf-app .example-top{padding-bottom:10px}
 .wf-app .faq-item summary{font-size:17px;padding:15px 17px;gap:16px}
 .wf-app .faq-answer{padding:17px}.wf-app .faq-answer>p:last-child{font-size:17px;line-height:1.65}
 .wf-app .contact-grid{display:block}
 .wf-app .contact-panel{padding:20px 17px}
 .wf-app .form-heading h2{font-size:25px;margin-top:6px}
 .wf-app .form-heading p{font-size:13px}
 .wf-app .form-grid{margin-top:20px;gap:14px}
 .wf-app .form-grid label{font-size:15px;gap:6px}
 .wf-app .form-grid input,.wf-app .form-grid select,.wf-app .form-grid textarea{font-size:17px;min-height:46px;padding:10px 12px}
 .wf-app .form-grid textarea{min-height:120px}
 .wf-app .form-note{font-size:13px;line-height:1.6;margin-top:18px}
 .wf-app .quote-band{padding-block:19px}
 .wf-app .quote-window{min-height:210px}.wf-app .quote-item blockquote{font-size:17px}
 .wf-app .world-card{padding:20px 17px;gap:21px}
 .wf-app .world-copy h3{font-size:25px;line-height:1.18}
 .wf-app .world-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;margin-top:13px}
 .wf-app .world-copy>.actions,.wf-app .world-copy>.button{margin-top:18px}
 .wf-app .world-media>img{height:225px;width:184px}
 .wf-app .youtube-player{height:225px}
 .wf-app .social-row{padding-top:24px;margin-top:25px}
 .wf-app .social-row>div>p:last-child{font-size:17px}
 .wf-app section[id],.wf-app article[id]{scroll-margin-top:80px}
}