.draft-guide{background:#f3f3ef;color:#07121f}.draft-guide .page-hero{background:#07121f;color:#f3f3ef}.draft-guide .page-hero p{color:#a6bdc6}.draft-guide .page-hero .eyebrow{color:#3fb7b4}.draft-guide .section{padding:48px 0}.draft-guide .guide-copy{max-width:900px}.draft-guide h2{font-size:clamp(28px,4vw,42px);margin-bottom:20px}.draft-guide p,.draft-guide li{font-size:17px;line-height:1.7;color:#4b6067}.guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-options .card h3{font-size:21px}.guide-options .card p{font-size:15px;margin:0}.draft-guide details{border-top:1px solid #ccd8d3;padding:20px 0}.draft-guide summary{cursor:pointer;font-weight:600}.draft-guide details p{margin-bottom:0}.guide-links{display:flex;gap:24px;flex-wrap:wrap}.draft-guide .compact-final{padding-top:32px}.draft-guide .compact-cta p{color:#a6bdc6}.draft-guide .btn{background:#3fb7b4;color:#07121f;border-color:#3fb7b4}@media(max-width:767px){.guide-options{grid-template-columns:minmax(0,1fr)}.draft-guide .page-hero{padding:60px 0 44px}.draft-guide .page-hero h1{font-size:38px}.draft-guide .section{padding:34px 0}.draft-guide .shell{width:calc(100% - 36px)}.draft-guide p,.draft-guide li{font-size:16px}}
.solution-guide-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;grid-column:1/-1}
.draft-guide .page-hero{padding-top:130px}
/* Solutions illustrations: four distinct scenes, using existing example copy. */
.examples-page .solution-art{position:relative;isolation:isolate;min-width:0;width:100%;min-height:310px;border:1px solid #2a505d;border-radius:26px;padding:24px;background:radial-gradient(ellipse at 75% 0,#21515b66,transparent 65%),#071722;box-shadow:inset 0 1px 0 #8fd5d017,0 22px 48px #07121f20;color:#f3f3ef;overflow:hidden}
.solution-art:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#84c5c506 1px,transparent 1px),linear-gradient(90deg,#84c5c506 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(145deg,#000,transparent 85%)}
.art-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 10px/1.5 Manrope;letter-spacing:.13em;color:#a6bdc6}.art-topline small{display:flex;align-items:center;gap:6px;font:400 11px/1.5 'DM Sans';letter-spacing:0;color:#8ad2cb;white-space:nowrap}.art-topline small i{width:5px;height:5px;border-radius:50%;background:#3fb7b4}.solution-vector{width:22px;height:24px;flex-shrink:0}
.inbox-scene{display:grid;grid-template-columns:82px minmax(0,1fr);gap:26px;align-items:center;min-height:224px}.art-core{position:relative;display:grid;place-items:center;width:82px;height:94px;border:1px solid #77c5bc;border-radius:23px;background:linear-gradient(145deg,#35727b,#10323e 70%);box-shadow:7px 9px 0 #04111a,0 15px 38px #3fb7b426;transform:rotate(-8deg);transition:transform .45s}.art-core:after{content:'';position:absolute;inset:7px;border:1px solid #8ed9d833;border-radius:17px}.art-core svg{width:43px;height:46px;color:#b4ebe3}.inbox-routes{display:grid;gap:12px}.inbox-route{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:51px;padding:10px 12px;border:1px solid #34545f;border-radius:12px;background:#102a36;box-shadow:0 7px 0 #04131d66;font-size:12px;transition:transform .35s,border-color .35s}.inbox-route:before{content:'';position:absolute;width:26px;height:1px;right:100%;background:#3fb7b455}.art-route-marker{display:flex;color:#7ccdc6}.art-route-marker svg{width:18px;height:20px}.inbox-route b{font-size:10px;font-weight:500;color:#99ded6;background:#3fb7b41c;padding:4px 6px;border-radius:5px}
.lead-scene{position:relative;height:224px}.lead-line{position:absolute;inset:20px 0;width:100%;height:190px;overflow:visible}.lead-line path{fill:none;stroke:#3fb7b455;stroke-width:1.5;stroke-dasharray:5 5}.lead-tile{position:absolute;display:flex;align-items:center;gap:12px;width:57%;min-height:57px;padding:12px 16px;border:1px solid #40646c;border-radius:13px;background:linear-gradient(135deg,#173e49,#0c232f);box-shadow:0 10px 24px #0003;transition:transform .4s}.lead-tile span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:8px;background:#3fb7b421;color:#8ad6d0;font-size:10px}.lead-tile b{font-size:13px;font-weight:500}.lead-tile>i{width:5px;height:5px;background:#66c9c0;border-radius:50%;margin-left:auto}.lead-tile-0{top:21px;left:0}.lead-tile-1{top:94px;left:21%}.lead-tile-2{top:167px;right:0}.lead-orbit{position:absolute;right:12px;top:23px;width:56px;height:56px;display:grid;place-items:center;border:1px solid #3f777f;border-radius:50%;color:#85d6d0;box-shadow:0 0 0 9px #3fb7b40b}
.proposal-scene{position:relative;min-height:245px;display:grid;place-items:center;padding-top:12px}.paper-shadow,.proposal-paper{width:72%;max-width:265px;height:190px;border:1px solid #52727b;border-radius:13px}.paper-shadow{position:absolute;top:38px;transform:rotate(8deg);background:#163d47;opacity:.6}.proposal-paper{position:relative;transform:rotate(-5deg);padding:22px;background:linear-gradient(145deg,#f3f3ef,#cddfdc);box-shadow:0 20px 30px #0005;color:#07121f;transition:transform .4s}.proposal-paper h4{font:600 16px/1.4 Manrope;margin:0 0 21px;color:#102a36}.paper-seal{position:absolute;right:18px;top:18px;color:#288981}.paper-seal svg{width:20px;height:23px}.paper-lines{display:grid;gap:10px;width:82%}.paper-lines i{height:4px;border-radius:4px;background:#7eaaa6}.paper-lines i:nth-child(2){width:82%}.paper-lines i:nth-child(3){width:92%}.paper-lines i:nth-child(4){width:60%;background:#2e9c95}.paper-signature{margin-top:12px;width:95px;height:25px}.paper-signature svg{width:100%;fill:none;stroke:#1d706c;stroke-width:1.5}.proposal-action{position:absolute;right:3px;bottom:11px;display:flex;align-items:center;gap:15px;padding:11px 16px;background:#3fb7b4;color:#061923;border:1px solid #87d5ce;border-radius:10px;font:600 12px/1.4 Manrope;box-shadow:0 9px 25px #0004}.proposal-action svg{width:16px;height:18px}
.booking-scene{position:relative;display:grid;place-items:center;min-height:240px}.booking-halo{position:absolute;width:210px;height:210px;right:5%;border:1px solid #40818b33;border-radius:50%;box-shadow:0 0 0 24px #3fb7b407}.calendar-surface{position:relative;width:100%;padding:23px 15px 18px;border:1px solid #40636e;border-radius:19px;background:linear-gradient(140deg,#163945,#0a202d);box-shadow:0 20px 32px #0004;transform:rotate(-3deg);transition:transform .4s}.calendar-days,.calendar-dates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;text-align:center}.calendar-days{font:400 11px Manrope;color:#88a8b0;margin-bottom:13px}.calendar-dates span{position:relative;padding:13px 0;background:#1b3d4833;border:1px solid #4e737c55;border-radius:9px;font:500 18px Manrope;color:#c4d9da}.calendar-dates .selected{background:#3fb7b4;color:#07121f;border-color:#a4e6df;box-shadow:0 5px 17px #3fb7b42b;transform:translateY(-5px)}.calendar-dates .selected i{position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#07121f}.booking-confirm{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #38606a66;margin-top:22px;padding-top:15px;font-size:11px;color:#a6bdc6}.booking-confirm span,.booking-confirm b{display:flex;align-items:center;gap:6px}.booking-confirm b{font-size:10px;color:#8cd6cd;font-weight:500}.booking-confirm svg{width:14px;height:16px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.solution-art:hover .art-core{transform:rotate(0) translateY(-3px)}.solution-art:hover .inbox-route{transform:translateX(4px);border-color:#6ebcb7}.solution-art:hover .lead-tile{transform:translateY(-4px)}.solution-art:hover .proposal-paper{transform:rotate(-1deg) translateY(-3px)}.solution-art:hover .calendar-surface{transform:rotate(0)}}
/* Existing guide copy is preserved; depth is optional instead of a text wall. */
.visual-guide .guide-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.visual-guide .page-hero{padding-bottom:70px}.visual-guide .page-hero h1{max-width:730px}.visual-guide .page-hero p{max-width:600px;font-size:21px!important}.guide-sculpture{position:relative;min-height:270px;display:grid;place-items:center;perspective:900px}.guide-sculpture-ring{position:absolute;width:245px;height:245px;border:1px solid #3f7c8755;border-radius:50%;box-shadow:0 0 0 35px #3fb7b408,0 0 0 70px #3fb7b404}.guide-slab{position:absolute;width:155px;height:188px;border:1px solid #73b7b5;border-radius:23px;background:linear-gradient(145deg,#2b6570,#0e2938);box-shadow:8px 12px 0 #04131f,0 24px 48px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a8e7de;transition:transform .5s}.guide-slab>svg{width:68px;height:68px}.slab-back{transform:translate(-40px,-15px) rotate(-15deg);opacity:.55}.slab-front{transform:translate(32px,9px) rotate(8deg)}.slab-lines{display:flex;gap:6px;margin-top:15px}.slab-lines i{height:5px;width:18px;background:#6bbcb2;border-radius:4px}.slab-lines i:nth-child(2){width:36px;background:#a9e6da}.slab-check{position:absolute;bottom:-13px;right:-12px;display:grid;place-items:center;width:42px;height:42px;background:#3fb7b4;color:#07121f;border:1px solid #b5ece2;border-radius:14px;font-size:20px;box-shadow:0 6px 12px #0005}.guide-spark{position:absolute;width:14px;height:14px;border:1px solid #7bc3c0;border-radius:4px;background:#225360}.spark-a{left:14%;bottom:20%;transform:rotate(-13deg)}.spark-b{right:15%;top:10%;width:9px;height:9px}.guide-sculpture-sheets .slab-back{transform:translate(-40px,-10px) rotate(-9deg)}.guide-sculpture-sheets .slab-front{transform:translate(30px,10px) rotate(5deg)}
.visual-guide .guide-workflow-section{padding-top:60px;padding-bottom:42px}.visual-guide .guide-flow{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:15px;padding:0;margin:30px 0 22px;counter-reset:none}.visual-guide .guide-flow li{position:relative;min-width:0;padding:20px;border:1px solid #becfca;background:#e8efeb;border-radius:17px}.flow-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0c2b35;color:#81d0c7;font:500 11px Manrope;margin-bottom:15px}.visual-guide .guide-flow p{font-size:15px;line-height:1.55;margin:0}.visual-guide .guide-workflow-note{border-bottom:1px solid #ccd8d3}.visual-guide .guide-options-section{background:#e8eeea}.visual-guide .guide-options .card{border-radius:21px;padding:28px;min-height:0}.guide-option-icon{display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(145deg,#24525d,#0b2533);border:1px solid #3d7377;border-radius:15px;box-shadow:3px 4px 0 #061a24;color:#9ce0d4;margin-bottom:25px}.guide-option-icon svg{width:29px;height:29px}.visual-guide .guide-options h3{margin:0 0 15px}.visual-guide .guide-depth-section{padding-top:40px}.visual-guide details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;color:#102c36;min-height:32px}.visual-guide details summary::-webkit-details-marker{display:none}.visual-guide details summary:after{content:'+';flex-shrink:0;color:#267e7a;font-size:23px;font-weight:400}.visual-guide details[open] summary:after{content:'−'}.visual-guide details summary h2{font:600 19px/1.45 Manrope;margin:0}.visual-guide details[open] summary{margin-bottom:18px}.visual-guide summary:focus-visible{outline:2px solid #268f89;outline-offset:6px;border-radius:3px}.visual-guide .guide-faq-heading{font-size:28px;margin:40px 0 20px}.visual-guide .guide-links{padding-top:25px}.visual-guide .compact-final{background:#07121f}.visual-guide .compact-cta h2{color:#f3f3ef}
@media(max-width:1000px){.visual-guide .guide-hero-grid{grid-template-columns:1.3fr .7fr;gap:20px}.guide-sculpture{transform:scale(.85)}.inbox-scene{grid-template-columns:65px minmax(0,1fr);gap:18px}.art-core{width:65px;height:79px}.examples-page .solution-art{padding:20px}.inbox-route{gap:6px;padding:10px 8px}.inbox-route:before{width:18px}}
@media(max-width:767px){.visual-guide .guide-hero-grid{grid-template-columns:1fr;gap:12px}.visual-guide .page-hero{padding-bottom:28px}.guide-sculpture{min-height:220px;transform:scale(.8);margin:-10px 0}.visual-guide .page-hero p{font-size:18px!important}.visual-guide .guide-flow{grid-template-columns:1fr 1fr;gap:10px}.visual-guide .guide-flow li{padding:18px}.visual-guide .guide-flow p{font-size:14px}.visual-guide .guide-options .card{padding:23px}.visual-guide .guide-options .card p{font-size:15px}.visual-guide .guide-workflow-section{padding-top:35px}.visual-guide details summary h2{font-size:17px}.examples-page .solution-art{min-height:280px}.art-topline{font-size:9px}.inbox-scene{min-height:210px;grid-template-columns:56px minmax(0,1fr);gap:14px}.art-core{width:56px;height:70px;border-radius:16px}.art-core svg{width:30px;height:33px}.art-core:after{border-radius:11px}.inbox-route{grid-template-columns:18px minmax(0,1fr) auto;font-size:11px;gap:5px}.inbox-route b{font-size:9px;padding:4px}.inbox-route:before{width:14px}.lead-tile{width:66%;padding:11px;gap:8px}.lead-tile b{font-size:12px}.lead-tile-1{left:15%}.lead-orbit{right:7px;width:40px;height:40px;top:24px}.proposal-paper{width:77%;padding:20px 16px}.proposal-paper h4{font-size:14px}.paper-seal{right:13px}.calendar-surface{padding:20px 10px 15px}.calendar-dates span{font-size:16px}.booking-confirm{font-size:10px}}
@media(max-width:359px){.visual-guide .guide-flow{grid-template-columns:1fr}.examples-page .solution-art{padding:16px}.inbox-scene{grid-template-columns:1fr;gap:9px;justify-items:center;padding-top:15px}.art-core{width:50px;height:48px;border-radius:12px}.art-core svg{width:26px}.inbox-routes{width:100%;gap:7px}.inbox-route{min-height:40px}.inbox-route:before{display:none}.solution-art-inbox .art-core:after{inset:4px;border-radius:8px}.solution-art-inbox{padding-bottom:20px}.art-topline small{font-size:10px}.proposal-paper{width:85%}.paper-seal{top:15px;right:10px}.paper-seal svg{width:17px}.booking-confirm{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){.solution-art *,.guide-sculpture *{transition:none!important;animation:none!important}}