.direction-switch{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:50;background:#1a1c1f;color:#fff;border:1px solid #ffffff25;border-radius:50px;padding:7px;display:flex;align-items:center;gap:4px;box-shadow:0 8px 35px #0003;white-space:nowrap;font-size:12px}.direction-switch>span{padding:0 12px;color:#b7bdc7}.direction-switch a{padding:10px 16px;border-radius:30px}.direction-switch a[aria-current]{background:white;color:#1a1c1f}.feature-visual{border-radius:18px;aspect-ratio:1.18;background:none}.service-art{position:relative;isolation:isolate;width:100%;height:100%;min-height:260px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f6f8fb;color:#1a1c1f;font-size:12px;line-height:1.4;border:1px solid #e4e8ee;border-radius:18px}.service-art:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b7c5da15 1px,transparent 1px),linear-gradient(90deg,#b7c5da15 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(#000,transparent)}.signup{width:80%;padding:26px 22px;background:white;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 12px 30px #263c5510;transform:translate(-10px,10px)}.mini-label{display:block;font-size:8px;letter-spacing:.1em;color:#7b8491}.signup strong{display:block;font-size:23px;line-height:1.2;margin:13px 0 20px;letter-spacing:-.025em}.input-line{display:flex;justify-content:space-between;align-items:center;padding:7px 7px 7px 12px;border:1px solid #e0e5ee;border-radius:7px;color:#8c939e;font-size:11px}.input-line b{padding:7px 12px;background:#316cf0;border-radius:4px;color:white}.consent{display:block;font-size:8px;margin-top:10px;color:#8c939e}.floating-note{position:absolute;right:12px;top:30px;background:#e8f2ec;color:#28734c;padding:10px 13px;border:1px solid #cde5d5;border-radius:30px;font-size:10px}.mail-pair{display:flex;gap:15px;position:absolute;left:35px;right:20px;top:26px;bottom:-80px;transform:rotate(-7deg)}.service-art .mail-pair img{width:47%;height:100%;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #dce1e6;box-shadow:0 5px 16px #15263a15}.mail-pair img:last-child{transform:translateY(34px)}.send-label{position:absolute;bottom:25px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e4e8ee;border-radius:9px;padding:15px 12px;font-size:10px;box-shadow:0 10px 25px #23324915}.status-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#3a9e72;margin-right:5px}.flow-node{padding:14px 18px;border:1px solid #dee4ee;border-radius:9px;background:#fff;width:72%;display:flex;gap:12px;align-items:center;font-weight:600}.blue-node{background:#316cf0;color:white;border-color:#316cf0}.flow-line{height:18px;width:1px;background:#bac9df}.flow-delay{font-size:9px;color:#748095}.flow-branches{display:flex;gap:9px;padding-top:26px;position:relative}.flow-branches:before{content:'';position:absolute;top:0;left:25%;right:25%;height:20px;border:1px solid #bac9df;border-bottom:0}.flow-branches span{background:white;border:1px solid #dce4ef;padding:9px;border-radius:6px;font-size:9px}.test-row{display:flex;gap:12px;align-items:center;width:87%;padding:18px 13px;background:white;border:1px solid #e1e6ed;border-radius:10px;transform:translateX(-10px)}.test-row:last-child{transform:translateX(10px)}.test-row>span{font-size:22px;font-weight:700;color:#316cf0}.test-row small{display:block;color:#87909d;font-size:9px;margin-bottom:5px}.test-row b{font-size:11px}.test-divider{font-size:9px;letter-spacing:2px;margin:15px;color:#8391a6}.audience-orbit{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;transform:rotate(-7deg);width:110%}.audience-orbit span{background:#fff;border:1px solid #dde4ef;border-radius:50px;padding:14px 18px;font-size:12px;font-weight:600}.audience-orbit span:nth-child(2){color:#316cf0;background:#e6eeff;border-color:#c6d8ff}.audience-orbit span:nth-child(3){color:#316cf0}.segment-bottom{position:absolute;bottom:26px;font-size:10px;color:#7d8796}.art-5{padding:28px;justify-content:flex-start}.plan-header{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.plan-header b{font-size:16px}.plan-header span{font-size:10px;color:#7b8799}.plan-days{display:flex;justify-content:space-around;width:100%;font-size:9px;color:#8a95a5;margin-bottom:10px}.plan-grid{display:grid;grid-template-columns:repeat(5,1fr);width:100%;height:160px;gap:1px;background:#e0e7f0;border:1px solid #e0e7f0}.plan-grid i{background:#ffffffb8}.plan-event{position:absolute;left:38px;right:72px;padding:9px 12px;background:#316cf0;color:#fff;border-radius:5px;font-size:10px}.event-one{top:130px}.event-two{top:195px;left:85px;right:20px;background:#dce8ff;color:#316cf0}.timeline-step>.service-art{height:230px;min-height:230px}.timeline-step .service-art .signup{padding:15px}.direction-color .service-art{border:0;background:radial-gradient(ellipse at 85% 10%,#00c8ff 0%,transparent 48%),radial-gradient(ellipse at 15% 95%,#7842ff 0%,transparent 48%),#316cf0}.direction-color .service-art:before{background:radial-gradient(ellipse at 5% 0%,#39baff 0%,transparent 50%),radial-gradient(ellipse at 95% 100%,#192dd4 0%,transparent 52%);mask-image:none}.direction-color .art-1{background:radial-gradient(ellipse at 5% 0%,#ffe342,transparent 60%),#ff7029}.direction-color .art-2{background:radial-gradient(ellipse at 80% 0%,#79eac5,transparent 60%),#009e91}.direction-color .art-3{background:radial-gradient(ellipse at 5% 0%,#ff72c6,transparent 60%),#8140ed}.direction-color .art-4{background:radial-gradient(ellipse at 85% 5%,#ceff72,transparent 60%),#24b1d5}.direction-color .art-5{background:radial-gradient(ellipse at 0% 100%,#ac79ff,transparent 60%),#4277ed}.direction-color .service-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.direction-color .signup{transform:rotate(-5deg) translateY(12px);border:0}.direction-color .floating-note{top:20px;transform:rotate(7deg);background:#1a1c1f;color:white;border:0}.direction-color .flow-node{transform:rotate(-3deg);border:0}.direction-color .blue-node{transform:rotate(3deg);background:#163c65}.direction-color .flow-line{background:#fff9}.direction-color .flow-delay,.direction-color .segment-bottom,.direction-color .test-divider{color:#fff}.direction-color .test-row{transform:rotate(-5deg) translateX(-8px);border:0}.direction-color .test-row:last-child{transform:rotate(5deg) translateX(8px)}.direction-color .plan-header,.direction-color .plan-header span,.direction-color .plan-days{color:white}.direction-color .plan-grid{background:#ffffff50;border-color:#ffffff50}.direction-color .plan-grid i{background:#ffffff20}.direction-color .event-one{background:white;color:#316cf0;transform:rotate(-4deg)}.direction-color .event-two{background:#1a1c1f;color:white;transform:rotate(4deg)}
@media(max-width:650px){.direction-switch{bottom:10px;font-size:11px;max-width:calc(100% - 16px)}.direction-switch>span{display:none}.direction-switch a{padding:11px 17px}.timeline-step>.service-art{grid-column:2;min-width:0}.feature-visual{aspect-ratio:1.18}.service-art{min-height:260px}.timeline-step .service-art{min-height:230px}.feature-section{padding-bottom:65px}}
/* Third direction: the hero's open sky, daylight and email fan carried into services. */
.direction-sky .feature-section{background:linear-gradient(#fff,#f3f8fc 55%,#fff)}
.direction-sky .service-art{border:0;background:#d8edf8 url('assets/service-sky.webp') center/cover;border-radius:22px;box-shadow:none}
.direction-sky .service-art:before{background:linear-gradient(180deg,#ffffff05 50%,#e9f5fb55);mask-image:none}
.direction-sky .art-1{background-position:65% 50%}
.direction-sky .art-3{background-position:20% 40%;background-size:auto 120%}
.direction-sky .art-4{background-position:75% 30%;background-size:auto 140%}
.direction-sky .signup{background:#ffffffed;border:1px solid #fff;border-radius:15px;box-shadow:0 12px 25px #35617e18;transform:rotate(-4deg) translateY(12px)}
.direction-sky .floating-note{background:#ffffffed;border:1px solid #fff;color:#316cf0;box-shadow:0 5px 15px #35617e10;top:26px;right:12px;transform:rotate(4deg)}
.direction-sky .mail-pair{left:30px;right:20px;top:28px;gap:10px;transform:none}
.direction-sky .service-art .mail-pair img{width:48%;transform:rotate(-10deg) translateY(20px);border:0;box-shadow:0 10px 25px #25475b28}
.direction-sky .service-art .mail-pair img:last-child{transform:rotate(10deg);margin-left:-8px}
.direction-sky .send-label{background:#fffffff0;border:1px solid #fff;bottom:19px;border-radius:12px}
.direction-sky .flow-node{border:1px solid #fff;background:#ffffffed;box-shadow:0 6px 18px #34516a10;border-radius:12px}
.direction-sky .blue-node{background:#316cf0;color:white;border-color:#316cf0}
.direction-sky .flow-delay{color:#4a6c81}
.direction-sky .flow-branches span{background:#ffffffec;border-color:#fff;border-radius:8px}
.direction-sky .test-row{border-color:white;border-radius:12px;box-shadow:0 8px 20px #32587615;background:#ffffffed;transform:rotate(-4deg) translateX(-8px)}
.direction-sky .test-row:last-child{transform:rotate(4deg) translateX(8px)}
.direction-sky .test-divider{color:#426982}
.direction-sky .audience-orbit{transform:rotate(-5deg);gap:15px;width:100%}
.direction-sky .audience-orbit span{background:#ffffffeb;border:1px solid white;box-shadow:0 8px 20px #355a7910;color:#31546b;padding:14px 16px}
.direction-sky .audience-orbit span:nth-child(2){background:#316cf0;color:white;border-color:#316cf0}
.direction-sky .segment-bottom{color:#3e6379;background:#ffffffb8;border-radius:30px;padding:8px 12px;bottom:20px}
.direction-sky .plan-header{color:#294c66}
.direction-sky .plan-header span,.direction-sky .plan-days{color:#52748d}
.direction-sky .plan-grid{background:#ffffff90;border-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px #32587612}
.direction-sky .plan-grid i{background:#ffffffb8}
.direction-sky .event-one{box-shadow:0 6px 15px #316cf020;transform:rotate(-3deg)}
.direction-sky .event-two{background:white;color:#316cf0;box-shadow:0 6px 15px #32587615;transform:rotate(3deg)}
.direction-sky .feature{border:0}
.direction-sky .timeline-step>.service-art{border-radius:20px}
@media(max-width:650px){.direction-switch a{padding:11px 12px;font-size:10px}.direction-sky .feature-visual{border-radius:20px}}
/* Product artwork refinement only: preserve the original feature grid and copy. */
.direction-dub .feature-visual .service-art{background:radial-gradient(ellipse at 50% 58%,#edf3ff 0%,#f9fafc 65%,#fff 100%);border:1px solid #edf0f4}
.direction-dub .feature-visual .service-art:before{background-size:28px 28px;opacity:.6;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.direction-dub .feature-visual .signup{transform:translate(-6px,8px);box-shadow:0 2px 4px #253c5108,0 14px 30px #253c5110;border-color:#e2e7ed;border-radius:12px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.direction-dub .feature-visual .floating-note{background:#fff;border-color:#e2e9e5;box-shadow:0 4px 12px #253c5108}
.direction-dub .feature-visual .flow-node{box-shadow:0 3px 9px #253c5107}
.direction-dub .feature-visual .test-row{box-shadow:0 6px 18px #253c5108;border-color:#e4e8ee;transition:transform .4s ease,border-color .4s ease}
.direction-dub .feature-visual .test-row>span{font-size:25px}
.direction-dub .feature-visual .audience-orbit{transform:none;gap:12px}
.direction-dub .feature-visual .audience-orbit span{border-radius:10px;box-shadow:0 3px 8px #253c5105;transition:transform .4s ease,background .4s ease}
.direction-dub .feature-visual .mail-pair{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.direction-dub .feature-visual .send-label{box-shadow:0 6px 20px #253c5110}
.direction-dub .feature-visual .blue-node{transition:box-shadow .4s ease}
.direction-dub .feature-visual .plan-event{transition:transform .4s ease;box-shadow:0 3px 8px #253c5108}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.direction-dub .feature:hover .signup{transform:translate(-6px,3px)}
.direction-dub .feature:hover .mail-pair{transform:rotate(-3deg) translateY(-7px)}
.direction-dub .feature:hover .test-row{transform:translateX(-3px);border-color:#c8d8f6}
.direction-dub .feature:hover .test-row:last-child{transform:translateX(3px)}
.direction-dub .feature:hover .audience-orbit span:nth-child(2){transform:translateY(-4px);background:#dce8ff}
.direction-dub .feature:hover .blue-node{box-shadow:0 0 0 5px #316cf012,0 6px 16px #316cf018}
.direction-dub .feature:hover .plan-event{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){.direction-dub .feature-visual *{transition:none!important}}