:root{--navy:#19324a;--navy-deep:#13293d;--teal:#2fa6a0;--teal-dark:#207c79;--coral:#ff7a66;--coral-hover:#ed6957;--sand:#f6f1ea;--ivory:#fffcf8;--ink:#1d3346;--muted:#687887;--line:#e7e8e5;--radius:24px;--heading:'Sora',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--body);color:var(--navy);background:var(--ivory);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}button{cursor:pointer}::selection{background:#b8e9df;color:var(--navy)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.container{width:min(1190px,calc(100% - 88px));margin-inline:auto}.skip-link{position:absolute;z-index:150;top:-100px;left:20px;background:var(--navy);color:white;padding:15px 24px;border-radius:8px}.skip-link:focus{top:15px}.section{padding:116px 0}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,252,248,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(25,50,74,.065)}.header-inner{height:86px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand>img{width:43px;height:43px}.brand-word{font-family:var(--heading);font-weight:800;letter-spacing:-.087em;font-size:29px;line-height:1;padding-right:3px}.brand-word span{color:var(--teal);letter-spacing:-.055em}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:24px}.desktop-nav a{font-size:13px;font-weight:600;color:#4f6273;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:var(--teal-dark)}.btn{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:23px;min-height:52px;padding:15px 25px;border-radius:13px;border:0;font-size:13px;font-weight:800;letter-spacing:-.015em;line-height:1.2;transition:transform .22s,box-shadow .22s,background .22s;text-align:center;white-space:nowrap}.btn span{font-size:19px;font-weight:400;line-height:0;transition:transform .22s}.btn:hover{transform:translateY(-2px)}.btn:hover span{transform:translate(2px,-2px)}.btn-coral{background:var(--coral);color:#172e40;box-shadow:0 10px 22px rgba(239,115,93,.2)}.btn-coral:hover{background:var(--coral-hover);box-shadow:0 14px 28px rgba(239,115,93,.28)}.btn-sm{min-height:45px;padding:12px 18px;font-size:12px;border-radius:12px;gap:19px}.btn-lg{padding:18px 25px;min-height:58px;font-size:14px}.mobile-menu-toggle,.mobile-nav{display:none}.hero-section{position:relative;overflow:hidden;background:linear-gradient(130deg,#fdf9f3 0%,#f7f4ee 55%,#f8f3eb 100%)}.hero-soft-shape{position:absolute;width:660px;height:660px;border-radius:50%;right:-380px;top:-265px;background:#f2e6da;opacity:.72;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:51px;align-items:center;padding:104px 0 80px;min-height:648px}.hero-copy{position:relative;z-index:2;padding-bottom:17px}.eyebrow-pill{display:inline-flex;gap:9px;align-items:center;border:1px solid #ddede8;background:#ecf8f3;color:#266962;padding:9px 14px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.012em}.pill-spark{color:var(--teal);font-size:17px;line-height:1}.hero-copy h1{font-family:var(--heading);font-size:clamp(44px,4.3vw,67px);font-weight:800;letter-spacing:-.073em;line-height:1.17;margin:26px 0 23px;white-space:nowrap}.underlined-text{color:var(--teal-dark);position:relative;white-space:nowrap}.underlined-text:after{content:"";position:absolute;left:9%;bottom:-13px;width:80%;height:12px;background:var(--coral);border-radius:40% 20% 50% 10%;transform:rotate(-2deg) scaleY(.28);transform-origin:center center;opacity:.9}.hero-lead{font-size:16px;line-height:1.9;color:#526676;max-width:490px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;white-space:nowrap}.text-link span{font-size:19px;font-weight:500;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.price-teaser{margin-top:49px;display:flex;align-items:center;gap:14px}.teaser-avatars{display:flex;padding-left:4px}.teaser-avatars span{width:32px;height:32px;border:3px solid var(--sand);border-radius:50%;margin-left:-5px;background:#a6d5c5;color:var(--navy);display:grid;place-items:center;font-size:13px;font-weight:700}.teaser-avatars span:nth-child(2){background:#fbb7a0}.teaser-avatars span:nth-child(3){background:#e5d0ab}.price-teaser strong{font-size:11px;display:block;letter-spacing:.01em}.price-teaser small{display:block;color:#71818b;font-size:10px;margin-top:3px}.hero-art{min-height:498px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:500px;top:-17px;right:-34px;background:#e8f1ea;z-index:-2}.orbit-two{width:336px;height:336px;right:-120px;bottom:-10px;background:#f8d6c9;opacity:.7;z-index:-1}.preview-shell{width:min(100%,546px);background:#fff;border:1px solid rgba(25,50,74,.12);box-shadow:0 37px 75px rgba(27,56,62,.14),0 7px 15px rgba(25,50,74,.04);border-radius:18px;overflow:hidden;transform:rotate(-2deg);margin:0 11px 0 8px}.browser-chrome{height:36px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;border-bottom:1px solid #e8e7e5}.chrome-dots{display:flex;gap:5px}.chrome-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#f2aca0}.chrome-dots i:nth-child(2){background:#eacb8c}.chrome-dots i:nth-child(3){background:#a9d8c8}.browser-address{width:49%;max-width:235px;text-align:center;margin:auto;border-radius:5px;background:#f7f7f4;color:#8e9aa1;padding:5px 4px;font-size:8px;letter-spacing:.015em}.browser-address span{color:var(--teal);margin-right:2px}.chrome-square{height:9px;width:11px;border:1.6px solid #c9d1d1;border-radius:2px}.mock-website{background:#f7eee3;min-height:360px;padding:23px 25px 15px;overflow:hidden}.mock-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.mock-logo{font:800 20px var(--heading);letter-spacing:-.07em;color:#3c5951}.mock-period{color:#dd816c}.mock-menu{font-size:7px;color:#74857e;font-weight:700}.mock-hero-layout{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:267px}.mock-copy{position:relative;z-index:2;padding:16px 0}.mock-overline{font-size:7px;color:#d17760;font-weight:800;letter-spacing:.17em}.mock-copy h2{font-size:clamp(26px,2.9vw,41px);line-height:1.13;letter-spacing:-.07em;color:#3a594e;font-family:Georgia,serif;margin:17px 0 13px}.mock-copy h2 em{font-weight:400}.mock-copy p{font-size:9px;color:#6f8079;line-height:1.7;max-width:150px}.mock-button{display:inline-flex;background:#3a6458;border-radius:2px;color:white;padding:10px 14px;font-size:8px;font-weight:600;margin-top:10px}.botanical-svg{width:100%;max-width:267px;max-height:309px;align-self:center;justify-self:center;transform:scale(1.13) translateX(6px)}.mock-footer-line{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e9dcd1;font-size:8px;color:#87928a}.float-card{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #e3eee9;border-radius:13px;background:#fff;padding:12px 16px;box-shadow:0 18px 30px rgba(25,50,74,.11);z-index:3}.float-card strong{display:block;font-size:10px}.float-card small{display:block;font-size:9px;color:#8b9aa1;margin-top:3px}.float-card-left{bottom:59px;left:-35px;transform:rotate(2deg)}.float-card-right{right:-26px;top:46px;transform:rotate(5deg)}.float-check,.mini-globe{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:800}.float-check{background:#dcf6e9;color:#2c9479}.mini-globe{background:#f9e5dc;color:#c96b56}.float-star{position:absolute;z-index:2;color:var(--coral);font-size:54px}.float-star-one{top:1px;right:30px;transform:rotate(14deg)}.float-star-two{bottom:11px;right:77px;font-size:28px;color:var(--teal)}.visual-disclaimer{position:absolute;bottom:6px;right:4px;font-size:8px;color:#788783;letter-spacing:.02em}.hero-bottom{display:flex;align-items:center;gap:18px;padding-bottom:31px;color:#80908f;font-size:10px;font-weight:600}.hero-bottom-line{width:40px;height:1px;background:#aab7b4}.down-arrow{margin-left:auto;font-size:23px;color:var(--teal)}.promise-strip{background:white;border-block:1px solid #efefec}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:116px;align-items:center}.promise{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;font-size:13px}.promise:not(:last-child){border-right:1px solid #ebeeeb}.promise-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:20px}.icon-coral{background:#fff0e9;color:#e9795c}.icon-teal{background:#eaf7f1;color:var(--teal-dark)}.icon-navy{background:#eaf0f6;color:#406880}.kicker{display:inline-flex;align-items:center;gap:10px;color:#3f8785;font-weight:800;letter-spacing:.16em;font-size:10px}.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:49px}.section-heading h2,.pricing-top h2,.faq-intro h2{font:800 clamp(34px,3.3vw,48px)/1.2 var(--heading);letter-spacing:-.061em;margin:17px 0 0}.section-heading>p{width:360px;flex-shrink:0;color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 6px}.text-teal{color:var(--teal-dark)}.benefits-section{background:var(--ivory)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:316px;padding:28px 23px 21px;border:1px solid #eaece8;border-radius:21px;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(25,50,74,.07)}.feature-icon{height:64px;width:64px;border-radius:19px;display:grid;place-items:center;margin-bottom:30px}.feature-icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card-icon-peach{background:#fde8e0;color:#d67b5d}.card-icon-mint{background:#e2f4ec;color:#3b907b}.card-icon-blue{background:#e8f1f7;color:#46758e}.card-icon-sand{background:#f6eddb;color:#a2875f}.feature-card h3{font:700 16px/1.5 var(--heading);letter-spacing:-.045em;margin:0 0 8px}.feature-card h3 em{font-style:normal;color:var(--teal-dark)}.feature-card p{font-size:12px;color:#71808c;line-height:1.85;margin:0}.feature-index{font-size:9px;font-weight:800;letter-spacing:.12em;color:#9fa8ab;margin-top:auto;padding-top:28px}.audience-section{background:#eaf4ed;overflow:hidden}.audience-inner{padding-top:76px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center;position:relative}.audience-inner:after{content:"✳";font-size:240px;color:#d3e9df;position:absolute;right:-210px;top:-85px;transform:rotate(20deg)}.audience-inner h2{font:800 clamp(31px,3vw,45px)/1.27 var(--heading);letter-spacing:-.062em;margin:18px 0 0}.audience-inner h2 i{font-family:Georgia,serif;font-weight:400;color:var(--teal-dark);letter-spacing:-.035em}.audience-right p{color:#587269;line-height:1.8;font-size:14px;margin:0 0 22px}.audience-tags{display:flex;flex-wrap:wrap;gap:9px}.audience-tags span{display:inline-flex;align-items:center;border:1px solid #d2e5da;background:rgba(255,255,255,.65);padding:10px 14px;border-radius:100px;font-size:11px;font-weight:800;color:#45685d}.process-section{background:var(--navy);color:white;overflow:hidden}.process-layout{display:grid;grid-template-columns:.9fr 1fr;gap:125px}.process-intro{position:relative;min-height:400px}.kicker-light{color:#8ce2d0}.process-intro h2{font:800 clamp(34px,3.7vw,52px)/1.23 var(--heading);letter-spacing:-.064em;margin:22px 0 18px}.process-intro h2 span{color:#8ed3c5}.process-intro>p{font-size:14px;line-height:1.9;color:#b2c5ce;max-width:370px;margin:0 0 29px}.process-mark{position:absolute;font-family:var(--heading);font-weight:800;font-size:195px;letter-spacing:-.13em;bottom:-180px;left:-30px;color:rgba(255,255,255,.035);pointer-events:none}.process-mark i{position:absolute;font-size:82px;color:var(--coral);opacity:.18;bottom:170px;left:175px;font-style:normal}.process-steps{display:grid;gap:0;padding-top:20px}.process-step{display:grid;grid-template-columns:63px 1fr 38px;gap:12px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.16)}.process-step:first-child{padding-top:2px}.process-step:last-child{border-bottom:0}.step-number{font:800 15px var(--heading);color:#8adacb}.process-step h3{font:700 18px/1.5 var(--heading);letter-spacing:-.04em;margin:0 0 8px}.process-step p{font-size:12px;line-height:1.9;color:#b2c5ce;max-width:340px;margin:0}.step-glyph{font-size:26px;color:var(--coral);font-weight:300;text-align:right}.examples-section{background:var(--ivory)}.examples-heading>p{width:300px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.example-card{border-radius:18px;overflow:hidden;border:1px solid rgba(25,50,74,.07);height:365px;transition:transform .25s,box-shadow .25s}.example-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(25,50,74,.08)}.example-browser{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:2}.example-mini-brand{font-family:var(--heading);font-size:16px;font-weight:800;letter-spacing:-.065em}.example-mini-nav{font-size:8px;font-weight:700;white-space:nowrap}.example-content{height:315px;position:relative;padding:26px 28px;overflow:hidden}.example-label{letter-spacing:.13em;font-weight:800;font-size:9px;margin-bottom:21px}.example-content h3{font:600 34px/1.19 Georgia,serif;letter-spacing:-.047em;position:relative;z-index:2;margin:0 0 15px}.example-content h3 em{font-weight:400}.example-content p{font-size:11px;position:relative;z-index:2}.example-studio{background:#efe5d9;color:#3d5347}.example-studio .example-browser{border-bottom:1px solid #e2d7cb}.example-studio .example-mini-brand span{color:#b38770}.example-studio .example-content{background:#f4ece3}.studio-art{position:absolute;width:193px;height:196px;right:-28px;bottom:-28px}.studio-art-big{display:block;position:absolute;left:30px;top:0;width:149px;height:210px;border-radius:100px 100px 10px 10px;background:#cfb198}.studio-art-small{position:absolute;width:95px;height:139px;top:60px;left:0;background:#b8c1a5;border-radius:100px 100px 10px 10px}.studio-art-leaf{position:absolute;z-index:2;font-size:102px;color:#627a61;top:20px;left:64px}.example-charity{background:#ece8f7;color:#48355c}.example-charity .example-browser{border-bottom:1px solid #ded8ef}.example-charity .example-mini-brand span{color:#f0989d}.example-charity .example-content{background:#f3eefa}.example-charity .example-content h3{font-size:31px}.charity-art{position:absolute;width:195px;height:175px;right:-15px;bottom:-30px}.charity-circle{position:absolute;display:block;border-radius:50%;width:132px;height:132px}.circle-1{background:#d6c5ee;left:0;top:25px}.circle-2{background:#f5c1ca;right:0;top:0}.charity-heart{position:absolute;top:36px;left:53px;font-size:93px;color:#976fb5;transform:rotate(-14deg)}.example-startup{background:#142f45;color:white}.example-startup .example-browser{border-bottom:1px solid rgba(255,255,255,.15)}.example-startup .example-mini-brand span{color:#fb927a}.example-startup .example-content{background:radial-gradient(circle at 80% 92%,#2c5263,transparent 49%),#17364c}.example-startup .example-label{color:#93cbbf}.example-startup .example-content h3{font-family:var(--heading);letter-spacing:-.08em;font-size:34px;font-weight:800}.example-startup .example-content h3 em{font-family:Georgia,serif;font-weight:400;color:#9fd3c7;letter-spacing:-.035em}.example-startup .example-content p{color:#b5ced2}.startup-art{position:absolute;right:-35px;bottom:-43px;width:220px;height:235px}.startup-ring{position:absolute;display:block;border:36px solid #297a83;width:217px;height:217px;border-radius:50%;top:10px;right:0}.startup-dot{position:absolute;display:block;width:56px;height:56px;background:#f9a087;border-radius:50%;left:4px;top:0}.startup-star{position:absolute;color:#ffb092;font-size:69px;top:53px;right:35px}.examples-caption{text-align:center;font-size:11px;color:#929ba2;margin:19px 0 0}.pricing-section{background:#f2f7f1}.pricing-top{text-align:center;margin-bottom:40px}.pricing-top>p{max-width:510px;margin:20px auto 0;font-size:14px;color:#68807a;line-height:1.8}.pricing-card{width:min(1010px,100%);margin:auto;display:grid;grid-template-columns:.95fr 1.15fr;background:white;border-radius:25px;overflow:hidden;box-shadow:0 25px 65px rgba(24,61,60,.08);border:1px solid #e5ece5}.pricing-main{position:relative;background:var(--navy);color:white;padding:42px 47px 45px;overflow:hidden;min-height:455px}.pricing-label{font-size:10px;font-weight:800;letter-spacing:.125em;display:flex;align-items:center;gap:9px;color:#acd8d1}.pricing-label-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.price-amount{font:800 111px/1.18 var(--heading);letter-spacing:-.105em;margin:18px 0 0}.price-amount span{font-size:50px;vertical-align:23px;letter-spacing:-.05em;margin-right:5px}.price-description{font-size:13px;color:#c4d2d8;line-height:1.8;max-width:300px;margin-bottom:24px}.btn-pricing{width:min(265px,100%);justify-content:space-between}.pricing-sidenote{display:block;color:#94b3be;margin-top:21px;font-size:10px}.pricing-decoration{position:absolute;right:-21px;bottom:-89px;font-size:223px;color:rgba(255,255,255,.035);pointer-events:none}.pricing-includes{padding:48px 43px 39px}.pricing-includes h3{font:700 21px/1.4 var(--heading);letter-spacing:-.052em;margin:0 0 27px}.pricing-includes ul{padding:0;margin:0;list-style:none;display:grid;gap:21px}.pricing-includes li{display:flex;align-items:flex-start;gap:13px;color:#627684;font-size:12px;line-height:1.7}.pricing-includes li strong{font-weight:800;color:var(--navy)}.check-icon{flex:0 0 auto;display:grid;place-items:center;background:#dff4e9;color:#308871;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800}.renewal-note{background:#f1f8f5;border-radius:12px;display:flex;gap:12px;align-items:flex-start;padding:17px;margin-top:28px}.renewal-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d9f1e6;color:#298f75;flex-shrink:0;font-size:18px}.renewal-note>div:last-child>strong{font-size:12px}.renewal-note p{margin:5px 0 0;color:#667f79;font-size:11px;line-height:1.65}.renewal-note p strong{color:var(--navy)}.pricing-footnote{max-width:1000px;font-size:10px;color:#71847e;margin:20px auto 0;text-align:center;line-height:1.8}.faq-section{background:var(--ivory)}.faq-layout{display:grid;grid-template-columns:.78fr 1.15fr;gap:125px}.faq-intro p{color:var(--muted);font-size:14px;line-height:1.85;max-width:290px;margin:18px 0 25px}.faq-list{border-top:1px solid #e3e9e7}.faq-list details{border-bottom:1px solid #e3e9e7}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;cursor:pointer;font-weight:700;font-size:13px;padding:23px 3px 23px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{font-size:12px;color:#6a7b85;line-height:1.9;margin:-7px 30px 22px 0;max-width:540px}.faq-plus{position:relative;flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:#e6f3ed}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:#38927e;left:7px;right:7px;top:11px;height:1.5px}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}.contact-section{background:var(--navy);color:#fff;padding:102px 0;overflow:hidden}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:103px;align-items:start}.contact-copy{position:relative;padding-top:30px;min-height:465px}.contact-copy h2{font:800 clamp(37px,4vw,54px)/1.21 var(--heading);letter-spacing:-.072em;margin:23px 0}.contact-copy h2 em{font:400 1.13em/1 Georgia,serif;letter-spacing:-.055em;color:#8ed9c9}.contact-copy>p{color:#b8c9d0;font-size:14px;line-height:1.95;max-width:365px}.contact-points{display:grid;gap:14px;margin-top:33px}.contact-points span{font-size:12px;font-weight:600;color:#d5dfe3}.contact-points i{font-style:normal;color:#8bdaca;margin-right:9px}.contact-flourish{font-size:220px;position:absolute;top:275px;left:255px;color:#30506a;opacity:.6;pointer-events:none}.contact-form-wrap{position:relative;z-index:2;background:#fff;color:var(--navy);padding:34px 37px;border-radius:23px;box-shadow:0 30px 70px rgba(0,0,0,.09)}.form-header h3{font:700 22px var(--heading);letter-spacing:-.06em;margin:0 0 8px}.form-header p{font-size:12px;color:#7f8b93;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form-wrap label{display:block;font-size:11px;font-weight:800;margin-bottom:17px;color:#34495b}.contact-form-wrap label>span{color:#e76b55}.contact-form-wrap input:not([type=radio]),.contact-form-wrap textarea,.contact-form-wrap select{display:block;width:100%;margin-top:9px;padding:12px 13px;border:1px solid #e1e7e8;border-radius:9px;background:#fbfcfb;color:var(--navy);outline:none;font-size:11px;font-weight:500;transition:border-color .2s,box-shadow .2s;min-height:44px}.contact-form-wrap textarea{resize:vertical;min-height:96px}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2fa6a024}.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:#a4afb4}.form-domain{margin:0 0 23px}.form-domain>span{font-size:11px;font-weight:800;display:block;margin-bottom:12px}.radio-options{display:flex;flex-wrap:wrap;gap:19px}.radio-options label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;cursor:pointer;color:#647884}.radio-options input{accent-color:var(--teal);width:14px;height:14px;margin:0}.btn-submit{width:100%;justify-content:space-between}.form-fineprint{font-size:10px;line-height:1.7;color:#8d999f;margin:13px 0 0}.form-status{font-size:11px;color:#207c79;font-weight:700;line-height:1.7;margin:10px 0 0}.form-status:empty{display:none}.site-footer{background:#fff;padding-top:61px}.footer-grid{display:grid;grid-template-columns:1.45fr .65fr .95fr .85fr;gap:25px;padding-bottom:63px}.footer-brand .brand-word{font-size:27px}.footer-brand p{font-size:12px;color:#89959a;line-height:1.75;margin:19px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-links>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9eaab0;margin-bottom:7px}.footer-links a{font-size:12px;color:#536a7c;font-weight:600;transition:color .2s}.footer-signoff{font:700 22px/1.35 var(--heading);letter-spacing:-.06em;position:relative}.footer-signoff em{color:var(--teal-dark);font-family:Georgia,serif;font-size:1.19em;font-weight:400}.footer-signoff>span{display:block;color:var(--coral);font-size:30px;margin-top:7px}.footer-bottom{border-top:1px solid #eceeed;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:#9aa6ac}.footer-bottom a{color:#6f8390;font-weight:700}.footer-bottom a:hover{color:var(--teal-dark)}
@media(min-width:1500px){.hero-grid{padding-top:117px;padding-bottom:102px;min-height:710px}.hero-art{transform:scale(1.05)}}
@media(max-width:1120px){.container{width:min(1100px,calc(100% - 64px))}.desktop-nav{gap:18px;margin-right:10px}.desktop-nav a{font-size:12px}.hero-grid{gap:25px}.hero-copy h1{font-size:clamp(42px,4.5vw,57px)}.hero-lead{font-size:14px}.hero-art{min-height:430px}.preview-shell{margin:0 11px}.float-card-left{left:-22px}.float-card-right{right:-18px}.mock-website{min-height:330px}.mock-hero-layout{min-height:245px}.mock-copy h2{font-size:33px}.section{padding:95px 0}.feature-grid{gap:13px}.feature-card{padding:25px 19px}.process-layout{gap:67px}.faq-layout{gap:70px}.contact-grid{gap:60px}}
@media(max-width:860px){html{scroll-padding-top:75px}.container{width:min(720px,calc(100% - 48px))}.site-header .header-inner{height:74px}.desktop-nav,.header-cta{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;border:0;background:none;padding:9px;width:40px;height:40px}.mobile-menu-toggle span{height:2px;width:23px;border-radius:3px;background:var(--navy);transition:transform .2s,opacity .2s}.mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:13px 24px 26px;background:#fff;border-top:1px solid #eaece8;box-shadow:0 18px 30px rgba(25,50,74,.06)}.mobile-nav a{font-size:14px;font-weight:700;padding:13px 0;border-bottom:1px solid #f0f1f0}.mobile-nav .mobile-nav-highlight{border-bottom:0;color:var(--teal-dark)}.hero-grid{grid-template-columns:1fr;gap:36px;min-height:0;padding:71px 0 56px}.hero-copy{text-align:center;padding-bottom:0}.hero-copy h1{font-size:clamp(49px,8vw,71px);margin-top:26px}.hero-lead{max-width:590px;margin-inline:auto;font-size:15px}.hero-actions,.price-teaser{justify-content:center}.price-teaser{margin-top:29px}.hero-art{max-width:590px;width:100%;min-height:470px;margin:0 auto}.preview-shell{max-width:528px}.orbit-one{right:10px}.float-card-left{left:-6px}.float-card-right{right:-3px}.hero-bottom{padding-bottom:24px}.promise-grid{min-height:105px}.promise{font-size:11px;gap:8px}.promise-icon{width:31px;height:31px;font-size:17px}.section{padding:82px 0}.section-heading{gap:28px}.section-heading>p{width:260px;font-size:13px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{min-height:285px;padding:28px}.feature-icon{margin-bottom:23px}.audience-inner{gap:37px}.process-layout{gap:40px}.process-intro h2{font-size:37px}.process-step{grid-template-columns:40px 1fr 23px}.example-grid{gap:11px}.example-card{height:320px}.example-browser{padding:0 13px}.example-mini-nav{font-size:7px}.example-content{padding:24px 16px;height:270px}.example-content h3,.example-startup .example-content h3{font-size:27px}.example-charity .example-content h3{font-size:25px}.studio-art{transform:scale(.78);transform-origin:bottom right}.charity-art{transform:scale(.8);transform-origin:bottom right}.startup-art{transform:scale(.8);transform-origin:bottom right}.pricing-main{padding:35px}.pricing-includes{padding:37px 29px}.price-amount{font-size:90px}.faq-layout{gap:37px}.contact-grid{gap:30px;grid-template-columns:.75fr 1.1fr}.contact-form-wrap{padding:28px}.form-row{grid-template-columns:1fr;gap:0}.contact-copy h2{font-size:41px}.footer-grid{grid-template-columns:1.1fr .65fr .95fr;gap:25px}.footer-signoff{display:none}}
@media(max-width:600px){.container{width:calc(100% - 38px)}.site-header .header-inner{height:68px}.brand>img{width:36px;height:36px}.brand-word{font-size:26px}.hero-grid{padding:57px 0 35px;gap:28px}.eyebrow-pill{font-size:10px;padding:8px 11px}.hero-copy h1{font-size:clamp(39px,9.8vw,57px);line-height:1.21;letter-spacing:-.077em;margin:24px 0 25px}.hero-lead{font-size:14px;line-height:1.8;max-width:430px}.hero-actions{gap:18px;margin-top:28px}.btn-lg{min-height:52px;padding:15px 18px;font-size:12px;gap:12px}.hero-actions .text-link{font-size:11px}.price-teaser{margin-top:31px}.hero-art{min-height:340px;max-width:470px}.preview-shell{width:calc(100% - 18px);transform:rotate(-2deg)}.mock-website{min-height:258px;padding:13px 14px 10px}.browser-chrome{height:30px}.mock-topline .mock-logo{font-size:16px}.mock-menu{font-size:5.4px}.mock-hero-layout{min-height:195px}.mock-copy{padding:8px 0}.mock-copy h2{font-size:clamp(25px,6.8vw,35px);margin:11px 0 7px}.mock-overline{font-size:6px}.mock-copy p{font-size:8px;max-width:125px;line-height:1.6}.mock-button{font-size:7px;padding:7px 8px;margin-top:5px}.botanical-svg{max-height:216px;transform:scale(1.3) translateX(5px)}.mock-footer-line{font-size:6px;padding-top:9px}.float-card{padding:7px 9px;border-radius:9px;gap:6px}.float-card strong{font-size:8px}.float-card small{font-size:7px}.float-check,.mini-globe{width:23px;height:23px;font-size:14px}.float-card-left{left:0;bottom:10px}.float-card-right{right:0;top:2px}.float-star-one{font-size:30px;right:5px;top:0}.float-star-two{font-size:22px;bottom:2px;right:40px}.orbit-one{height:320px;width:320px;right:0}.orbit-two{height:200px;width:200px;right:-50px}.visual-disclaimer{font-size:6px;bottom:-13px;right:0}.hero-bottom{font-size:9px;gap:12px;padding-bottom:19px}.promise-grid{grid-template-columns:1fr;gap:0;padding:14px 0}.promise{min-height:59px;justify-content:flex-start;padding-left:13px;font-size:12px}.promise:not(:last-child){border-right:0;border-bottom:1px solid #f0f1ef}.section{padding:70px 0}.section-heading{display:block;margin-bottom:31px}.section-heading h2,.pricing-top h2,.faq-intro h2{font-size:clamp(32px,8vw,43px)}.section-heading>p{width:100%;max-width:450px;font-size:13px;line-height:1.8;margin:18px 0 0}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:220px;padding:23px 23px 19px}.feature-icon{width:54px;height:54px;border-radius:14px;margin-bottom:15px}.feature-icon svg{width:33px;height:33px}.feature-card p{max-width:420px}.feature-index{padding-top:16px}.audience-inner{grid-template-columns:1fr;gap:20px;padding-top:65px;padding-bottom:64px}.audience-inner h2{font-size:34px}.audience-right p{font-size:13px;max-width:470px}.audience-inner:after{right:-180px;top:10px;font-size:190px}.process-layout{grid-template-columns:1fr;gap:28px}.process-intro{min-height:0}.process-intro h2{font-size:clamp(34px,8vw,45px)}.process-intro>p{font-size:13px}.process-mark{display:none}.process-steps{padding-top:0}.process-step{padding:21px 0;grid-template-columns:38px 1fr 25px}.process-step h3{font-size:16px}.examples-heading{margin-bottom:30px}.example-grid{grid-template-columns:1fr;gap:17px}.example-card{height:334px}.example-browser{height:49px;padding:0 22px}.example-content{height:285px;padding:25px 25px}.example-content h3,.example-startup .example-content h3{font-size:34px}.example-charity .example-content h3{font-size:32px}.studio-art,.charity-art,.startup-art{transform:scale(1);right:0}.pricing-top{margin-bottom:30px}.pricing-top p{font-size:13px}.pricing-card{grid-template-columns:1fr;border-radius:18px}.pricing-main{min-height:355px;padding:31px}.price-amount{font-size:97px;margin:9px 0 0}.price-amount span{font-size:40px;vertical-align:19px}.price-description{font-size:12px;max-width:300px}.pricing-includes{padding:34px 25px 30px}.pricing-includes h3{font-size:19px}.pricing-includes li{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro p{margin:14px 0 17px;max-width:450px}.faq-list summary{padding:22px 0;font-size:12px}.contact-section{padding:70px 0}.contact-grid{grid-template-columns:1fr;gap:33px}.contact-copy{padding-top:0;min-height:0}.contact-copy h2{font-size:clamp(37px,9vw,48px)}.contact-copy>p{font-size:13px}.contact-points{gap:10px;margin-top:22px}.contact-flourish{display:none}.contact-form-wrap{padding:27px 23px;border-radius:18px}.form-row{grid-template-columns:1fr}.form-header h3{font-size:20px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:43px;padding-bottom:42px}.footer-brand{grid-column:1/-1}.footer-links a{font-size:11px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;padding-top:19px;padding-bottom:22px;min-height:0;gap:13px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:365px){.hero-copy h1{font-size:36px}.hero-actions{flex-direction:column;gap:17px}.hero-art{min-height:302px}.mock-hero-layout{min-height:170px}.mock-website{min-height:230px}.mock-copy h2{font-size:24px}.mock-copy p{font-size:7px}.botanical-svg{max-height:180px}.browser-address{font-size:6px}.float-card-right{right:-5px}.float-card-left{left:-5px}.radio-options{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Launch-ready updates: full-price clarity and company disclosure */
.price-vat-note{display:inline-block;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.01em;color:#d7efea;background:rgba(47,166,160,.17);border:1px solid rgba(147,217,207,.22);padding:7px 12px;border-radius:999px;margin:1px 0 16px}
.company-disclosure{font-size:11px;line-height:1.8;color:#748795;padding-bottom:23px;text-align:left}.company-disclosure strong{color:#415567;font-weight:700}
@media(max-width:650px){.company-disclosure{font-size:10px;line-height:1.8;padding-bottom:20px}}

/* Image logo replacing styled text wordmark across header and footer. */
.brand{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
.brand>img.brand-logo{display:block;width:234px;height:auto;max-width:none}
.footer-brand .brand>img.brand-logo{width:222px;height:auto}
/* Company disclosure follows the copyright strip as requested. */
.company-disclosure{padding-top:0;padding-bottom:27px}
@media(max-width:600px){.site-header .brand>img.brand-logo{width:194px;height:auto}.footer-brand .brand>img.brand-logo{width:210px;height:auto}.company-disclosure{padding-top:0;padding-bottom:23px}}
@media(max-width:365px){.site-header .brand>img.brand-logo{width:178px;height:auto}}
/* Nookell possibilities + concept website gallery — v4 */
.possibilities-section{background:#f7f9f6;overflow:hidden;position:relative}
.possibility-intro{display:grid;grid-template-columns:1.07fr .93fr;gap:90px;align-items:end;margin-bottom:43px}
.possibility-intro h2{font-family:var(--heading);font-size:clamp(38px,4.35vw,59px);line-height:1.12;letter-spacing:-.067em;margin:22px 0 0}
.possibility-intro-aside{padding-bottom:7px}.possibility-intro-aside>p{font-size:15px;line-height:1.87;color:#596c76;margin:0 0 19px;max-width:470px}
.poss-intro-note{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#466e65;font-weight:700}.poss-intro-note>span{color:var(--coral);font-size:24px}.poss-intro-note em{font-family:Georgia,serif;font-weight:400;font-size:17px}
.possibility-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:116px}
.possibility-feature{background:#fff;border:1px solid #e7eeec;border-radius:17px;padding:24px 21px 23px;min-height:234px;box-shadow:0 5px 23px rgba(25,50,74,.025);transition:transform .2s,box-shadow .2s}
.possibility-feature:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(25,50,74,.055)}
.possibility-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:23px;font-weight:700;margin-bottom:20px}
.pfi-peach{background:#fff0e9;color:#ea755c}.pfi-mint{background:#e6f5ef;color:#1c9189}.pfi-blue{background:#eaf0fc;color:#4f79be}.pfi-yellow{background:#fbf4dd;color:#b67b26}
.possibility-feature h3{font-family:var(--heading);font-weight:700;font-size:14px;line-height:1.5;letter-spacing:-.035em;margin:0 0 9px}
.possibility-feature p{font-size:11.5px;line-height:1.8;color:#71828c;margin:0}
.possibility-gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:47px}
.possibility-gallery-intro h2{font:800 clamp(28px,3.4vw,44px)/1.2 var(--heading);letter-spacing:-.065em;margin:16px 0 0}
.possibility-gallery-intro>p{max-width:420px;margin:0 0 2px;font-size:13px;color:#657781;line-height:1.82}
.possibility-showcase{display:flex;flex-direction:column;gap:55px}
.possibility-project{display:grid;grid-template-columns:minmax(0,.79fr) minmax(0,1.24fr);align-items:center;gap:56px;padding:26px 0 34px;position:relative}
.possibility-project:not(:last-child){border-bottom:1px solid #dfe7e2}
.project-story{max-width:385px;padding:20px 0}
.project-index{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#638179}.project-index span{display:block;width:27px;height:1px;background:#9dafaa}
.project-story h3{font:800 clamp(27px,2.55vw,36px)/1.24 var(--heading);letter-spacing:-.065em;margin:19px 0 18px}
.project-story h3 em{font-family:Georgia,serif;color:var(--teal-dark);font-weight:400;letter-spacing:-.055em}
.project-story>p{font-size:13px;line-height:1.85;color:#657781;margin:0 0 18px}
.project-features{list-style:none;padding:0;margin:23px 0 26px;display:grid;gap:12px}
.project-features li{position:relative;padding-left:24px;font-size:12px;font-weight:600;color:#3f5664;line-height:1.55}
.project-features li:before{content:'✓';position:absolute;left:0;top:0;color:#2a9e8b;font-weight:900}
.project-vibe{font-size:10px;font-weight:700;color:#7b898c;display:flex;align-items:center;gap:10px}.project-vibe i{display:block;width:8px;height:8px;border-radius:50%;background:var(--coral)}.project-vibe>span{color:#b0bcbb}
.project-visual{position:relative;min-width:0;padding:9px 0 19px}
.project-visual:before{content:'';position:absolute;inset:35px -22px -1px 35px;background:#ecddd0;border-radius:34px;transform:rotate(2deg);z-index:0}
.project-browser{position:relative;z-index:1;width:100%;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 23px 56px rgba(24,47,62,.16),0 6px 14px rgba(24,47,62,.07);border:1px solid #dfe4e1}
.project-browser-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fafafa;border-bottom:1px solid #e7e7e7;color:#8e9ca3;font-size:9px;gap:10px}
.project-browser-dots{display:flex;gap:5px}.project-browser-dots i{width:6px;height:6px;border-radius:50%;background:#f4b4a8;display:block}.project-browser-dots i:nth-child(2){background:#f4d8a7}.project-browser-dots i:nth-child(3){background:#acdac2}
.project-browser-symbol{color:#acb9b9;font-size:14px}.project-browser-accent{position:absolute;z-index:2;right:-26px;bottom:-11px;font-size:47px;line-height:1;color:var(--coral);transform:rotate(16deg)}
/* bakery concept */
.demo-bakery{background:#f5ecde;color:#463d31;min-height:366px;overflow:hidden}
.bakery-nav{height:67px;display:flex;align-items:center;justify-content:space-between;padding:12px 5.5%;gap:10px;border-bottom:1px solid #e2d4c6}
.bakery-logo{font:800 22px/1.0 Georgia,serif;letter-spacing:-.068em;white-space:nowrap}.bakery-logo>span{font-style:italic;color:#bd704d}.bakery-logo small{font:700 6px/1.6 var(--body);letter-spacing:.17em;display:block;margin-top:5px}
.bakery-menu{font:700 7px var(--body);letter-spacing:.075em;color:#93786a;white-space:nowrap}
.bakery-nav-pill{background:#514d3b;border-radius:50px;padding:11px 15px;font:700 7px var(--body);letter-spacing:.02em;color:#fff;white-space:nowrap}
.bakery-hero{min-height:270px;display:grid;grid-template-columns:1fr .91fr;position:relative}
.bakery-copy{padding:38px 0 28px 11%;position:relative;z-index:2}
.bakery-overline{font:800 7px var(--body);letter-spacing:.16em;color:#b26a51}
.bakery-copy h4{font:400 clamp(23px,2.65vw,39px)/1.15 Georgia,serif;letter-spacing:-.052em;margin:16px 0 10px}.bakery-copy h4 em{font-weight:400;color:#bc7858}
.bakery-copy p{font:400 9px/1.65 var(--body);color:#8a7465;max-width:220px;margin:0 0 17px}
.bakery-mock-button{font:800 8px var(--body);background:#bd7455;color:#fff;border-radius:2px;padding:12px 15px;display:inline-flex;align-items:center;gap:17px}
.bakery-image{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 47%,#ead5bf 0%,#e9d8c3 64%,#efe1d0 65%);clip-path:ellipse(80% 91% at 87% 52%)}
.bakery-image img{width:114%;max-width:none;transform:translate(-4%,6%)}
.bakery-base{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-top:1px solid #e4d7c8;font:700 7px var(--body);letter-spacing:.11em;color:#967965}.bakery-base b{color:#b96847}
/* charity concept */
.project-charity .project-visual:before{background:#e3dff1;transform:rotate(-2deg);inset:22px -19px 6px 18px}.accent-charity{left:-20px;right:auto;color:#9c92c9;bottom:-6px}
.demo-charity{background:#f7f1e9;color:#38304f;min-height:366px;overflow:hidden}
.charity-nav{display:flex;align-items:center;justify-content:space-between;gap:9px;height:67px;padding:10px 5.5%;background:#e2dded;border-bottom:1px solid #d3cde1}
.charity-logo{position:relative;font:900 18px/.8 var(--heading);letter-spacing:-.08em}.charity-logo span{color:#65558e}.charity-logo sup{position:absolute;right:-19px;top:-5px;color:#e38969;font-size:16px}
.charity-menu{font:800 7px var(--body);letter-spacing:.08em;color:#79728b;white-space:nowrap}
.charity-nav-button{background:#62558c;color:#fff;padding:11px 15px;border-radius:50px;font:800 7px var(--body);white-space:nowrap}
.charity-hero{min-height:265px;background:#e9e4f1;display:grid;grid-template-columns:1fr .91fr;overflow:hidden}
.charity-copy{padding:36px 0 23px 11%;z-index:2;position:relative}.charity-overline{font:800 7px var(--body);letter-spacing:.15em;color:#7361a0}
.charity-copy h4{font:900 clamp(25px,2.85vw,43px)/1.11 var(--heading);letter-spacing:-.075em;margin:15px 0 11px;color:#47365f}.charity-copy h4 span{color:#e38b73}
.charity-copy p{max-width:194px;font:500 9px/1.7 var(--body);color:#7a6d8a;margin:0 0 20px}
.charity-mock-button{display:inline-flex;align-items:center;background:#d3ee8e;color:#443c50;border-radius:50px;font:800 8px var(--body);padding:12px 17px}
.charity-image{position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
.charity-image img{width:114%;max-width:none;transform:translateY(10%) scale(1.06)}
.charity-impact{height:35px;background:#554775;color:#efe9f3;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;gap:10px;font:600 8px var(--body);white-space:nowrap}.charity-impact b{font:900 14px var(--heading);color:#d4ed90}.charity-impact>span:last-child{font-size:7px;letter-spacing:.06em}.charity-impact>span:last-child b{font-size:13px}
/* startup concept */
.project-startup .project-visual:before{background:#d7e3f0;inset:22px -18px 4px 27px;transform:rotate(2.3deg)}.accent-startup{color:#6a9bd8;right:-18px;bottom:-5px;font-size:57px}
.demo-startup{min-height:366px;background:radial-gradient(ellipse at 85% 27%,#3456b6 0%,transparent 47%),linear-gradient(135deg,#121f4b 0%,#142656 65%,#172b65 100%);color:#f7f8ff;overflow:hidden}
.startup-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;height:67px;padding:10px 5.5%;border-bottom:1px solid rgba(255,255,255,.13)}
.startup-logo{display:flex;align-items:center;white-space:nowrap;font:800 19px var(--heading);letter-spacing:-.055em}.startup-logo-icon{display:inline-grid;place-items:center;border-radius:6px;background:#b6d7ff;color:#162757;width:22px;height:22px;font-size:16px;margin-right:8px}.startup-logo-period{color:#91e8dc}
.startup-menu{font:700 7px var(--body);color:#b0c3e8;letter-spacing:.09em;white-space:nowrap}.startup-nav-button{border:1px solid #93bbeb;border-radius:6px;padding:11px 13px;color:#e2edff;font:800 7px var(--body);white-space:nowrap}
.startup-hero{min-height:270px;display:grid;grid-template-columns:.99fr 1.01fr;align-items:center;position:relative}
.startup-hero:before{content:'';width:290px;height:270px;border-radius:50%;position:absolute;right:-80px;top:-62px;border:1px solid #5c8bcc80;box-shadow:0 0 0 45px #698cbd0a,0 0 0 93px #698cbd06}
.startup-copy{padding:35px 0 25px 11%;position:relative;z-index:2}.startup-overline{font:800 7px var(--body);letter-spacing:.14em;color:#99e7d3}.startup-overline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#85dcc3;margin-right:4px}
.startup-copy h4{font:800 clamp(23px,2.7vw,41px)/1.13 var(--heading);letter-spacing:-.076em;margin:17px 0 10px}.startup-copy h4 em{font-style:normal;color:#a1ddff}
.startup-copy p{font:500 9px/1.8 var(--body);color:#a8bfde;max-width:205px;margin:0 0 19px}
.startup-mock-button{font:800 8px var(--body);color:#20325b;background:#b7f3dc;display:inline-flex;align-items:center;gap:14px;padding:12px 15px;border-radius:6px}
.startup-dashboard{position:relative;z-index:2;background:#fdfdff;color:#263858;border-radius:10px 0 0 0;border:1px solid #dce4f2;box-shadow:0 16px 43px #030d2f78;min-height:248px;margin-top:27px;transform:rotate(-2deg) translate(9px,4px);overflow:hidden}
.dashboard-head{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eff6;padding:0 12px;font:800 10px var(--heading);color:#526689}.dashboard-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54cfa9;margin-right:6px}
.dashboard-main{display:flex;gap:7px;padding:15px 12px 5px;min-height:103px}.dashboard-metric{width:39%;display:flex;flex-direction:column;gap:7px}.dashboard-metric small{font:800 6px var(--body);letter-spacing:.13em;color:#9badc2}.dashboard-metric strong{font:800 34px/.96 var(--heading);letter-spacing:-.075em}.dashboard-metric strong span{font-size:15px}.dashboard-trend{font:800 7px var(--body);color:#239b83}
.dashboard-chart{width:61%;display:flex;align-items:end;padding-bottom:2px}.dashboard-chart svg{width:100%;height:74px}
.dashboard-tasks{padding:8px 12px 14px;display:grid;gap:5px}.dashboard-tasks>div{display:flex;align-items:center;gap:9px;padding:8px;background:#f4f7fb;border-radius:5px}.task-bubble{width:21px;height:21px;display:grid;place-items:center;font-size:9px;border-radius:5px;background:#d9f7ed;color:#168979}.bubble-b{background:#e5eafa;color:#5974c5}.dashboard-tasks>div>span:nth-child(2){display:grid;gap:2px}.dashboard-tasks b{font:800 7px var(--body)}.dashboard-tasks small{font:600 6px var(--body);color:#9aacc0}.task-dot{margin-left:auto;width:24px;height:5px;border-radius:8px;background:#b2e8d6}.dot-b{background:#b9c6ee}
.startup-base{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:5px;border-top:1px solid #ffffff19;color:#9bb9e3;font:800 7px var(--body);letter-spacing:.06em}
.possibility-caption{font-size:11px!important;color:#82928c;line-height:1.8;margin:37px auto 62px!important;text-align:center;max-width:940px}
.possibility-closer{background:#19394b;color:#fff;border-radius:22px;padding:38px 47px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}
.possibility-closer:after{content:'';position:absolute;right:24%;top:-92px;width:210px;height:210px;background:url('assets/nookell-symbol.webp') center/contain no-repeat;opacity:.12;pointer-events:none;filter:saturate(.85)}
.possibility-closer>div,.possibility-closer>a{position:relative;z-index:2}.possibility-closer h3{font:800 25px/1.3 var(--heading);letter-spacing:-.055em;margin:14px 0 8px}.possibility-closer p{font-size:12px;color:#afc5d0;line-height:1.75;margin:0;max-width:510px}.possibility-closer .btn{flex-shrink:0}
@media(max-width:1050px){.possibility-intro{gap:38px}.possibility-project{gap:30px;grid-template-columns:.75fr 1.25fr}.bakery-menu,.charity-menu,.startup-menu{display:none}.possibility-feature{padding:19px 17px;min-height:240px}.bakery-copy h4{font-size:clamp(24px,3.2vw,33px)}.charity-copy h4{font-size:clamp(27px,3.4vw,38px)}.startup-copy h4{font-size:clamp(23px,3.1vw,35px)}}
@media(max-width:860px){.possibility-intro{grid-template-columns:1fr;gap:20px}.possibility-intro-aside>p{max-width:680px}.possibility-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:78px}.possibility-feature{min-height:185px}.possibility-gallery-intro{display:block}.possibility-gallery-intro>p{margin-top:14px;max-width:650px}.possibility-project{grid-template-columns:1fr;gap:13px;padding-bottom:41px}.project-story{max-width:660px;padding:4px 0}.project-story h3{font-size:clamp(30px,4.5vw,40px)}.project-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-visual{max-width:660px;width:100%;margin:0 auto}.demo-bakery,.demo-charity,.demo-startup{min-height:0}.bakery-hero,.charity-hero,.startup-hero{min-height:305px}.bakery-copy h4,.startup-copy h4{font-size:clamp(34px,5vw,45px)}.charity-copy h4{font-size:clamp(36px,5.5vw,47px)}.bakery-copy p,.charity-copy p,.startup-copy p{font-size:10px;max-width:225px}.bakery-menu,.charity-menu,.startup-menu{display:block}.possibility-closer{padding:29px 32px}.possibility-closer h3{font-size:22px}}
@media(max-width:600px){.possibility-intro{margin-bottom:28px}.possibility-intro h2{font-size:clamp(34px,8.3vw,46px)}.possibility-intro-aside>p{font-size:13px}.possibility-feature-grid{gap:10px;margin-bottom:72px}.possibility-feature{padding:19px 15px;min-height:218px}.possibility-feature-icon{width:39px;height:39px;font-size:19px;margin-bottom:15px}.possibility-feature h3{font-size:12px}.possibility-feature p{font-size:10.5px}.possibility-gallery-intro{margin-bottom:25px}.possibility-gallery-intro h2{font-size:clamp(27px,7vw,36px)}.possibility-gallery-intro>p{font-size:12px}.possibility-showcase{gap:27px}.possibility-project{padding:11px 0 38px}.project-story h3{font-size:clamp(29px,7.2vw,35px);max-width:410px}.project-story>p{font-size:12px}.project-index{font-size:9px}.project-features{grid-template-columns:1fr;gap:8px;margin:18px 0}.project-features li{font-size:11px}.project-vibe{font-size:9px}.project-visual:before{right:-8px;inset:21px -7px -3px 18px}.project-browser{border-radius:11px}.project-browser-top{height:26px;padding:0 9px;font-size:7px}.project-browser-dots i{width:5px;height:5px}.project-browser-accent{display:none}.bakery-nav,.charity-nav,.startup-nav{height:46px;padding:8px 4.5%}.bakery-logo{font-size:17px}.bakery-logo small{font-size:4.3px;margin-top:3px}.charity-logo{font-size:14px}.charity-logo sup{font-size:12px;right:-13px}.startup-logo{font-size:15px}.startup-logo-icon{height:16px;width:16px;font-size:11px;margin-right:5px}.bakery-menu,.charity-menu,.startup-menu{display:none}.bakery-nav-pill,.charity-nav-button,.startup-nav-button{font-size:5.5px;padding:7px 9px}.bakery-hero,.charity-hero,.startup-hero{min-height:210px}.bakery-copy,.charity-copy,.startup-copy{padding:23px 0 14px 9%}.bakery-overline,.charity-overline,.startup-overline{font-size:5.4px;letter-spacing:.1em}.bakery-copy h4,.charity-copy h4,.startup-copy h4{font-size:clamp(23px,6.5vw,37px);margin:11px 0 9px}.bakery-copy p,.charity-copy p,.startup-copy p{font-size:7.5px;line-height:1.6;margin-bottom:13px;max-width:175px}.bakery-mock-button,.charity-mock-button,.startup-mock-button{font-size:6.5px;padding:9px 10px;gap:5px}.bakery-image img{width:138%}.charity-image img{width:143%;transform:translate(3%,12%)}.bakery-base,.charity-impact,.startup-base{height:25px;padding:0 4.5%;font-size:5.4px}.charity-impact b{font-size:10px}.charity-impact>span:last-child{font-size:5px}.charity-impact>span:last-child b{font-size:11px}.startup-dashboard{margin-top:18px;min-height:145px;transform:rotate(-2deg) translate(7px,4px);border-radius:6px}.dashboard-head{height:23px;padding:0 8px;font-size:7px}.dashboard-main{min-height:65px;padding:8px 8px 3px}.dashboard-metric{gap:4px}.dashboard-metric small{font-size:4px}.dashboard-metric strong{font-size:clamp(18px,5.5vw,29px)}.dashboard-metric strong span{font-size:10px}.dashboard-trend{font-size:5px}.dashboard-chart svg{height:50px}.dashboard-tasks{gap:4px;padding:4px 7px 8px}.dashboard-tasks>div{gap:5px;padding:5px}.task-bubble{width:16px;height:16px;font-size:7px}.dashboard-tasks b{font-size:5.6px}.dashboard-tasks small{font-size:4.8px}.task-dot{width:13px;height:3px}.possibility-caption{font-size:10px!important;margin:26px 0 38px!important}.possibility-closer{padding:28px 23px;display:block;border-radius:16px}.possibility-closer h3{font-size:23px}.possibility-closer p{margin-bottom:21px}.possibility-closer .btn{width:100%}}
@media(max-width:375px){.possibility-feature-grid{grid-template-columns:1fr}.possibility-feature{min-height:0;display:flex;gap:13px;align-items:flex-start}.possibility-feature-icon{flex:0 0 39px;margin:0}.bakery-copy h4,.charity-copy h4,.startup-copy h4{font-size:22px}.bakery-copy p,.charity-copy p,.startup-copy p{font-size:7px;max-width:145px}.bakery-hero,.charity-hero,.startup-hero{min-height:192px}.charity-impact>span:last-child{font-size:4.4px}.charity-impact b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.possibility-feature{transition:none}.possibility-feature:hover{transform:none}}

/* V5 — interactive industry explorer */
.industry-gallery-intro{margin-bottom:30px}
.industry-gallery-intro>p strong{color:var(--navy);font-weight:800}
.industry-explorer{overflow:hidden;border:1px solid #e4e7e4;border-radius:27px;background:#fff;box-shadow:0 28px 70px rgba(36,68,72,.065)}
.industry-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:37px 38px 13px;position:relative}
.industry-selection-heading h3{font:800 clamp(19px,2.2vw,26px)/1.26 var(--heading);letter-spacing:-.055em;margin:9px 0 6px}
.industry-selection-heading p{font:500 12px/1.6 var(--body);color:#78858d;margin:0}
.industry-selection-number{font:800 9px/1.4 var(--body);letter-spacing:.18em;color:#3a9a8f}
.industry-selection-decoration{font:400 42px/1 var(--heading);color:#ffc2a9;transform:rotate(-17deg)}
.industry-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:17px 38px 36px}
.industry-chip{border:1px solid #e8e9e5;border-radius:12px;background:#fcfbf8;color:#5d6d75;display:flex;align-items:center;justify-content:center;gap:9px;min-height:53px;padding:11px 10px;font:700 10px/1.4 var(--body);text-align:center;transition:background .18s,border-color .18s,color .18s,transform .18s;box-shadow:0 1px 1px rgba(0,0,0,.018)}
.industry-chip:hover{border-color:#9ccfc4;background:#f2faf7;transform:translateY(-2px)}
.industry-chip.is-active{background:#e7f6ee;border-color:#64b6a0;color:#126a5c;box-shadow:inset 0 0 0 1px #b2dfd1}
.industry-chip:first-letter{color:var(--teal-dark);font-size:16px}
.industry-chip span{display:inline-block}
.industry-mobile-picker{display:none}
.industry-result{padding:39px 38px 40px;background:radial-gradient(ellipse 75% 42% at 100% 0%,#eaf8f1 0%,transparent 75%),linear-gradient(180deg,#f6f9f6 0%,#f3f7f4 100%);border-top:1px solid #edf0eb}
.industry-result-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}
.industry-result-intro h3{font:800 clamp(23px,2.5vw,32px)/1.28 var(--heading);letter-spacing:-.06em;margin:11px 0 9px;max-width:730px}
.industry-result-intro p{font:500 12px/1.65 var(--body);color:#71848a;margin:0;max-width:730px}
.industry-direction-indicator{font:800 9px/1.2 var(--body);letter-spacing:.08em;color:#618b81;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;padding-bottom:5px}
.industry-direction-dot{height:7px;width:7px;border-radius:50%;background:#53b9a4;box-shadow:0 0 0 4px #d5f0e6}
.industry-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.industry-concept-card{background:#fff;border:1px solid #e4e9e7;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 10px 25px rgba(22,48,60,.045);transition:transform .2s,box-shadow .2s}
.industry-concept-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(22,48,60,.095)}
.concept-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:22px 21px 18px}
.concept-card-count{font:800 8px var(--body);letter-spacing:.14em;color:#489e90}
.concept-card-header h4{font:800 18px/1.3 var(--heading);letter-spacing:-.05em;margin:9px 0 3px}
.concept-card-header p{font:500 10px/1.4 var(--body);color:#819096;margin:0}
.concept-card-star{font:400 25px/1 var(--heading);color:#ff9d81}
.concept-browser{height:353px;margin:0 11px;background:#fff;border:1px solid #dce4e4;border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 7px 16px rgba(14,43,48,.065)}
.concept-browser-bar{flex:0 0 25px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#fafaf8;color:#9daab0;font:700 6px var(--body);letter-spacing:.07em}
.concept-browser-dots{display:flex;gap:3px}.concept-browser-dots i{width:5px;height:5px;border-radius:50%;background:#ebbcb3}.concept-browser-dots i:nth-child(2){background:#ecd8a6}.concept-browser-dots i:nth-child(3){background:#9dd8c9}
.concept-site{flex:1;min-height:0;overflow:hidden;position:relative}
.concept-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:57px;padding:12px 15px}
.concept-card-bottom>span{font:700 9px/1.3 var(--body);color:#657781;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.concept-card-bottom>span i{display:inline-block;background:#5fc6ab;width:5px;height:5px;border-radius:50%;margin-right:4px;vertical-align:middle}
.concept-card-bottom button{color:#207c79;border:0;background:transparent;font:800 9px/1.4 var(--body);white-space:nowrap;padding:6px 0 6px 6px}
.concept-card-bottom button:hover{text-decoration:underline;text-underline-offset:3px}
.concept-card-bottom button span{margin-left:3px}
.industry-concept-hint{font:500 11px/1.6 var(--body);text-align:right;color:#799189;margin:18px 2px 0}.industry-concept-hint>span{color:var(--teal-dark)}

/* Design direction 1: serif editorial, asymmetric image arch */
.site-editorial{background:var(--i-light);color:var(--i-dark);padding:18px 15px 13px;display:flex;flex-direction:column}
.editorial-nav{display:flex;align-items:center;justify-content:space-between;gap:9px;z-index:1;min-height:25px}
.editorial-brand{font:bold 13px/1.1 Georgia,serif;letter-spacing:-.06em;white-space:nowrap}.editorial-brand i{font-style:normal;color:var(--i-accent)}
.editorial-nav>span:last-child{font:800 5px/1.2 var(--body);letter-spacing:.08em;opacity:.64}
.editorial-hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;flex:1;min-height:0;position:relative}
.editorial-text{position:relative;z-index:1;padding:9px 0;min-width:0}
.example-overline{font:800 6px/1.45 var(--body);letter-spacing:.09em;color:var(--i-accent)}
.editorial-text h4{font:bold clamp(19px,2.15vw,31px)/1.09 Georgia,serif;letter-spacing:-.055em;margin:12px 0 10px;overflow-wrap:break-word}
.editorial-text p{font:500 8px/1.65 var(--body);opacity:.76;margin:0 0 16px;max-width:145px}
.example-btn{background:var(--i-dark);color:white;padding:9px 12px;border-radius:2px;font:700 7px/1.3 var(--body);display:inline-block}
.editorial-visual{min-height:200px;align-self:stretch;position:relative;display:grid;place-items:center}
.editorial-arch{width:116%;height:73%;max-height:225px;border-radius:49% 49% 2px 2px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(153deg,var(--i-accent),var(--i-wash));box-shadow:inset -18px -15px 35px #ffffff38,0 13px 35px #34251f19;transform:translateX(7%)}
.editorial-arch:before{content:'';width:136%;height:40%;border:1px solid #fff8;position:absolute;top:39%;left:-13%;border-radius:50%;transform:rotate(-27deg)}
.editorial-arch:after{content:'';position:absolute;inset:10% 15%;border:1px solid #fffc;border-radius:50% 50% 0 0;opacity:.5}
.editorial-arch svg{width:75%;height:75%;stroke:var(--i-dark);stroke-width:.8;filter:drop-shadow(5px 7px 0 #ffffff24);transform:rotate(-13deg)}
.editorial-graphic-dot{position:absolute;height:17px;width:17px;border-radius:50%;right:-10px;top:15%;background:var(--i-dark)}
.editorial-graphic-line{position:absolute;width:40px;height:2px;transform:rotate(-18deg);bottom:16%;left:0;background:var(--i-accent)}
.editorial-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid currentColor;padding-top:11px;color:var(--i-dark);font:800 6px/1.3 var(--body);letter-spacing:.035em;opacity:.72}

/* Design direction 2: immersive full-cover message */
.site-statement{background:radial-gradient(circle at 92% 28%,var(--i-accent) 0%,transparent 39%),linear-gradient(145deg,var(--i-dark) 0%,#142c3a 110%);color:#fff;display:flex;flex-direction:column;padding:19px 19px 12px;isolation:isolate}
.site-statement:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #ffffff24;top:24px;right:-112px;box-shadow:0 0 0 30px #ffffff07,0 0 0 63px #ffffff05;z-index:-1}
.statement-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.statement-brand{font:800 13px/1.1 var(--heading);letter-spacing:-.07em;max-width:65%;text-transform:lowercase}
.statement-menu{font:800 6px/1.2 var(--body);letter-spacing:.07em;color:#fffd}.statement-menu b{font-size:9px;margin-left:2px}
.statement-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;flex:1;max-width:98%;padding:13px 0 23px}
.statement-eyebrow{font:800 6px/1.5 var(--body);letter-spacing:.13em;color:#fff;opacity:.77}
.statement-content h4{font:800 clamp(21px,2.1vw,30px)/1.09 var(--heading);letter-spacing:-.07em;margin:16px 0 11px;max-width:260px;text-wrap:balance}
.statement-content p{font:500 8px/1.65 var(--body);opacity:.83;max-width:200px;margin:0 0 18px}
.statement-btn{color:var(--i-dark);background:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;align-self:start;min-width:118px;padding:10px 12px;border-radius:30px;font:800 7px/1.3 var(--body)}
.statement-btn b{font-size:12px}
.statement-art{position:absolute;width:173px;height:173px;bottom:35px;right:-27px;transform:rotate(-18deg);opacity:.2;z-index:0;pointer-events:none}
.statement-art svg{width:100%;height:100%;stroke:#fff;stroke-width:.55}
.statement-footer{border-top:1px solid #ffffff50;padding-top:11px;display:flex;justify-content:space-between;gap:5px;font:700 5.5px/1.4 var(--body);letter-spacing:.06em;opacity:.9}

/* Design direction 3: information-first modular design */
.site-structured{background:#f8f9f6;display:flex;flex-direction:column;color:var(--i-dark)}
.structured-nav{height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #d6dedb;gap:8px}
.structured-brand{font:800 12px/1.1 var(--heading);letter-spacing:-.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.structured-nav>span:last-child{font:800 5.5px/1.2 var(--body);white-space:nowrap;letter-spacing:.045em;color:#83928e}
.structured-main{display:grid;grid-template-columns:1fr .8fr;flex:1;min-height:0}
.structured-main-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--i-dark);color:white;padding:16px 11px 16px 14px;min-width:0}
.structured-eyebrow{font:800 6px/1.35 var(--body);letter-spacing:.09em;color:var(--i-wash)}
.structured-main-left h4{font:800 clamp(18px,1.8vw,26px)/1.13 var(--heading);letter-spacing:-.07em;margin:12px 0 10px;overflow-wrap:break-word}
.structured-main-left p{font:500 8px/1.65 var(--body);color:#ffffffb9;margin:0 0 16px}
.structured-btn{display:flex;gap:10px;justify-content:space-between;align-items:center;background:var(--i-wash);color:var(--i-dark);padding:10px;border-radius:4px;font:800 7px/1.2 var(--body)}
.structured-btn b{font-size:11px}
.structured-main-right{min-width:0;padding:11px 9px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(170deg,var(--i-light) 0%,#fff 75%)}
.structured-symbol{height:85px;display:grid;place-items:center;position:relative}
.structured-symbol:after{content:'';width:78px;height:78px;border:1px solid var(--i-accent);border-radius:50%;position:absolute;transform:scale(1.12);opacity:.4}
.structured-symbol svg{width:65px;height:65px;stroke:var(--i-dark);stroke-width:1.3;position:relative;z-index:1;transform:rotate(-7deg)}
.structured-list{display:grid;gap:5px}
.structured-list>span{display:flex;gap:6px;align-items:center;padding:8px 4px;border-top:1px solid #cad5cf;font:800 7px/1.15 var(--body);overflow-wrap:anywhere}
.structured-list b{font:700 6px var(--body);color:var(--i-accent)}
.structured-list em{font-style:normal;margin-left:auto}
.structured-footer{height:25px;flex:0 0 25px;background:var(--i-accent);color:var(--i-dark);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:800 6px/1.3 var(--body);letter-spacing:.04em}
.structured-footer span{font-size:14px}

/* Tailored industry case for one page */
.industry-fit{padding:43px 38px 38px;background:#fff;border-top:1px solid #e9eeec}
.industry-fit-heading{display:grid;grid-template-columns:1fr .95fr;gap:17px 55px;align-items:end}
.industry-fit-heading>.industry-selection-number{grid-column:1/-1}
.industry-fit-heading h3{font:800 clamp(22px,2.4vw,31px)/1.26 var(--heading);letter-spacing:-.06em;margin:0}
.industry-fit-heading>p{font:500 12px/1.8 var(--body);color:#708089;margin:0}
.industry-fit-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0 25px}
.industry-reason{padding:24px 22px 22px;background:#f7f9f6;border-radius:14px;border:1px solid #eef1ed}
.industry-reason-index{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e3f3eb;color:#328c7b;font:800 10px var(--body)}
.industry-reason h4{font:800 13px/1.45 var(--heading);letter-spacing:-.025em;margin:16px 0 7px}
.industry-reason p{font:500 11px/1.75 var(--body);color:#6b7b82;margin:0}
.industry-fit-foot{display:flex;align-items:start;gap:14px;padding:18px 21px;background:#fff4ec;border:1px solid #f7e0d3;border-radius:13px}
.industry-fit-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#ffe0cf;color:#d66e53;font-size:20px}
.industry-fit-foot p{font:500 11px/1.7 var(--body);color:#756c65;margin:0}
.industry-fit-foot strong{font-size:12px;color:#3e4950}

/* Expanded accessible concept preview */
.industry-preview-dialog{border:0;border-radius:20px;padding:0;background:#fff;box-shadow:0 35px 100px #061c2c70;width:min(950px,calc(100vw - 32px));max-height:min(95vh,850px);overflow:auto;color:var(--navy)}
.industry-preview-dialog::backdrop{background:#0f2838bc;backdrop-filter:blur(8px)}
.industry-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#fff;border-bottom:1px solid #e4e7e4;font:800 12px/1.45 var(--heading)}
.industry-dialog-close{border:1px solid #dce5e3;background:#f6faf8;border-radius:8px;padding:8px 11px;display:inline-flex;align-items:center;gap:12px;font:700 11px var(--body);color:#286a63}
.industry-dialog-close span{font-size:19px;line-height:1}
.industry-dialog-body{padding:24px;background:#f3f6f3}
.industry-dialog-body .concept-browser{height:min(60vw,550px);min-height:330px;margin:0;box-shadow:0 12px 32px #183e4b1a}
.industry-dialog-body .concept-browser-bar{height:31px;flex-basis:31px;font-size:8px}
.industry-dialog-body .site-editorial{padding:30px 34px 23px}
.industry-dialog-body .editorial-brand{font-size:clamp(17px,2vw,24px)}
.industry-dialog-body .editorial-nav>span:last-child{font-size:9px}
.industry-dialog-body .editorial-text h4{font-size:clamp(34px,4.2vw,63px);max-width:430px}
.industry-dialog-body .editorial-text p{font-size:clamp(12px,1.3vw,16px);max-width:370px}
.industry-dialog-body .editorial-arch{max-height:360px;width:85%;height:84%}
.industry-dialog-body .editorial-footer,.industry-dialog-body .example-overline{font-size:10px}
.industry-dialog-body .example-btn{font-size:11px;padding:14px 18px}
.industry-dialog-body .site-statement{padding:35px 42px 22px}
.industry-dialog-body .statement-brand{font-size:clamp(16px,2vw,25px)}
.industry-dialog-body .statement-menu,.industry-dialog-body .statement-eyebrow{font-size:10px}
.industry-dialog-body .statement-content h4{font-size:clamp(34px,4vw,61px);max-width:620px}
.industry-dialog-body .statement-content p{font-size:clamp(13px,1.4vw,17px);max-width:440px}
.industry-dialog-body .statement-btn{font-size:11px;min-width:190px;padding:16px 19px}
.industry-dialog-body .statement-art{height:360px;width:360px;right:0;bottom:15px}
.industry-dialog-body .statement-footer{font-size:10px}
.industry-dialog-body .structured-nav{height:65px;flex-basis:65px;padding:14px 26px}
.industry-dialog-body .structured-brand{font-size:20px}
.industry-dialog-body .structured-nav>span:last-child{font-size:9px}
.industry-dialog-body .structured-main-left{padding:28px 35px}
.industry-dialog-body .structured-eyebrow{font-size:10px}
.industry-dialog-body .structured-main-left h4{font-size:clamp(35px,3.6vw,54px)}
.industry-dialog-body .structured-main-left p{font-size:clamp(13px,1.3vw,16px)}
.industry-dialog-body .structured-btn{font-size:11px;padding:15px 19px}
.industry-dialog-body .structured-main-right{padding:25px}
.industry-dialog-body .structured-symbol{height:200px}
.industry-dialog-body .structured-symbol svg{height:150px;width:150px}
.industry-dialog-body .structured-symbol:after{height:175px;width:175px}
.industry-dialog-body .structured-list>span{font-size:12px;padding:13px 5px}
.industry-dialog-body .structured-list b{font-size:11px}
.industry-dialog-body .structured-footer{height:40px;flex-basis:40px;font-size:10px;padding:0 26px}
.industry-dialog-caption{padding:0 25px 20px;margin:0;color:#71808a;font:500 11px/1.65 var(--body)}

@media(max-width:1100px){
  .industry-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
  .industry-concepts{gap:9px}
  .concept-card-header{padding:18px 14px 14px}
  .concept-browser{margin:0 8px}
  .concept-card-bottom{padding:10px 9px}
  .concept-card-bottom button{font-size:8px}
  .industry-chip{font-size:10px}
  .editorial-text h4{font-size:clamp(18px,2.1vw,26px)}
  .statement-content h4{font-size:clamp(20px,2vw,27px)}
  .structured-main-left h4{font-size:clamp(17px,1.9vw,24px)}
}
@media(max-width:860px){
  .industry-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .industry-result{padding:32px 25px 35px}
  .industry-selection-bar{padding:32px 25px 9px}
  .industry-picker{padding:18px 25px 29px}
  .industry-concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  .industry-concept-card:last-child{grid-column:1/-1;width:calc(50% - 8px);margin:auto}
  .industry-fit{padding:35px 25px}
  .industry-fit-heading{gap:17px 30px}
  .industry-fit-reasons{gap:10px}
  .industry-reason{padding:19px 15px}
  .editorial-text h4{font-size:clamp(19px,3.1vw,30px)}
  .statement-content h4{font-size:clamp(20px,3vw,31px)}
  .structured-main-left h4{font-size:clamp(18px,2.7vw,26px)}
}
@media(max-width:660px){
  .industry-explorer{border-radius:19px}
  .industry-selection-bar{padding:25px 19px 5px}
  .industry-selection-heading h3{font-size:20px}
  .industry-selection-decoration{display:none}
  .industry-picker{display:none}
  .industry-mobile-picker{display:block;padding:18px 19px 24px}
  .industry-mobile-picker label{display:block;font:800 10px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#558478;margin-bottom:9px}
  .industry-mobile-picker select{height:54px;width:100%;background:#eaf7f0;color:#195a4f;border:1px solid #85c9b4;border-radius:11px;padding:0 15px;font:800 13px var(--body)}
  .industry-result{padding:27px 12px 26px}
  .industry-result-intro{display:block;margin:0 7px 23px}
  .industry-result-intro h3{font-size:22px}
  .industry-result-intro p{font-size:11px}
  .industry-direction-indicator{display:inline-flex;margin-top:17px;font-size:8px}
  .industry-concepts{grid-template-columns:1fr;gap:17px}
  .industry-concept-card:last-child{grid-column:auto;width:100%}
  .concept-card-header{padding:18px 19px 14px}
  .concept-card-header h4{font-size:18px}
  .concept-browser{height:360px;margin:0 12px}
  .concept-card-bottom{padding:14px 16px}
  .concept-card-bottom button{font-size:10px}
  .concept-card-bottom>span{font-size:10px}
  .editorial-text h4{font-size:clamp(25px,7vw,35px)}
  .statement-content h4{font-size:clamp(26px,7vw,38px)}
  .structured-main-left h4{font-size:clamp(22px,6vw,31px)}
  .industry-concept-hint{text-align:left;margin:17px 7px 0;font-size:10px}
  .industry-fit{padding:30px 19px}
  .industry-fit-heading{display:block}
  .industry-fit-heading h3{font-size:25px;margin:12px 0}
  .industry-fit-heading>p{font-size:12px}
  .industry-fit-reasons{grid-template-columns:1fr;gap:9px;margin:20px 0}
  .industry-reason{padding:17px;display:grid;grid-template-columns:35px 1fr;gap:4px 12px}
  .industry-reason-index{grid-row:span 2}
  .industry-reason h4{margin:1px 0;font-size:13px}
  .industry-reason p{font-size:11px}
  .industry-fit-foot{padding:15px;gap:11px}
  .industry-preview-toolbar{padding:13px;font-size:10px}
  .industry-dialog-body{padding:10px}
  .industry-dialog-body .concept-browser{min-height:420px;height:65vh;margin:0}
  .industry-dialog-body .concept-site{font-size:inherit}
  .industry-dialog-body .site-editorial{padding:16px 13px 13px}
  .industry-dialog-body .editorial-brand{font-size:14px}
  .industry-dialog-body .editorial-nav>span:last-child{font-size:5px}
  .industry-dialog-body .editorial-text h4{font-size:clamp(24px,6.8vw,32px)}
  .industry-dialog-body .editorial-text p{font-size:9px}
  .industry-dialog-body .editorial-footer,.industry-dialog-body .example-overline{font-size:7px}
  .industry-dialog-body .example-btn{font-size:8px;padding:10px}
  .industry-dialog-body .site-statement{padding:20px}
  .industry-dialog-body .statement-content h4{font-size:clamp(29px,8vw,42px)}
  .industry-dialog-body .statement-content p{font-size:11px}
  .industry-dialog-body .statement-art{height:180px;width:180px}
  .industry-dialog-body .statement-btn{font-size:10px;padding:12px;min-width:150px}
  .industry-dialog-body .structured-nav{height:44px;flex-basis:44px;padding:10px}
  .industry-dialog-body .structured-brand{font-size:12px}
  .industry-dialog-body .structured-nav>span:last-child{font-size:6px}
  .industry-dialog-body .structured-main-left{padding:14px}
  .industry-dialog-body .structured-eyebrow{font-size:7px}
  .industry-dialog-body .structured-main-left h4{font-size:clamp(22px,6vw,33px)}
  .industry-dialog-body .structured-main-left p{font-size:9px}
  .industry-dialog-body .structured-btn{font-size:8px;padding:10px}
  .industry-dialog-body .structured-main-right{padding:10px}
  .industry-dialog-body .structured-symbol{height:120px}
  .industry-dialog-body .structured-symbol svg{height:85px;width:85px}
  .industry-dialog-body .structured-symbol:after{height:100px;width:100px}
  .industry-dialog-body .structured-list>span{font-size:8px;padding:11px 0}
  .industry-dialog-body .structured-list b{font-size:7px}
  .industry-dialog-body .structured-footer{height:25px;flex-basis:25px;font-size:6px;padding:0 10px}
}
@media(max-width:370px){
  .industry-result{padding-left:8px;padding-right:8px}
  .concept-browser{height:342px;margin:0 8px}
  .site-editorial{padding:12px 9px}
  .editorial-text h4{font-size:23px}
  .editorial-nav>span:last-child{font-size:4px}
  .site-statement{padding:14px}
  .statement-content h4{font-size:25px}
  .structured-main-left h4{font-size:21px}
  .industry-dialog-body .structured-main-left h4{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.industry-chip,.industry-concept-card{transition:none}.industry-chip:hover,.industry-concept-card:hover{transform:none}}

.industry-chip{min-height:61px}.industry-chip small{font-size:8px;line-height:1.25;display:block;font-weight:600;margin-top:3px;color:#83918c}.industry-chip.is-active small{color:#378c7a}


/* v6 interactive showcase refinements */
.concept-photo-img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-hero-with-photo{grid-template-columns:1fr .95fr;gap:10px}
.editorial-photo-frame{width:100%;height:100%;min-height:190px;border-radius:24px;overflow:hidden;box-shadow:0 18px 35px rgba(38,43,59,.12);background:#fff;transform:translateX(3%)}
.statement-shot{position:absolute;right:18px;bottom:56px;width:42%;max-width:180px;height:34%;min-height:90px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.3);box-shadow:0 18px 35px rgba(0,0,0,.2);z-index:1;background:#fff}
.statement-content{padding-bottom:100px}
.concept-browser-1 .statement-content p{max-width:180px}
.industry-chip[data-industry="charity"]{background:#fff7fb}
.industry-chip[data-industry="charity"].is-active{background:#fde8f2;border-color:#e0a9c3;color:#8e2d67;box-shadow:inset 0 0 0 1px #f2bfd5}
@media (max-width: 1024px){.statement-shot{width:40%;right:14px;bottom:50px}.editorial-photo-frame{min-height:170px}}
@media (max-width: 767px){.editorial-hero-with-photo{grid-template-columns:1fr}.editorial-photo-frame{min-height:150px;transform:none}.statement-content{padding-bottom:116px}.statement-shot{left:20px;right:20px;bottom:58px;width:auto;max-width:none;height:110px}}
@media (max-width: 480px){.statement-shot{left:14px;right:14px;height:96px;bottom:52px}}


/* v7: industry-specific image-led concepts */
.concept-photo-img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-hero-with-photo{grid-template-columns:1fr .97fr;gap:10px}
.editorial-photo-frame{width:100%;height:100%;min-height:200px;border-radius:24px;overflow:hidden;box-shadow:0 18px 35px rgba(38,43,59,.12);background:#fff;transform:translateX(3%)}
.statement-shot{position:absolute;right:16px;bottom:56px;width:44%;max-width:190px;height:35%;min-height:96px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 35px rgba(0,0,0,.22);z-index:1;background:#fff}
.statement-content{padding-bottom:110px}
.concept-browser-1 .statement-content p{max-width:180px}
.structured-main-image .structured-main-right{padding:10px 9px 9px;display:grid;grid-template-rows:auto 1fr;gap:8px}
.structured-image-card{height:96px;border-radius:12px;overflow:hidden;box-shadow:0 12px 24px rgba(23,48,62,.08);background:#fff}
.structured-main-image .structured-symbol{display:none}
.concept-card-bottom span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media (max-width: 1024px){.statement-shot{width:42%;right:14px;bottom:50px}.editorial-photo-frame{min-height:175px}.structured-image-card{height:88px}}
@media (max-width: 767px){.editorial-hero-with-photo{grid-template-columns:1fr}.editorial-photo-frame{min-height:150px;transform:none}.statement-content{padding-bottom:118px}.statement-shot{left:18px;right:18px;bottom:60px;width:auto;max-width:none;height:110px}.structured-image-card{height:120px}}
@media (max-width: 480px){.statement-shot{left:14px;right:14px;height:96px;bottom:52px}.structured-image-card{height:102px}}

/* v8 photographic showcases: different image-led page compositions */
.industry-concept-card .concept-photo-img { display:block; width:100%; height:100%; object-fit:cover; }
.editorial-photo-frame{border-radius:3px 90px 3px 3px;min-height:210px;box-shadow:0 18px 28px rgba(41,24,12,.13)}
.editorial-photo-frame img{object-position:50% 48%;}
.site-statement{background:var(--i-dark);isolation:isolate;}
.site-statement::before {display:none;}
.statement-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;}
.statement-image-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,26,36,.86) 0%,rgba(10,26,36,.64) 47%,rgba(10,26,36,.1) 100%),linear-gradient(0deg,rgba(10,26,36,.47),transparent 60%);z-index:-2;}
.statement-content{padding:10px 0 22px;max-width:82%;}
.statement-content h4{max-width:246px;font-size:clamp(22px,2.35vw,32px);text-shadow:0 2px 18px #07192335;}
.statement-content p{max-width:170px;font-size:8px;color:white;}
.statement-brand{font-size:14px;color:white;text-shadow:0 1px 9px #05101677;}
.statement-btn{background:var(--i-accent);color:var(--i-dark);border-radius:3px;}
.statement-footer{position:relative;z-index:1;border-color:#ffffffa3;}
.statement-nav{z-index:1;}
.structured-photo-site{background:#fcf9f4;color:#233b40;display:flex;flex-direction:column;}
.structured-photo-cover{height:44%;min-height:0;flex-shrink:0;position:relative;overflow:hidden;}
.structured-photo-cover img{object-position:50% 45%;}
.structured-photo-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#12273642,transparent 45%,#1026302b)}
.structured-photo-nav{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 15px;color:white;z-index:1;text-shadow:0 2px 8px #0008}
.structured-photo-nav .structured-brand{font-size:12px;letter-spacing:-.04em;color:white;}
.structured-photo-nav span:last-child{font:800 6px var(--body);letter-spacing:.1em;}
.structured-cover-label{position:absolute;left:15px;bottom:12px;z-index:1;font:800 6px/1.3 var(--body);letter-spacing:.1em;color:#fff;}
.structured-photo-body{flex:1;display:grid;grid-template-columns:1fr .56fr;gap:10px;padding:16px 13px;min-height:0;background:#faf8f3;}
.structured-photo-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.structured-photo-copy h4{font:800 clamp(19px,1.75vw,25px)/1.12 var(--heading);letter-spacing:-.055em;margin:0 0 8px;color:#19324a;}
.structured-photo-copy p{font:500 7px/1.5 var(--body);color:#586d72;margin:0 0 10px;}
.structured-photo-btn{font:800 6.5px/1.4 var(--body);background:#19324a;color:white;padding:8px 10px;border-radius:3px;}
.structured-photo-services{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;}
.structured-photo-services span{font:700 6px/1.25 var(--body);color:#365557;border-top:1px solid #bdd5cd;padding:8px 0;overflow-wrap:anywhere;}
.structured-photo-foot{flex:0 0 23px;padding:4px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--i-wash);font:800 6px/1 var(--body);letter-spacing:.035em;color:#19324a}
.structured-photo-foot span{font-size:13px}
/* larger concept preview */
.industry-dialog-body .statement-content{padding-bottom:40px;max-width:80%;}
.industry-dialog-body .statement-content h4{font-size:clamp(38px,5vw,64px);max-width:540px;}
.industry-dialog-body .statement-content p{font-size:clamp(12px,1.35vw,16px);max-width:350px;}
.industry-dialog-body .structured-photo-nav{padding:23px 30px;}
.industry-dialog-body .structured-photo-nav .structured-brand{font-size:22px;}
.industry-dialog-body .structured-photo-body{padding:26px 32px;gap:35px;}
.industry-dialog-body .structured-photo-copy h4{font-size:clamp(34px,4.2vw,58px);max-width:470px;}
.industry-dialog-body .structured-photo-copy p{font-size:clamp(12px,1.35vw,16px);max-width:400px;}
.industry-dialog-body .structured-photo-btn{font-size:12px;padding:14px 17px;}
.industry-dialog-body .structured-photo-services span{font-size:12px;padding:13px 0;}
.industry-dialog-body .structured-photo-foot{flex-basis:35px;font-size:11px;padding:0 28px;}
.industry-dialog-body .structured-photo-cover{height:45%;}
.industry-dialog-body .structured-cover-label{font-size:10px;bottom:22px;left:28px;}
@media(max-width:800px){
 .structured-photo-body{gap:7px}
 .structured-photo-copy h4{font-size:clamp(18px,2vw,25px)}
}
@media(max-width:767px){
 .site-statement .statement-content{padding-bottom:14px;max-width:80%;}
 .statement-content h4{font-size:clamp(29px,7vw,40px)}
 .statement-content p{font-size:9px;}
 .structured-photo-cover{height:43%}
 .structured-photo-body{grid-template-columns:1fr .58fr;padding:19px 17px}
 .structured-photo-copy h4{font-size:clamp(23px,5vw,33px)}
 .structured-photo-copy p{font-size:9px}
 .structured-photo-btn{font-size:8px;padding:10px}
 .structured-photo-services span{font-size:8px;padding:11px 0}
 .industry-dialog-body .structured-photo-body{padding:16px;gap:12px;}
 .industry-dialog-body .structured-photo-copy h4{font-size:clamp(24px,6.5vw,33px)}
 .industry-dialog-body .structured-photo-copy p{font-size:9px}
 .industry-dialog-body .structured-photo-services span{font-size:8px;padding:11px 0}
 .industry-dialog-body .structured-photo-nav{padding:14px 16px}
 .industry-dialog-body .structured-photo-nav .structured-brand{font-size:16px}
 .industry-dialog-body .statement-content h4{font-size:clamp(30px,7.8vw,48px)}
}
@media(max-width:380px){
 .structured-photo-body{gap:8px;padding:12px;}
 .structured-photo-copy h4{font-size:21px}
 .structured-photo-services span{font-size:7px}
}

/* V9 showcase art directions: six compositions rotated across sectors */
.showcase-variant-0 .editorial-photo-frame{border-radius:50% 50% 4px 4px;transform:rotate(2deg);box-shadow:0 13px 22px #0002}
.showcase-variant-1 .site-editorial{background:var(--i-dark);color:#fff}.showcase-variant-1 .editorial-text h4{font-style:italic}.showcase-variant-1 .editorial-photo-frame{border-radius:2px;transform:rotate(-3deg)}
.showcase-variant-2 .site-editorial{background:linear-gradient(145deg,var(--i-wash),var(--i-light))}.showcase-variant-2 .editorial-hero{grid-template-columns:.92fr 1.08fr}.showcase-variant-2 .editorial-photo-frame{border-radius:2px 80px 2px 2px}
.showcase-variant-3 .site-statement .statement-hero-image{filter:saturate(.8);object-position:center 30%}.showcase-variant-3 .statement-content{align-items:flex-start;justify-content:end;padding-bottom:38px}.showcase-variant-3 .statement-content h4{font-family:Georgia,serif;font-weight:400;font-style:italic}.showcase-variant-3 .statement-image-scrim{background:linear-gradient(0deg,#03131bee,transparent 85%)}
.showcase-variant-4 .site-statement .statement-image-scrim{background:linear-gradient(100deg,var(--i-dark) 0%,#0008 48%,#0000 100%)}.showcase-variant-4 .statement-content h4{text-transform:uppercase;letter-spacing:-.055em}
.showcase-variant-5 .site-statement .statement-content{align-items:center;text-align:center}.showcase-variant-5 .statement-content h4{font-family:Georgia,serif;font-weight:400}.showcase-variant-5 .statement-image-scrim{background:#061c2c88}
.showcase-variant-0 .structured-photo-cover{height:55%}.showcase-variant-0 .structured-photo-body{background:var(--i-light)}
.showcase-variant-1 .structured-photo-cover{height:40%;border-radius:0 0 55px 0}.showcase-variant-1 .structured-photo-body{background:var(--i-light)}
.showcase-variant-2 .structured-photo-cover{height:50%;border-radius:0 0 55% 0}.showcase-variant-2 .structured-photo-copy h4{font-family:Georgia,serif;font-weight:400}
.showcase-variant-3 .structured-photo-cover{height:47%}.showcase-variant-3 .structured-photo-body{background:var(--i-wash)}
.showcase-variant-4 .structured-photo-cover{height:58%}.showcase-variant-4 .structured-photo-body{background:#fff}.showcase-variant-4 .structured-photo-copy h4{font-family:Georgia,serif}
.showcase-variant-5 .structured-photo-cover{height:43%;border-radius:0 0 20px 20px}.showcase-variant-5 .structured-photo-body{background:var(--i-light)}


/* v10 simplified examples + industry advice */
.trio-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}
.showcase-example{background:#fff;border:1px solid rgba(25,50,74,.08);border-radius:28px;padding:24px;box-shadow:0 24px 50px rgba(25,50,74,.08)}
.showcase-example-head{margin-bottom:18px}
.showcase-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#F6F0EA;color:#19324A;font-size:.72rem;font-weight:700;letter-spacing:.08em}
.showcase-example h3{font-size:1.45rem;line-height:1.12;margin:14px 0 10px;color:#19324A}
.showcase-example-head p{margin:0;color:#506071}
.showcase-shell{border-radius:24px;overflow:hidden;border:1px solid rgba(25,50,74,.1);background:#fff8f3}
.showcase-browser-bar{display:flex;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid rgba(25,50,74,.08)}
.showcase-browser-bar span{width:10px;height:10px;border-radius:50%;background:#E2D7CC}
.editorial-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:355px;background:linear-gradient(135deg,#f7f1ec 0%, #fff 100%)}
.editorial-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.mini-kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#D16E55;margin-bottom:16px}
.showcase-shell h4{margin:0 0 12px;font-size:1.95rem;line-height:1.03;color:#19324A}
.showcase-shell p{margin:0;color:#53606d;font-size:.98rem}
.mini-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.mini-btn{display:inline-flex;padding:11px 14px;border-radius:999px;background:#19324A;color:#fff;font-weight:700;font-size:.9rem}
.mini-link{display:inline-flex;padding:11px 0;color:#19324A;font-weight:700;font-size:.92rem}
.editorial-photo-wrap{background:#F2E8E1;min-height:355px}
.editorial-photo-wrap img,.carded-photo img,.overlay-bg{width:100%;height:100%;display:block;object-fit:cover}
.overlay-layout{position:relative;min-height:420px;background:#000}
.overlay-bg{position:absolute;inset:0}
.overlay-layout::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,26,40,.82) 0%, rgba(12,26,40,.42) 46%, rgba(12,26,40,.06) 100%)}
.overlay-panel{position:relative;z-index:1;max-width:56%;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.overlay-panel h4,.overlay-panel p,.overlay-panel .mini-link{color:#fff}
.overlay-panel .mini-btn{background:#F47B5B;color:#fff}
.carded-layout{background:linear-gradient(180deg,#fff 0%, #FCF7F2 100%)}
.carded-topbar{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid rgba(25,50,74,.08);font-size:.9rem;color:#60717d}
.carded-brand{font-weight:800;color:#19324A}
.carded-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;align-items:stretch;min-height:355px}
.carded-photo{min-height:355px}
.carded-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.showcase-points{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.showcase-points li{position:relative;padding-left:26px;color:#405364;line-height:1.5}
.showcase-points li::before{content:'✓';position:absolute;left:0;top:0;color:#D16E55;font-weight:800}
.benefit-browser-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end;margin-top:50px}
.industry-advice{margin-top:24px;display:grid;gap:18px}
.advice-bar{margin-bottom:0}
.industry-advice-panel{background:#fff;border:1px solid rgba(25,50,74,.08);border-radius:28px;padding:28px;box-shadow:0 24px 50px rgba(25,50,74,.06)}
.industry-advice-panel .industry-fit-reasons{grid-template-columns:repeat(3,minmax(0,1fr))}
.industry-advice-panel .industry-fit-foot{margin-top:18px}
.examples-caption{margin-top:22px}
@media (max-width: 1100px){
  .trio-showcase{grid-template-columns:1fr;gap:20px}
  .benefit-browser-intro{grid-template-columns:1fr}
}
@media (max-width: 900px){
  .editorial-layout,.carded-grid{grid-template-columns:1fr}
  .editorial-photo-wrap,.carded-photo{min-height:260px}
  .overlay-panel{max-width:none;width:100%;padding-top:160px}
  .industry-advice-panel .industry-fit-reasons{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .showcase-example{padding:18px;border-radius:22px}
  .showcase-shell h4{font-size:1.55rem}
  .overlay-layout{min-height:370px}
  .overlay-panel{min-height:370px;padding:20px;padding-top:150px}
  .carded-topbar{display:block}
  .carded-nav{display:block;margin-top:6px}
  .industry-advice-panel{padding:20px;border-radius:22px}
}


/* v11 — three generous premium homepage examples and a streamlined industry explainer */
.portfolio-intro{display:grid;grid-template-columns:1.16fr .84fr;gap:7%;align-items:end;margin:4rem 0 2.6rem}
.portfolio-intro h2,.presence-headline h2{font:800 clamp(2rem,3.7vw,3.35rem)/1.13 var(--heading);letter-spacing:-.065em;margin:1rem 0 0}
.portfolio-intro p,.presence-headline p{font-size:1rem;line-height:1.8;color:#687981;margin:0}
.nookell-portfolio{display:grid;gap:2.3rem}
.portfolio-project{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);gap:clamp(26px,4.5vw,75px);align-items:center;border-bottom:1px solid #dce7e2;padding:2.1rem 0 3.8rem}
.portfolio-project:last-child{border-bottom:0}
.portfolio-project-trade .portfolio-story{order:2}
.portfolio-project-trade .portfolio-browser{order:1}
.portfolio-story{min-width:0}
.portfolio-index{font:800 .7rem/1.6 var(--body);letter-spacing:.12em;color:#4c9c8d;display:flex;gap:1rem;align-items:center}
.portfolio-index span{color:#83948e;letter-spacing:.08em}
.portfolio-story h3{font:800 clamp(1.75rem,3vw,2.8rem)/1.14 var(--heading);letter-spacing:-.06em;margin:1.4rem 0 1rem;color:#19324A}
.portfolio-story h3 em{font-style:normal;color:#278d85}
.portfolio-story>p{font-size:.98rem;line-height:1.83;color:#5d6d75;max-width:410px}
.portfolio-attributes{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.65rem 0}
.portfolio-attributes span{border:1px solid #dbeae4;background:#fff;border-radius:30px;color:#316d66;padding:.56rem .82rem;font-size:.7rem;font-weight:700}
.portfolio-note{color:#87968f;font-size:.69rem;display:flex;align-items:center;gap:.5rem}
.portfolio-note span{color:#ee846d;font-size:1.12rem}
.portfolio-browser{min-width:0;border:1px solid #dbe4e0;background:#fff;border-radius:18px;box-shadow:0 26px 65px rgba(18,52,63,.10),0 4px 10px rgba(18,52,63,.04);overflow:hidden}
.portfolio-chrome{height:34px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e9eeee;color:#95a1a2;font-size:.55rem;letter-spacing:.075em}
.chrome-lights{display:flex;gap:4px}.chrome-lights i{width:6px;height:6px;border-radius:50%;background:#f5bea9}.chrome-lights i:nth-child(2){background:#efdfb3}.chrome-lights i:nth-child(3){background:#b4d9ce}
.portfolio-browser .demo-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-size:.62rem;white-space:nowrap}
.portfolio-browser .demo-nav strong{font-size:1rem;letter-spacing:-.05em;color:#264b42;font-weight:800}
.portfolio-browser .demo-nav>b{background:#e06558;border-radius:30px;padding:9px 12px;color:#fff;font-size:.58rem}
.logo-flower{font-size:1rem;color:#ed7865;margin-right:3px}
.demo-charity-v11{background:#fffaf5}
.demo-charity-content{display:grid;grid-template-columns:1fr 1fr;min-height:325px}
.demo-charity-text{padding:35px 24px 29px 34px;display:flex;flex-direction:column;justify-content:center}
.demo-micro{font-size:.6rem;letter-spacing:.16em;font-weight:800;color:#cb695e}
.demo-charity-text h4{font:600 clamp(1.6rem,2.6vw,2.6rem)/1.08 Georgia,serif;letter-spacing:-.045em;color:#284739;margin:14px 0}
.demo-charity-text h4 em{font-style:italic;color:#b65f50}
.demo-charity-text p{font-size:.72rem;line-height:1.72;color:#6d746e;max-width:270px;margin:0 0 20px}
.demo-button{display:inline-flex;align-self:flex-start;align-items:center;gap:24px;background:#315749;color:#fff;border-radius:25px;padding:12px 14px;font-size:.7rem;font-weight:700}
.demo-charity-photo{overflow:hidden;position:relative}.demo-charity-photo img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.demo-charity-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5e5de;padding:13px 22px;color:#446054;font-size:.69rem;gap:10px}
.demo-charity-bottom b{color:#e16e5e;margin-right:6px}
.demo-trade-v11{min-height:425px;position:relative;background:#0c1e2d;color:#fff;isolation:isolate;overflow:hidden}
.demo-trade-v11>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 47%;z-index:-2}
.demo-trade-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,43,.97),rgba(8,27,43,.76) 47%,rgba(8,27,43,.08) 85%);z-index:-1}
.demo-trade-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;font-size:.65rem;white-space:nowrap}
.demo-trade-nav strong{font-size:1.25rem;letter-spacing:-.075em}.demo-trade-nav strong>span:first-child{color:#fc8263;margin-right:4px}.demo-trade-name-light{font-weight:400}
.demo-trade-nav b{background:#ff825f;padding:10px 13px;border-radius:6px;font-size:.66rem;color:#102f44}
.demo-trade-main{max-width:62%;padding:35px 0 29px 36px}
.demo-trade-tag{font-size:.58rem;font-weight:800;letter-spacing:.16em;color:#fda27c}
.demo-trade-main h4{font:800 clamp(2rem,3.2vw,3.3rem)/1.07 var(--heading);letter-spacing:-.065em;margin:13px 0;color:#fff}
.demo-trade-main h4 i{font-style:normal;color:#ff9e7c}
.demo-trade-main p{font-size:.72rem;line-height:1.7;max-width:260px;color:#f4f3f3d9}
.demo-trade-button{display:inline-flex;gap:30px;align-items:center;background:#ff835f;color:#102f44;font-size:.7rem;padding:12px 15px;border-radius:6px;font-weight:800;margin-top:14px}
.demo-trade-services{position:relative;display:flex;justify-content:space-around;gap:12px;border-top:1px solid #ffffff42;background:#06172366;backdrop-filter:blur(8px);padding:16px;color:#fff;font-size:.67rem;font-weight:700}
.demo-cafe-v11{background:#f4eee4}
.demo-cafe-nav{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:.69rem;color:#594634;gap:10px;white-space:nowrap}
.demo-cafe-nav strong{font:800 1.75rem/1 var(--heading);letter-spacing:-.08em;color:#463c2d}
.demo-cafe-nav strong span{vertical-align:top;font-size:.5rem;letter-spacing:0;margin-left:3px}
.demo-cafe-nav b{background:#4a5634;border-radius:25px;padding:10px 14px;color:#fff;font-size:.65rem}
.demo-cafe-grid{display:grid;grid-template-columns:1fr 1fr;min-height:335px;align-items:stretch}
.demo-cafe-message{padding:25px 20px 24px 29px;display:flex;flex-direction:column;justify-content:center;order:2}
.demo-cafe-hello{font-size:.57rem;color:#94683c;font-weight:800;letter-spacing:.12em}
.demo-cafe-message h4{font:500 clamp(2rem,2.6vw,2.6rem)/1.09 Georgia,serif;color:#463525;letter-spacing:-.06em;margin:15px 0}
.demo-cafe-message h4 em{color:#9c754a}
.demo-cafe-message p{font-size:.73rem;line-height:1.6;color:#7a6858;max-width:260px}
.demo-cafe-button{background:#3b5032;color:white;border-radius:30px;padding:12px 16px;font-size:.7rem;font-weight:700;align-self:flex-start;margin-top:16px}
.demo-cafe-hours{display:flex;gap:14px;align-items:center;color:#987b5c;font-weight:800;font-size:.55rem;letter-spacing:.09em;margin-top:21px}.demo-cafe-hours b{font-size:.7rem;color:#394b34}
.demo-cafe-image{overflow:hidden;position:relative;min-height:335px}.demo-cafe-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.demo-cafe-bottom{display:flex;justify-content:space-around;gap:8px;border-top:1px solid #e7dacc;padding:14px;color:#806d51;font-weight:800;letter-spacing:.13em;font-size:.59rem}
.industry-presence{margin:6rem 0 4rem;scroll-margin-top:90px}
.presence-head>.kicker{display:inline-block;margin-bottom:1.1rem}
.presence-headline{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;margin-bottom:2.3rem}
.presence-widget{background:#fff;border-radius:24px;box-shadow:0 28px 74px rgba(21,58,69,.065);border:1px solid #e4ece8;overflow:hidden}
.presence-controls{display:flex;align-items:center;gap:22px;padding:24px 28px;background:#17374a;color:#fff}
.presence-control-label{flex:1;display:grid;gap:6px}
.presence-tiny-label,.presence-eyebrow{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:#7fd4be}
.presence-instruction{font:700 1rem var(--heading)}
.presence-select-wrap{flex:0 1 385px;position:relative}
.presence-select-wrap:after{content:'⌄';position:absolute;right:17px;top:50%;transform:translateY(-55%);font-size:1.4rem;pointer-events:none;color:#17374a}
.presence-select-wrap select{width:100%;appearance:none;min-height:52px;padding:13px 44px 13px 18px;background:#fff;border:0;border-radius:9px;color:#19324a;font:700 .88rem var(--body)}
.presence-select-wrap select:focus-visible,.presence-pager button:focus-visible{outline:3px solid #ff987d;outline-offset:3px}
.presence-pager{display:flex;align-items:center;gap:12px;white-space:nowrap;font-weight:800;font-size:.75rem;letter-spacing:.07em}
.presence-pager button{width:41px;height:41px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff14;color:white;cursor:pointer;font-size:1.1rem}
.presence-pager button:hover:not(:disabled){background:#ffffff37}.presence-pager button:disabled{opacity:.32;cursor:default}
.presence-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.presence-lead{padding:clamp(25px,4vw,53px);background:linear-gradient(160deg,#f1f8f4,#e8f3ee);border-right:1px solid #e3ece5}
.presence-eyebrow{color:#398c7d}
.presence-lead h3{font:800 clamp(1.65rem,2.5vw,2.75rem)/1.18 var(--heading);letter-spacing:-.055em;color:#17374a;margin:17px 0 22px}
.presence-lead>p{color:#4c6765;font-size:.99rem;line-height:1.87;margin:0}
.presence-soft-note{display:flex;align-items:flex-start;gap:14px;border-top:1px solid #b5d9cb;margin-top:30px;padding-top:24px}
.presence-soft-note>span{background:#cbe8dc;border-radius:10px;display:grid;place-items:center;color:#177665;font-size:1.1rem;width:36px;height:36px;flex:0 0 36px}
.presence-soft-note p{margin:0;font-size:.84rem;color:#53786e;line-height:1.72}
.presence-reasons{padding:clamp(25px,4vw,53px);display:flex;flex-direction:column}
.presence-reasons-list{margin-top:18px;display:grid}
.presence-reason{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #e6eceb}
.presence-reason:first-child{padding-top:12px}.presence-reason:last-child{border-bottom:0}
.presence-reason-num{font:800 .8rem var(--body);color:#3d9b8a;background:#e5f4ee;border-radius:10px;width:36px;height:36px;display:grid;place-items:center}
.presence-reason h4{font:800 1.02rem/1.3 var(--heading);letter-spacing:-.025em;color:#1c3949;margin:1px 0 9px}
.presence-reason p{margin:0;color:#697d83;font-size:.83rem;line-height:1.72}
.presence-link{margin-top:auto;padding-top:20px;color:#157c6f;font-weight:800;font-size:.85rem;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.presence-link span{font-size:1.2rem}
.presence-footnote{margin:22px 0 0;text-align:center;font-size:.73rem;line-height:1.7;color:#7d8e88}
@media(max-width:1100px){.portfolio-project{grid-template-columns:1fr;gap:25px}.portfolio-project-trade .portfolio-story,.portfolio-project-trade .portfolio-browser{order:initial}.portfolio-story>p{max-width:660px}.portfolio-browser{max-width:820px;width:100%;margin:0 auto}}
@media(max-width:850px){.portfolio-intro,.presence-headline{grid-template-columns:1fr;gap:16px}.presence-headline p{max-width:680px}.presence-controls{flex-wrap:wrap}.presence-control-label{flex:1 1 100%}.presence-select-wrap{flex:1}.presence-content{grid-template-columns:1fr}.presence-lead{border-right:0;border-bottom:1px solid #d6e8df}.presence-reasons{min-height:0}.presence-link{margin-top:14px}}
@media(max-width:560px){.portfolio-intro{margin-top:2.5rem}.portfolio-project{padding:1rem 0 2.5rem;gap:19px}.portfolio-story h3{font-size:2rem}.portfolio-browser{border-radius:12px}.portfolio-chrome{height:26px;padding:0 10px;font-size:.45rem}.portfolio-browser .demo-nav,.demo-trade-nav{padding:12px 14px}.portfolio-browser .demo-nav>span,.demo-trade-nav>span{display:none}.portfolio-browser .demo-nav strong{font-size:.85rem}.portfolio-browser .demo-nav>b,.demo-trade-nav b{padding:8px;font-size:.54rem}.demo-charity-content{grid-template-columns:1fr 1fr;min-height:240px}.demo-charity-text{padding:17px 10px 16px 15px}.demo-charity-text h4{font-size:clamp(1.15rem,5vw,1.65rem)}.demo-micro{font-size:.38rem}.demo-charity-text p{font-size:.5rem;line-height:1.65;margin-bottom:10px}.demo-button{padding:9px 10px;gap:10px;font-size:.51rem}.demo-charity-bottom{padding:10px;font-size:.49rem;gap:5px}.demo-charity-bottom b{margin-right:2px}.demo-trade-v11{min-height:350px}.demo-trade-main{max-width:70%;padding:42px 0 22px 19px}.demo-trade-main h4{font-size:clamp(1.75rem,8vw,2.4rem)}.demo-trade-tag{font-size:.47rem}.demo-trade-main p{font-size:.6rem}.demo-trade-services{padding:11px 9px;font-size:.47rem}.demo-trade-button{font-size:.58rem}.demo-cafe-nav{height:46px;padding:0 12px}.demo-cafe-nav strong{font-size:1.2rem}.demo-cafe-nav>span{display:none}.demo-cafe-nav b{font-size:.52rem;padding:7px 9px}.demo-cafe-grid{min-height:245px;grid-template-columns:1fr 1fr}.demo-cafe-image{min-height:245px}.demo-cafe-message{padding:10px 10px 10px 13px}.demo-cafe-hello{font-size:.4rem}.demo-cafe-message h4{font-size:clamp(1.15rem,5vw,1.7rem);margin:8px 0}.demo-cafe-message p{font-size:.53rem}.demo-cafe-button{margin-top:12px;font-size:.51rem;padding:8px 10px}.demo-cafe-hours{display:none}.demo-cafe-bottom{font-size:.45rem;padding:10px 5px}.industry-presence{margin:4rem 0 2.5rem}.presence-controls{gap:14px;padding:20px}.presence-select-wrap{flex-basis:100%}.presence-pager{width:100%;justify-content:space-between}.presence-lead,.presence-reasons{padding:23px}.presence-lead h3{font-size:1.7rem}.presence-lead>p{font-size:.88rem}.presence-soft-note p{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){.portfolio-project *,.presence-widget *{transition:none!important}}

/* Match the visual weight of the alternating trade preview on desktop. */
@media(min-width:1101px){.portfolio-project-trade{grid-template-columns:minmax(0,1.36fr) minmax(0,.64fr)}}

/* Ensure the photographic hero sits above the dark backing and below copy. */
.demo-trade-v11>img{z-index:0}
.demo-trade-overlay{z-index:1}
.demo-trade-nav,.demo-trade-main,.demo-trade-services{position:relative;z-index:2}

/* Formspree enquiry form integration */
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status[data-state="success"]{color:#1d7965;background:#e9f7f0;border:1px solid #bfe8d2;border-radius:9px;padding:12px 14px;font-size:12px}
.form-status[data-state="error"]{color:#922e2e;background:#fff1f1;border:1px solid #f1c2c2;border-radius:9px;padding:12px 14px;font-size:12px}
.btn-submit:disabled{opacity:.68;cursor:wait;transform:none;box-shadow:none}


/* v13 section flow refinements */
.section-heading,
.audience-inner,
.possibility-intro,
.portfolio-intro,
.presence-headline {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}

.section-heading {
  margin-bottom:42px;
}

.section-heading > div,
.audience-inner > div:first-child,
.possibility-intro > div:first-child,
.portfolio-intro > div:first-child,
.presence-headline > div:first-child {
  max-width:760px;
}

.section-heading > p,
.audience-right,
.possibility-intro-aside,
.portfolio-intro > p,
.presence-headline > p {
  width:auto;
  max-width:760px;
  margin:0;
  color:#5f6f7a;
}

.audience-section {
  padding:88px 0 36px;
}

.audience-inner {
  gap:20px;
}

.audience-right {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}

.audience-right p {
  margin:0;
  max-width:720px;
}

.audience-tags {
  margin-top:0;
}

.process-layout {
  gap:46px;
}

.possibility-intro {
  margin-bottom:34px;
}

.possibility-intro h2,
.portfolio-intro h2,
.presence-headline h2 {
  margin-top:16px;
}

.possibility-intro-aside {
  padding-bottom:0;
}

.possibility-intro-aside > p,
.portfolio-intro > p,
.presence-headline p,
.section-heading > p {
  font-size:15px;
  line-height:1.9;
}

.portfolio-intro {
  margin:4rem 0 2.2rem;
}

.industry-presence {
  margin:4.6rem 0 2.5rem;
}

.presence-headline {
  gap:16px;
  margin-bottom:1.75rem;
}

.presence-headline p {
  max-width:760px;
}

.presence-controls {
  margin-top:0;
}

.pricing-top {
  margin-bottom:32px;
}

.pricing-top p {
  margin:16px 0 0;
  max-width:700px;
  font-size:15px;
  line-height:1.9;
  color:#5f6f7a;
}

@media (max-width: 900px) {
  .audience-section {
    padding:76px 0 28px;
  }

  .section-heading,
  .audience-inner,
  .possibility-intro,
  .portfolio-intro,
  .presence-headline {
    gap:16px;
  }

  .section-heading > p,
  .audience-right,
  .possibility-intro-aside,
  .portfolio-intro > p,
  .presence-headline > p,
  .pricing-top p {
    max-width:100%;
  }
}

@media (max-width: 600px) {
  .section-heading,
  .audience-inner,
  .possibility-intro,
  .portfolio-intro,
  .presence-headline {
    gap:14px;
  }

  .section-heading,
  .possibility-intro,
  .portfolio-intro {
    margin-bottom:28px;
  }

  .section-heading > p,
  .possibility-intro-aside > p,
  .portfolio-intro > p,
  .presence-headline p,
  .pricing-top p,
  .audience-right p {
    font-size:14px;
    line-height:1.8;
  }
}


/* Version 14: premium editorial spacing and content rhythm */
:root{--reading-line:#c9dfd9}
/* Keep headings and explanatory copy in one deliberate vertical reading flow. */
.section-heading,
.possibility-intro,
.portfolio-intro,
.presence-headline,
.audience-inner {
  gap:20px;
}
.section-heading>p,
.possibility-intro-aside>p,
.portfolio-intro>p,
.presence-headline>p,
.audience-right>p,
.pricing-top>p,
.faq-intro>p {
  max-width:67ch;
  font-size:clamp(14px,1.08vw,16px);
  line-height:1.85;
  margin:0;
}
.section-heading,
.possibility-intro,
.portfolio-intro,
.presence-headline,
.pricing-top {
  position:relative;
}
/* A quiet line under each introduction anchors the content that follows. */
.section-heading>p,
.possibility-intro-aside,
.portfolio-intro>p,
.presence-headline>p,
.pricing-top>p {
  padding-left:18px;
  border-left:2px solid var(--reading-line);
}
.section-heading h2,.possibility-intro h2,.portfolio-intro h2,.presence-headline h2,.pricing-top h2 {
  text-wrap:balance;
}
/* Clearer section boundaries, without oversized empty gaps. */
.benefits-section{padding:clamp(92px,8.3vw,132px) 0 clamp(99px,8.3vw,133px)}
.audience-section{padding:0}
.audience-inner{padding:clamp(86px,7.4vw,112px) 0;gap:18px}
.audience-right{gap:21px}
.process-section{padding:clamp(92px,8vw,130px) 0}
.possibilities-section{padding:clamp(100px,8.5vw,140px) 0}
.pricing-section{padding:clamp(103px,8.2vw,134px) 0}
.faq-section{padding:clamp(98px,8vw,130px) 0}
.contact-section{padding:clamp(94px,8vw,126px) 0}
.section-heading{margin-bottom:46px}
.possibility-intro{margin-bottom:40px}
.possibility-intro-aside{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.possibility-intro-aside>p{margin:0}
.poss-intro-note{margin-left:18px}
.portfolio-intro{margin:clamp(76px,7vw,105px) 0 39px}
.industry-presence{margin:clamp(91px,8vw,126px) 0 73px}
.presence-headline{margin-bottom:31px}
/* Improve reading size and consistency within the four benefit cards. */
.feature-grid{gap:20px}
.feature-card{padding:29px 25px 24px}
.feature-card p{font-size:13px;line-height:1.8}
.possibility-feature-grid{gap:16px;margin-bottom:0}
.possibility-feature{padding:27px 23px;min-height:209px}
.possibility-feature h3{font-size:15px;line-height:1.45}
.possibility-feature p{font-size:13px;line-height:1.7}
/* Steps follow their section intro, not a second side-by-side narrative. */
.process-layout{display:block}
.process-intro{min-height:0;max-width:750px}
.process-intro>p{max-width:650px;line-height:1.85;font-size:15px}
.process-intro .btn{margin-top:12px}
.process-mark{display:none}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:45px;padding:0}
.process-step{display:grid;grid-template-columns:1fr auto;grid-template-areas:'number glyph' 'copy copy';gap:19px;align-items:start;min-height:226px;padding:30px 27px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.16);border-radius:21px}
.process-step>.step-number{grid-area:number;font-size:19px}
.process-step>div{grid-area:copy}
.process-step>.step-glyph{grid-area:glyph}
.process-step h3{font-size:19px;margin:0 0 8px}
.process-step p{font-size:13px;line-height:1.8;max-width:32ch}
/* Rich examples keep their identity but gain clearer separation and better copy width. */
.portfolio-project{padding-top:42px;padding-bottom:62px}
.portfolio-project:first-child{padding-top:15px}
.portfolio-story>p{max-width:44ch;font-size:14px;line-height:1.85}
.portfolio-attributes{margin:21px 0 22px}
.portfolio-note{line-height:1.6}
.presence-footnote{max-width:72ch;margin:22px auto 0;line-height:1.7}
/* Questions get a full-width header, followed by a calm, readable accordion. */
.faq-layout{display:flex;flex-direction:column;align-items:flex-start;gap:36px}
.faq-intro{max-width:740px}
.faq-intro p{margin:15px 0 17px;max-width:650px}
.faq-list{width:100%;max-width:910px}
.faq-list summary{font-size:15px}
.faq-list details p{max-width:70ch;font-size:14px;line-height:1.85}
.pricing-top{max-width:760px;margin:0 auto 42px}
.pricing-top p{max-width:660px;text-align:left;margin:17px auto 0}
/* Make editorial cues mobile-safe. */
@media(max-width:1100px){
 .feature-card{padding:26px 22px}
 .process-steps{gap:14px}
 .process-step{padding:25px 21px}
}
@media(max-width:850px){
 .process-steps{grid-template-columns:1fr;gap:12px;margin-top:30px}
 .process-step{min-height:0;grid-template-columns:55px 1fr auto;grid-template-areas:'number copy glyph';padding:23px}
 .process-step p{max-width:66ch}
 .faq-layout{gap:28px}
 .feature-grid{gap:12px}
}
@media(max-width:600px){
 .benefits-section,.process-section,.possibilities-section,.pricing-section,.faq-section{padding:75px 0}
 .audience-inner{padding:70px 0}
 .contact-section{padding:78px 0}
 .section-heading,.possibility-intro,.portfolio-intro,.presence-headline{gap:13px}
 .section-heading{margin-bottom:30px}
 .possibility-intro{margin-bottom:30px}
 .portfolio-intro{margin:67px 0 27px}
 .industry-presence{margin:74px 0 44px}
 .section-heading>p,.possibility-intro-aside>p,.portfolio-intro>p,.presence-headline>p,.pricing-top>p,.faq-intro>p{font-size:14px;line-height:1.75}
 .section-heading>p,.possibility-intro-aside,.portfolio-intro>p,.presence-headline>p,.pricing-top>p{padding-left:13px}
 .poss-intro-note{margin-left:13px}
 .process-step{grid-template-columns:40px 1fr auto;gap:11px;padding:20px 16px}
 .process-step h3{font-size:16px}
 .process-step p{font-size:12px}
 .feature-card p,.possibility-feature p{font-size:12px}
 .portfolio-project{padding:26px 0 44px}
 .faq-list summary{font-size:13px}
 .pricing-top{margin-bottom:30px}
}


/* v15: form choices and existing domain reveal */
.form-domain .radio-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.form-domain .radio-options label{
  display:inline-flex;align-items:center;gap:8px;margin:0;
  padding:10px 13px;min-height:40px;background:#fbfcfb;
  border:1px solid #e2e9e9;border-radius:10px;
  color:#38546a;font-size:12px;font-weight:600;
  transition:background .2s,border-color .2s;
}
.form-domain .radio-options label:has(input:checked){border-color:#5aaea3;background:#e8f7f1;color:#165d58}
.form-domain .radio-options label:hover{border-color:#a7cdc5}
.existing-domain-field{margin-top:14px;padding:15px 16px 1px;background:#f1f8f5;border-radius:12px;border:1px solid #d8eae3}
.existing-domain-field[hidden]{display:none!important}
.existing-domain-field label{margin-bottom:14px}
.existing-domain-field .field-optional{color:#71818b!important;font-weight:500}
.form-status[data-state=error]{color:#b8433c}
.form-status[data-state=success]{color:#167561}
@media(max-width:550px){.form-domain .radio-options{gap:8px}.form-domain .radio-options label{font-size:11px;padding:9px 11px}}


/* v16 refreshed café concept */
.demo-cafe-v16{background:#f6f0e6}
.demo-cafe-nav-v16{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:.69rem;color:#6b5641;gap:10px;white-space:nowrap;border-bottom:1px solid #e8dccd;background:#fbf6ef}
.demo-cafe-nav-v16 strong{font:800 1.7rem/1 var(--heading);letter-spacing:-.08em;color:#4d3a2d}.demo-cafe-nav-v16 strong span{vertical-align:top;font-size:.5rem;margin-left:3px}
.demo-cafe-nav-v16 b{background:#5a6d45;border-radius:999px;padding:9px 12px;color:#fff;font-size:.62rem}
.demo-cafe-hero-v16{position:relative;height:210px;overflow:hidden}
.demo-cafe-hero-v16 img{width:100%;height:100%;object-fit:cover;object-position:center}
.demo-cafe-hero-v16::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(33,24,18,.58) 0%, rgba(33,24,18,.08) 60%, rgba(33,24,18,.0) 100%)}
.demo-cafe-badge-v16{position:absolute;left:18px;bottom:16px;z-index:1;background:rgba(255,250,245,.92);backdrop-filter:blur(7px);padding:12px 14px;border-radius:14px;max-width:240px;box-shadow:0 12px 26px rgba(62,40,23,.15)}
.demo-cafe-badge-v16 span{display:block;font-size:.48rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#9b7553;margin-bottom:5px}
.demo-cafe-badge-v16 strong{display:block;font:600 1rem/1.25 Georgia,serif;color:#4a3729}
.demo-cafe-lower-v16{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;background:linear-gradient(180deg,#f8f2ea 0%, #fdfbf8 100%)}
.demo-cafe-intro-v16{padding:24px 22px 22px 24px}
.demo-cafe-kicker-v16{font-size:.56rem;color:#9c734d;font-weight:800;letter-spacing:.12em}
.demo-cafe-intro-v16 h4{font:500 clamp(1.7rem,2.4vw,2.25rem)/1.08 Georgia,serif;color:#473528;letter-spacing:-.055em;margin:12px 0 10px}
.demo-cafe-intro-v16 h4 em{color:#9c754a}
.demo-cafe-intro-v16 p{font-size:.71rem;line-height:1.62;color:#77685b;max-width:290px;margin:0}
.demo-cafe-button-v16{display:inline-flex;margin-top:16px;background:#3f5136;color:#fff;border-radius:999px;padding:11px 15px;font-size:.67rem;font-weight:700}
.demo-cafe-side-v16{padding:18px 18px 18px 0;display:grid;gap:12px}
.demo-cafe-panel-v16{background:#fff;border:1px solid #eadfce;border-radius:16px;padding:14px;box-shadow:0 10px 20px rgba(60,40,20,.05)}
.demo-cafe-panel-v16.accent{background:#efe4d5}
.panel-label-v16{display:block;font-size:.54rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8f6f52;margin-bottom:10px}
.demo-cafe-panel-v16 ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.demo-cafe-panel-v16 li{display:grid;gap:2px}
.demo-cafe-panel-v16 li b{font-size:.72rem;color:#463628}
.demo-cafe-panel-v16 li span,.demo-cafe-panel-v16 p{font-size:.64rem;line-height:1.55;color:#7a6957;margin:0}

@media(max-width:560px){
  .demo-cafe-v16{min-height:0}
  .demo-cafe-nav-v16{height:46px;padding:0 12px}
  .demo-cafe-nav-v16 strong{font-size:1.16rem}
  .demo-cafe-nav-v16>span{display:none}
  .demo-cafe-nav-v16 b{font-size:.5rem;padding:7px 8px}
  .demo-cafe-hero-v16{height:160px}
  .demo-cafe-badge-v16{left:10px;right:10px;bottom:10px;max-width:none;padding:9px 10px;border-radius:10px}
  .demo-cafe-badge-v16 span{font-size:.36rem;margin-bottom:4px}
  .demo-cafe-badge-v16 strong{font-size:.72rem}
  .demo-cafe-lower-v16{grid-template-columns:1fr}
  .demo-cafe-intro-v16{padding:14px 14px 10px}
  .demo-cafe-kicker-v16{font-size:.42rem}
  .demo-cafe-intro-v16 h4{font-size:clamp(1.15rem,5vw,1.55rem);margin:8px 0}
  .demo-cafe-intro-v16 p{font-size:.55rem;max-width:none}
  .demo-cafe-button-v16{margin-top:10px;font-size:.5rem;padding:8px 10px}
  .demo-cafe-side-v16{padding:0 14px 14px;gap:8px}
  .panel-label-v16{font-size:.42rem;margin-bottom:8px}
  .demo-cafe-panel-v16{padding:10px;border-radius:12px}
  .demo-cafe-panel-v16 li b{font-size:.58rem}
  .demo-cafe-panel-v16 li span,.demo-cafe-panel-v16 p{font-size:.52rem}
}


/* Version 17 — scan-first FAQs */
.faq-section{background:#faf9f6;padding:clamp(88px,8vw,128px) 0}
.faq-reimagined{max-width:1190px}
.faq-new-intro{max-width:740px;margin:0 0 38px}
.faq-new-intro h2{font:800 clamp(34px,3.8vw,53px)/1.14 var(--heading);letter-spacing:-.065em;margin:18px 0 16px}
.faq-new-intro>p{font-size:15px;line-height:1.8;color:#607381;margin:0;max-width:650px}
.faq-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.faq-featured-card{position:relative;min-height:355px;padding:34px 36px 30px;border-radius:23px;display:flex;flex-direction:column;overflow:hidden}
.faq-feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em}
.faq-featured-card h3{font:800 clamp(26px,2.55vw,37px)/1.17 var(--heading);letter-spacing:-.06em;max-width:410px;margin:31px 0 16px}
.faq-featured-card h3 em{font-style:normal}
.faq-featured-card>p{line-height:1.8;font-size:14px;max-width:440px;margin:0}
.faq-featured-primary{background:#19324a;color:#fff}
.faq-featured-primary .faq-feature-top{color:#aedbd7}
.faq-featured-primary h3 em{color:#95dfcf}
.faq-featured-primary>p{color:#d5e3e7}
.faq-featured-primary>p strong{color:#fff}
.faq-spark{font-size:49px;line-height:.75;font-weight:400;letter-spacing:0;color:rgba(255,122,102,.9)}
.faq-feature-bottom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:auto;padding-top:30px;font-size:11px;color:#b8ced5}
.faq-feature-pill{padding:9px 13px;border-radius:999px;border:1px solid rgba(153,220,208,.28);color:#b8e8db;font-size:9px;letter-spacing:.08em;font-weight:800}
.faq-featured-renewal{background:#e5f4ef;color:#19324a;border:1px solid #d6ebe3}
.faq-featured-renewal .faq-feature-top{color:#377b6f}
.faq-featured-renewal h3 em{color:#238b83}
.faq-featured-renewal>p{color:#52716f}
.faq-refresh{font-size:45px;line-height:.75;font-weight:300;color:#85c9b9;letter-spacing:0}
.faq-renewal-price{display:flex;align-items:baseline;gap:15px;margin-top:auto;padding-top:17px}
.faq-renewal-price strong{font:800 clamp(52px,5.6vw,73px)/1 var(--heading);letter-spacing:-.09em;color:#19324a}
.faq-renewal-price span{font-size:12px;line-height:1.6;font-weight:700;color:#4a847b}
.faq-more-heading{display:flex;flex-direction:column;gap:6px;margin:48px 0 22px}
.faq-more-heading h3{font:800 clamp(22px,2.4vw,29px)/1.25 var(--heading);letter-spacing:-.05em;margin:0}
.faq-more-heading p{margin:0;color:#75878d;font-size:14px;line-height:1.7}
.faq-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.faq-answer-card{background:#fff;border:1px solid #e3ebe8;border-radius:19px;padding:27px 28px 29px;min-height:224px;display:flex;flex-direction:column;align-items:flex-start}
.faq-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:23px;line-height:1;font-weight:700;margin-bottom:20px}
.faq-ico-mint{background:#dff4ed;color:#247f75}.faq-ico-peach{background:#ffebe6;color:#d7745b}.faq-ico-blue{background:#e5eef6;color:#47779b}.faq-ico-sand{background:#f6ead6;color:#aa8250}
.faq-answer-card h4{font:800 17px/1.35 var(--heading);letter-spacing:-.04em;color:#19324a;margin:0 0 10px}
.faq-answer-card p{font-size:13px;line-height:1.8;color:#607581;margin:0;max-width:440px}
.faq-answer-wide{grid-column:1/-1;min-height:195px;flex-direction:row;justify-content:space-between;gap:24px;align-items:center;overflow:hidden;background:#f1f6f3}
.faq-answer-wide .faq-card-icon{margin-bottom:14px}
.faq-answer-wide p{max-width:560px}
.faq-device-art{position:relative;flex:0 0 220px;height:154px;align-self:stretch}
.faq-device-screen{position:absolute;width:170px;height:112px;right:20px;top:11px;border:8px solid #19324a;border-radius:12px;background:#fff;box-shadow:0 14px 25px rgba(25,50,74,.11);padding:14px 12px}
.faq-device-screen>span,.faq-device-phone>span{display:block;height:9px;width:64%;border-radius:8px;background:#2fa6a0;margin-bottom:12px}
.faq-device-screen>b,.faq-device-phone>b{display:block;height:6px;width:85%;border-radius:7px;background:#bed9d4;margin-bottom:8px}
.faq-device-screen>i,.faq-device-phone>i{display:block;height:6px;width:69%;border-radius:7px;background:#e6eeeb;margin-bottom:8px}
.faq-device-screen>i:last-child{width:55%}
.faq-device-phone{position:absolute;width:57px;height:105px;right:140px;bottom:-7px;border:7px solid #19324a;border-radius:12px;background:#fff;padding:14px 5px;box-shadow:0 10px 18px rgba(25,50,74,.1)}
.faq-device-phone>span{height:5px;margin-bottom:8px}.faq-device-phone>b,.faq-device-phone>i{height:4px;margin-bottom:6px}
.faq-help-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f4eae3;border:1px solid #efded1;border-radius:19px;padding:26px 30px;margin-top:20px}
.faq-help-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b26d55}
.faq-help-cta h3{font:800 20px/1.3 var(--heading);letter-spacing:-.04em;margin:8px 0 5px}
.faq-help-cta p{font-size:13px;color:#6f7e82;line-height:1.65;margin:0}
.faq-help-cta .btn{flex:0 0 auto}
@media(max-width:850px){
.faq-featured-card{padding:27px 28px;min-height:365px}
.faq-answer-card{min-height:210px;padding:23px}
}
@media(max-width:690px){
.faq-section{padding:76px 0}
.faq-new-intro{margin-bottom:26px}
.faq-new-intro>p{font-size:14px}
.faq-featured-grid,.faq-answer-grid{grid-template-columns:1fr}
.faq-featured-grid{gap:12px}
.faq-featured-card{min-height:0;padding:27px 25px 26px}
.faq-featured-card h3{margin:21px 0 13px;font-size:clamp(25px,6.4vw,31px)}
.faq-featured-card>p{font-size:13px}
.faq-feature-bottom{padding-top:25px}
.faq-renewal-price{padding-top:20px}
.faq-renewal-price strong{font-size:60px}
.faq-more-heading{margin:38px 0 18px}
.faq-answer-grid{gap:12px}
.faq-answer-card{min-height:0;padding:23px 22px;border-radius:16px}
.faq-answer-card h4{font-size:16px}
.faq-answer-card p{font-size:13px}
.faq-answer-wide{grid-column:auto;min-height:0;align-items:flex-start}
.faq-device-art{display:none}
.faq-help-cta{flex-direction:column;align-items:stretch;padding:23px 22px;margin-top:13px}
.faq-help-cta .btn{width:100%;justify-content:space-between}
}


/* v18 premium opening sections */
.premium-shell{position:relative;border:1px solid rgba(25,50,74,.09);border-radius:34px;background:linear-gradient(180deg,#fff 0%,#fcfaf7 100%);box-shadow:0 26px 60px rgba(25,50,74,.06);overflow:hidden}
.premium-shell::before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,rgba(209,110,85,.65),rgba(45,144,144,.35),rgba(25,50,74,0))}
.benefits-section{padding-top:88px}
.benefit-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:34px;padding:38px 40px 36px;margin-bottom:22px}
.benefit-hero-copy h2,.audience-main h2,.process-intro h2{margin:16px 0 0}
.benefit-hero-copy p,.audience-main p,.process-intro p{max-width:680px;font-size:15px;line-height:1.9;color:#5f6f7a;margin:18px 0 0}
.benefit-mini-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.benefit-mini-points span,.process-note-strip span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f3f0ea;border:1px solid #e6ddd4;color:#304a5d;font-size:12px;font-weight:700;letter-spacing:.02em}
.benefit-hero-note{align-self:stretch;border-radius:24px;padding:24px 24px 22px;background:#19324a;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.benefit-note-label,.audience-story-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#85d0cb;text-transform:uppercase}
.benefit-hero-note h3{font:800 1.65rem/1.2 var(--heading);letter-spacing:-.04em;margin:14px 0 12px;color:#fff}
.benefit-hero-note p{font-size:13px;line-height:1.8;color:#c8d6de;margin:0 0 18px}
.benefit-hero-note ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.benefit-hero-note li{display:grid;gap:5px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.benefit-hero-note li:first-child{padding-top:0;border-top:0}
.benefit-hero-note strong{font-size:14px;color:#fff}
.benefit-hero-note li span{font-size:12px;line-height:1.75;color:#b7c9d3}
.premium-feature-grid{gap:18px}
.premium-feature-grid .feature-card{border-radius:24px;border:1px solid rgba(25,50,74,.07);box-shadow:0 16px 34px rgba(25,50,74,.05);background:linear-gradient(180deg,#fff 0%,#fdfbf8 100%)}
.audience-section{padding:34px 0 12px}
.audience-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:26px;padding:34px 38px;background:linear-gradient(180deg,#fff 0%,#faf7f2 100%)}
.audience-main{display:flex;flex-direction:column;align-items:flex-start}
.audience-side{display:grid;gap:16px;align-content:center}
.audience-story-card{padding:22px 22px 20px;border:1px solid rgba(25,50,74,.09);border-radius:22px;background:rgba(255,255,255,.7)}
.audience-story-card p{margin:10px 0 0;font-size:14px;line-height:1.85;color:#5c6d78}
.audience-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}
.audience-tags span{background:#fff;border:1px solid #e3ddd6;color:#244254;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700}
.process-section{padding-top:66px}
.process-shell{padding:38px 40px 40px;background:linear-gradient(160deg,#19324a 0%,#223a50 52%,#183048 100%)}
.process-shell::before{background:linear-gradient(90deg,rgba(244,123,91,.85),rgba(255,255,255,.3),rgba(255,255,255,0))}
.process-layout{display:block}
.process-intro{min-height:0;max-width:760px}
.process-note-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.process-note-strip span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#e4edf2}
.process-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;padding:0}
.process-steps::before{content:'';position:absolute;left:40px;right:40px;top:32px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04))}
.process-step{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:'number glyph' 'copy copy';gap:19px;align-items:start;min-height:226px;padding:30px 27px;background:rgba(255,255,255,.05);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:none}
.process-step>.step-number{grid-area:number;font-size:19px;position:relative;z-index:2;background:#f47b5b;color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;box-shadow:0 10px 18px rgba(244,123,91,.28)}
.process-step>.step-glyph{grid-area:glyph;align-self:start}
.process-step>div{grid-area:copy}
.process-step h3{font-size:19px;margin:0 0 8px;color:#fff}
.process-step p{font-size:13px;line-height:1.8;max-width:32ch;color:#d1dee5}
.possibilities-section{padding-top:70px}
.possibility-shell{padding:36px 38px 32px;margin-bottom:44px;background:linear-gradient(180deg,#fff 0%,#fbf8f4 100%)}
.possibility-intro{margin-bottom:28px}
.possibility-intro-aside{max-width:520px}
.possibility-feature-grid{gap:16px;margin-bottom:0}
.possibility-feature{border-radius:22px;border:1px solid rgba(25,50,74,.07);background:#fff;box-shadow:0 16px 30px rgba(25,50,74,.04)}
.portfolio-intro{margin:10px 0 2.2rem}
.portfolio-intro p{max-width:720px}
@media(max-width:1100px){
  .benefit-hero,.audience-panel{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .process-steps::before{display:none}
  .process-step{min-height:0;grid-template-columns:55px 1fr auto;grid-template-areas:'number copy glyph'}
  .process-step p{max-width:66ch}
}
@media(max-width:860px){
  .premium-shell{border-radius:28px}
  .benefit-hero,.audience-panel,.process-shell,.possibility-shell{padding:28px 24px}
  .benefit-hero{gap:22px}
  .benefit-hero-note{padding:22px 20px}
  .process-steps{margin-top:30px;gap:14px}
}
@media(max-width:600px){
  .benefits-section,.process-section,.possibilities-section{padding-top:58px}
  .premium-shell{border-radius:22px}
  .benefit-hero,.audience-panel,.process-shell,.possibility-shell{padding:22px 18px}
  .benefit-hero-copy p,.audience-main p,.process-intro p{font-size:14px;line-height:1.8}
  .benefit-mini-points,.process-note-strip{gap:8px}
  .benefit-mini-points span,.process-note-strip span,.audience-tags span{font-size:11px;padding:9px 12px}
  .benefit-hero-note h3{font-size:1.4rem}
  .process-step{grid-template-columns:40px 1fr auto;gap:11px;padding:18px 15px;border-radius:18px}
  .process-step>.step-number{width:34px;height:34px;font-size:15px}
  .possibility-intro{margin-bottom:22px}
}


/* v19 process section redesign */
.process-shell-v19{padding:40px 42px 34px;background:radial-gradient(circle at top right, rgba(95,160,163,.16), transparent 34%),linear-gradient(165deg,#183046 0%,#1e3750 52%,#152a3f 100%)}
.process-topbar-v19{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:28px;align-items:start}
.process-intro-v19 h2{margin:16px 0 0;color:#fff}
.process-intro-v19 h2 span{color:#86d8cf}
.process-intro-v19 p{max-width:640px;font-size:15px;line-height:1.9;color:#d2dce4;margin:18px 0 0}
.process-summary-v19{padding:22px 22px 18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.process-summary-label-v19,.process-cta-eyebrow-v19{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#88d6d0}
.process-summary-v19 ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:14px}
.process-summary-v19 li{display:grid;gap:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.process-summary-v19 li:first-child{border-top:0;padding-top:0}
.process-summary-v19 strong{font-size:14px;color:#fff}
.process-summary-v19 li span{font-size:12px;line-height:1.7;color:#c5d1da}
.process-steps-v19{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.process-connector-v19{position:absolute;left:9%;right:9%;top:44px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(244,123,91,.42),rgba(255,255,255,.12));z-index:0}
.process-card-v19{position:relative;z-index:1;padding:28px 24px 22px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%, rgba(255,255,255,.045) 100%);border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 40px rgba(8,19,30,.14);min-height:245px;display:flex;flex-direction:column;align-items:flex-start}
.process-card-v19.featured{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%, rgba(255,255,255,.055) 100%);transform:translateY(8px)}
.step-number-v19{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f47b5b;color:#fff;font-size:18px;font-weight:800;box-shadow:0 12px 18px rgba(244,123,91,.28)}
.step-kicker-v19{display:inline-block;margin-top:16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8ed9d1}
.process-card-v19 h3{margin:12px 0 10px;font-size:21px;line-height:1.2;color:#fff}
.process-card-v19 p{margin:0;color:#d4dfe6;font-size:13px;line-height:1.82;max-width:32ch}
.step-foot-v19{margin-top:auto;padding-top:16px;font-size:12px;font-weight:700;color:#f5c5b8}
.process-cta-v19{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.process-cta-v19 p{margin:8px 0 0;max-width:660px;font-size:14px;line-height:1.85;color:#c9d6de}
@media (max-width: 1100px){
  .process-topbar-v19{grid-template-columns:1fr}
  .process-steps-v19{grid-template-columns:1fr}
  .process-connector-v19{display:none}
  .process-card-v19,.process-card-v19.featured{transform:none;min-height:0}
}
@media (max-width: 860px){
  .process-shell-v19{padding:28px 24px}
  .process-summary-v19{padding:18px}
  .process-card-v19{padding:22px 18px;border-radius:22px}
  .process-card-v19 h3{font-size:19px}
  .process-cta-v19{flex-direction:column;align-items:flex-start}
}
@media (max-width: 600px){
  .process-shell-v19{padding:22px 18px 20px}
  .process-intro-v19 p,.process-cta-v19 p{font-size:14px;line-height:1.8}
  .process-steps-v19{gap:14px;margin-top:26px}
  .step-number-v19{width:40px;height:40px;font-size:15px}
  .step-kicker-v19{margin-top:14px;font-size:10px}
  .process-card-v19 h3{font-size:17px}
  .process-card-v19 p{font-size:12px;max-width:none}
  .step-foot-v19{font-size:11px}
}


/* v20 renewal polish */
.renewal-note-premium{align-items:center;padding:18px 18px 18px 16px;border-radius:16px;border:1px solid #deece5;background:linear-gradient(180deg,#f6fbf8 0%,#edf7f2 100%)}
.renewal-copy strong{display:block}
.renewal-note-premium p{margin:7px 0 0;color:#5d746f;font-size:11px;line-height:1.7}
.renewal-inline-price{display:inline-flex;align-items:baseline;gap:7px;padding:2px 8px 3px;border-radius:999px;background:#ffffff;border:1px solid #d8e8e0;box-shadow:0 4px 10px rgba(25,50,74,.04);margin:0 3px}
.renewal-inline-price strong{display:inline;font-size:15px;letter-spacing:-.04em;color:#19324a}
.renewal-inline-price span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4d8a80}
.faq-featured-renewal{background:linear-gradient(180deg,#edf8f4 0%,#e2f1eb 100%);border:1px solid #d4e6df;box-shadow:0 18px 34px rgba(25,50,74,.04)}
.faq-featured-renewal::after{content:'';position:absolute;right:-55px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#cfe9df 0%, rgba(207,233,223,0) 70%);pointer-events:none}
.faq-renewal-price-premium{align-items:stretch;gap:16px;margin-top:26px;padding:18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(25,50,74,.08);box-shadow:0 12px 24px rgba(25,50,74,.04)}
.faq-renewal-amount-block{display:flex;flex-direction:column;justify-content:center;min-width:160px;padding-right:6px}
.faq-renewal-price-premium strong{font:800 clamp(54px,5.6vw,76px)/0.92 var(--heading);letter-spacing:-.095em;color:#19324a}
.faq-renewal-subline{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3b7f76}
.faq-renewal-detail-block{display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(25,50,74,.11);padding-left:16px}
.faq-renewal-detail-tag{display:inline-flex;align-self:flex-start;padding:7px 11px;border-radius:999px;background:#19324a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.faq-renewal-detail-block p{margin:12px 0 0;font-size:13px;line-height:1.75;color:#526f6d;max-width:250px}
.faq-renewal-detail-block p strong{font:inherit;letter-spacing:normal;color:#19324a}
@media (max-width: 860px){
  .faq-renewal-price-premium{flex-direction:column;gap:14px}
  .faq-renewal-amount-block{min-width:0;padding-right:0}
  .faq-renewal-detail-block{border-left:0;border-top:1px solid rgba(25,50,74,.11);padding-left:0;padding-top:14px}
}
@media (max-width: 600px){
  .renewal-note-premium{align-items:flex-start}
  .renewal-inline-price{margin:4px 0;display:inline-flex}
  .faq-renewal-price-premium{padding:16px 15px;border-radius:18px}
  .faq-renewal-price-premium strong{font-size:56px}
  .faq-renewal-subline{font-size:10px}
  .faq-renewal-detail-block p{font-size:12px;max-width:none}
}

/* V21: enquiry form feedback and fallback */
.form-status[data-state="info"]{padding:13px 15px;border-radius:10px;background:#eaf4f6;border:1px solid #c8e2e8;color:#22566a;font-size:12px;line-height:1.7}
.form-contact-backup{margin:12px 0 0;font-size:11px;line-height:1.7;color:#637783}
.form-contact-backup a{font-weight:800;color:#247c77;text-decoration:underline;text-underline-offset:2px}


/* v22: Formspree AJAX SDK integration. Hidden until its data-fs-active state is set. */
[data-fs-error]:not([data-fs-active]),
[data-fs-success]:not([data-fs-active]) { display: none !important; }
.form-sdk-success[data-fs-active] {
  display: block; padding: 13px 15px; border: 1px solid #bfe8d2;
  border-radius: 10px; background: #e9f7f0; color: #167561;
  font-size: 12px; line-height: 1.7;
}
.form-sdk-error[data-fs-active] {
  display: block; padding: 13px 15px; border: 1px solid #f1c2c2;
  border-radius: 10px; background: #fff1f1; color: #922e2e;
  font-size: 12px; line-height: 1.7;
}
.form-field-error[data-fs-active] {
  display: block; margin-top: 6px; color: #aa3737;
  font-size: 11px; line-height: 1.6; font-weight: 600;
}
.contact-form-wrap [data-fs-field][aria-invalid="true"] { border-color: #ca5454; box-shadow: 0 0 0 3px #f8e3e3; }
.contact-form-wrap button[data-fs-submit-btn]:disabled { opacity: .65; cursor: progress; }
.form-preview-notice:not([hidden]) {
  padding: 13px 15px; border-radius: 10px; background: #eaf4f6;
  border: 1px solid #c8e2e8; color: #22566a; font-size: 12px;
  line-height: 1.7;
}


/* Brand identity v23: use the approved illustrated Nookell logo artwork. */
.site-header .brand > img.brand-logo-horizontal {
  width: 267px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.site-footer .brand > img.brand-logo-tagline {
  display: block;
  width: min(300px, 100%);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.site-header .brand, .footer-brand .brand { flex-shrink: 0; }
.eyebrow-pill .pill-logo-mark {
  flex: 0 0 24px;
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
@media (max-width: 950px) {
  .site-header .brand > img.brand-logo-horizontal { width: 229px; }
}
@media (max-width: 600px) {
  .site-header .brand > img.brand-logo-horizontal { width: 195px; max-width: 100%; }
  .site-footer .brand > img.brand-logo-tagline { width: min(275px, 100%); }
  .eyebrow-pill .pill-logo-mark { width: 20px; height: 20px; flex-basis: 20px; }
}
@media (max-width: 360px) {
  .site-header .brand > img.brand-logo-horizontal { width: 174px; }
}


/* Nookell V24: designed legal pages */
.legal-page{background:#fdfaf6}
.legal-hero{position:relative;overflow:hidden;padding:68px 0 70px;background:radial-gradient(circle at 92% 18%,#e5f1ec 0,transparent 33%),linear-gradient(120deg,#f9f4ee,#fdfbf7);border-bottom:1px solid #e8eae6}
.legal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:60px;align-items:end}
.legal-breadcrumb{font-size:12px;color:#829099;display:flex;gap:9px;align-items:center;margin-bottom:52px}
.legal-breadcrumb a{color:#325f65;font-weight:700}.legal-breadcrumb a:hover{text-decoration:underline}
.legal-hero h1{font:800 clamp(43px,5.5vw,77px)/1.1 var(--heading);letter-spacing:-.075em;margin:19px 0 22px;color:#19324a}
.legal-hero-punctuation{color:#2fa6a0}
.legal-hero-desc{font-size:17px;line-height:1.85;color:#5c6c75;max-width:650px;margin:0}
.legal-last-reviewed{display:inline-flex;align-items:center;gap:10px;margin-top:29px;font-size:12px;font-weight:700;color:#68807c}
.legal-review-mark{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;color:#24867c;background:#e0f5ec}
.legal-hero-side{padding:25px;border-radius:24px;border:1px solid #d8e8df;background:rgba(255,255,255,.7);box-shadow:0 20px 36px rgba(29,59,54,.055)}
.legal-hero-side-label{font-weight:800;letter-spacing:.13em;color:#428a84;font-size:10px}
.legal-hero-side>div{font:800 20px/1.55 var(--heading);letter-spacing:-.055em;color:#19324a;margin:12px 0 4px}
.legal-hero-side>div a{color:#1c7c75;overflow-wrap:anywhere}
.legal-hero-side>p{font-size:12px;line-height:1.8;color:#72827f;margin:0}
.legal-content-grid{display:grid;grid-template-columns:260px minmax(0,780px);gap:clamp(45px,6vw,100px);align-items:start;padding-top:72px;padding-bottom:115px}
.legal-aside{position:sticky;top:108px;display:grid;gap:20px}
.legal-toc{padding:23px 24px;border-radius:22px;background:#fff;border:1px solid #e5eae8;box-shadow:0 12px 27px rgba(25,50,74,.035)}
.legal-toc-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#46877e}
.legal-toc ol{padding:0;margin:17px 0 0;list-style:none;display:grid;gap:13px}
.legal-toc a{font-size:12px;font-weight:700;color:#566e79;line-height:1.35;display:block}
.legal-toc a:hover,.legal-toc a:focus-visible{color:#087d77;text-decoration:underline}
.legal-company-card{background:#19324a;border-radius:22px;padding:24px;color:#fff}
.legal-company-card>span{font-size:10px;letter-spacing:.12em;color:#8ed7cf;font-weight:800;display:block}
.legal-company-card strong{display:block;margin:12px 0;font:800 18px var(--heading);letter-spacing:-.05em}
.legal-company-card p{font-size:12px;line-height:1.8;color:#c4d4dc}
.legal-company-card a{font-size:12px;font-weight:700;color:#91e1d1}
.legal-article{min-width:0}
.legal-section{padding:34px 0 38px;border-bottom:1px solid #e4e9e6;scroll-margin-top:115px}
.legal-section:first-of-type{padding-top:0}
.legal-section-index{font:800 10px var(--body);letter-spacing:.14em;color:#2c978f;display:inline-block;margin-bottom:14px}
.legal-section h2{font:800 clamp(22px,2.3vw,30px)/1.3 var(--heading);letter-spacing:-.055em;color:#19324a;margin:0 0 20px}
.legal-section p,.legal-section li{font-size:14px;line-height:1.98;color:#536879;margin:0 0 16px;overflow-wrap:break-word}
.legal-section p:last-child,.legal-section li:last-child{margin-bottom:0}
.legal-section strong{color:#19324a;font-weight:800}
.legal-section a{color:#167d76;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.legal-section ul{padding-left:23px;margin:10px 0 18px}
.legal-section li{padding-left:4px;margin-bottom:10px}
.legal-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}
.legal-data-grid>div{background:#fff;border:1px solid #e6ebe8;border-radius:16px;padding:18px}
.legal-data-grid strong{display:block;font-size:13px;margin-bottom:8px}
.legal-data-grid p{font-size:12px;line-height:1.85;margin:0}
.legal-important-note{border-radius:16px;background:#eaf6f1;padding:17px 20px;margin:0 0 28px;color:#325c58;font-size:13px;line-height:1.8}
.legal-important-note span{color:#e66d57;font-size:17px;margin-right:8px}
.legal-next{margin-top:38px;background:#19324a;border-radius:22px;color:#fff;padding:26px 27px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.legal-next>div>span{font-size:10px;color:#8ddbcf;letter-spacing:.14em;font-weight:800}
.legal-next h2{font:800 20px var(--heading);margin:9px 0;color:#fff;letter-spacing:-.055em}
.legal-next p{font-size:12px;line-height:1.7;color:#d3dfe6;margin:0;max-width:460px}
.legal-next .btn{white-space:normal;flex-shrink:0}
.form-fineprint a{color:#2a9a91;text-decoration:underline;text-underline-offset:2px;font-weight:800}
@media(max-width:1050px){.legal-content-grid{grid-template-columns:220px minmax(0,1fr);gap:40px}.legal-hero-grid{grid-template-columns:minmax(0,1fr) 260px;gap:34px}}
@media(max-width:860px){.legal-hero{padding:46px 0 52px}.legal-hero-grid{grid-template-columns:1fr}.legal-breadcrumb{margin-bottom:28px}.legal-hero-side{max-width:560px}.legal-content-grid{display:block;padding-top:34px;padding-bottom:75px}.legal-aside{position:static;grid-template-columns:1fr 1fr;margin-bottom:40px}.legal-next{flex-wrap:wrap}.legal-article{width:100%}}
@media(max-width:600px){.legal-hero{padding:32px 0 44px}.legal-hero h1{font-size:clamp(35px,9.5vw,48px);overflow-wrap:anywhere}.legal-hero-desc{font-size:14px}.legal-hero-side{padding:17px;border-radius:18px}.legal-aside{display:block}.legal-toc{padding:19px;margin-bottom:16px}.legal-company-card{padding:19px}.legal-content-grid{padding-top:25px}.legal-section{padding:28px 0 33px}.legal-section h2{font-size:23px}.legal-section p,.legal-section li{font-size:13px;line-height:1.9}.legal-data-grid{grid-template-columns:1fr}.legal-next{padding:22px 20px}.legal-next .btn{width:100%}.legal-company-card strong{font-size:16px}}
@media print{.site-header,.site-footer,.legal-hero-side,.legal-aside,.legal-next{display:none!important}.legal-hero{background:none;padding:24px 0 10px}.legal-content-grid{display:block;padding:0}.legal-article{width:100%}.legal-section{break-inside:avoid}.legal-hero h1{font-size:34px}}

/* V25: service transparency and optional marketing control */
.price-deposit-v25{display:flex;flex-direction:column;gap:5px;border-left:2px solid #8dd9ce;padding:8px 0 9px 13px;margin:-7px 0 22px;background:rgba(255,255,255,.025)}
.price-deposit-v25 strong{font-size:12px;color:#fff;font-weight:800}
.price-deposit-v25 span{font-size:10px;line-height:1.5;color:#b5ccd3}
.form-marketing-choice{display:flex!important;align-items:flex-start;gap:11px;padding:14px 14px;margin:1px 0 4px!important;border:1px solid #e0ebe5;background:#f5faf7;border-radius:12px;font-size:12px!important;font-weight:600!important;line-height:1.6;color:#314b54!important;cursor:pointer}
.form-marketing-choice input{width:18px;height:18px;flex:none;accent-color:#1c8e85;margin:1px 0 0}
.form-marketing-choice span{color:#314b54!important}
.marketing-privacy-note{font-size:10px;line-height:1.65;color:#697f82;margin:4px 0 18px}
.legal-section p strong{font-weight:800}
@media (max-width:600px){.form-marketing-choice{font-size:11px!important}}


/* v26 – two distinct, optional marketing opt-ins */
.form-marketing-section{display:grid;gap:9px;margin:8px 0 20px}
.form-marketing-heading{font-size:12px;font-weight:800;letter-spacing:-.01em;color:#19324a}
.form-marketing-heading small{font-weight:600;font-size:11px;color:#6d8187}
.form-marketing-intro{margin:0 0 4px;font-size:11px;line-height:1.65;color:#6b7d82}
.form-marketing-section .form-marketing-choice{margin:0!important;align-items:flex-start;padding:14px 15px;border-radius:13px;background:#f5faf7;gap:11px}
.form-marketing-section .form-marketing-choice-viloso{background:#f7f5fb;border-color:#e4e0ef}
.form-marketing-section .form-marketing-choice input{margin:2px 0 0!important;min-width:18px;height:18px;accent-color:#2f9991}
.form-marketing-section .form-marketing-choice span{flex:1;min-width:0;font-size:12px;line-height:1.65;color:#314b54!important}
.form-marketing-section .form-marketing-choice span strong{font-weight:800;color:#19324a}
.form-marketing-section .marketing-privacy-note{margin:3px 0 0;font-size:10px;line-height:1.65}
.form-marketing-section .marketing-privacy-note a{text-decoration:underline;text-underline-offset:2px;color:#1b726e;font-weight:700}
@media(max-width:600px){.form-marketing-section .form-marketing-choice span{font-size:11px}}
/* Reset generic text-input sizing inherited by the consent checkboxes. */
.contact-form-wrap .form-marketing-section .form-marketing-choice input[type="checkbox"] {
  display:block;
  flex:0 0 18px;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0!important;
  margin:2px 0 0!important;
  box-shadow:none;
  accent-color:#238f88;
}


/* v28 pricing polish + Nookell symbol usage */
.nookell-symbol-inline,.symbol-badge,.nookell-symbol-large,.nookell-symbol-bg{display:inline-block;background:url('assets/nookell-symbol.webp') center/contain no-repeat;vertical-align:middle;flex:0 0 auto}
.nookell-symbol-inline{width:13px;height:13px}
.nookell-symbol-inline.large{width:18px;height:18px}
.symbol-badge{width:15px;height:15px}
.nookell-symbol-large{width:26px;height:26px;opacity:.9}
.nookell-symbol-bg{width:220px;height:220px;opacity:.18;filter:saturate(.9)}
.teaser-avatars .symbol-badge{margin-top:2px}
.float-star-one.nookell-symbol-large{width:240px;height:240px;opacity:.1;filter:saturate(.85)}
.pricing-top-premium{max-width:920px;margin:0 auto 34px;text-align:center;padding:0 0 8px}
.pricing-top-premium h2{max-width:900px;margin-left:auto;margin-right:auto}
.pricing-intro-copy{max-width:820px;margin:24px auto 0;font-size:18px;line-height:1.85;color:#5a6f79;border:none;padding:0}
.pricing-intro-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.pricing-intro-pills span{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;background:#f3f8f5;border:1px solid #dbe9e2;color:#2a5d64;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pricing-card{position:relative;overflow:hidden}
.pricing-main{position:relative}
.price-vat-note{background:rgba(25,50,74,.08);border-color:rgba(25,50,74,.08);color:#4f6774}
.pricing-decoration.nookell-symbol-large{position:absolute;right:22px;top:22px;width:96px;height:96px;opacity:.08}
.renewal-note-premium{margin-top:20px}
.logo-flower.nookell-symbol-inline{margin-right:6px}
.poss-intro-note .nookell-symbol-inline{margin-right:6px;transform:translateY(-1px)}
.audience-tags .nookell-symbol-inline{margin-right:7px}
.faq-spark.nookell-symbol-inline.large{opacity:.8}
.contact-flourish.nookell-symbol-bg{top:265px;left:250px}
.footer-symbol{display:block;margin-top:10px;width:24px;height:24px}
@media (max-width: 900px){
  .pricing-intro-copy{font-size:16px;max-width:680px}
  .pricing-intro-pills{gap:8px}
  .contact-flourish.nookell-symbol-bg{left:auto;right:-30px;top:290px;width:180px;height:180px}
}
@media (max-width: 600px){
  .pricing-top-premium{text-align:left;max-width:none}
  .pricing-top-premium h2{margin-left:0;margin-right:0}
  .pricing-intro-copy{margin:18px 0 0;font-size:15px;line-height:1.75}
  .pricing-intro-pills{justify-content:flex-start;margin-top:18px}
  .pricing-intro-pills span{font-size:10px;padding:9px 12px}
  .pricing-decoration.nookell-symbol-large{right:18px;top:18px;width:74px;height:74px}
  .float-star-one.nookell-symbol-large{width:170px;height:170px}
  .contact-flourish.nookell-symbol-bg{width:130px;height:130px;right:-14px;top:310px}
}


/* v29 search + answer visibility: readable static summary below the interactive sector guidance. */
.seo-industry-summary{margin:28px 0 4px;padding:24px 28px;background:#fff;border-radius:20px;border:1px solid rgba(25,50,74,.08);box-shadow:0 12px 28px rgba(25,50,74,.035)}
.seo-industry-summary h3{font-family:var(--heading);letter-spacing:-.05em;font-size:clamp(17px,2vw,23px);margin:0 0 11px;color:var(--navy)}
.seo-industry-summary p{font-size:14px;line-height:1.9;color:#60717a;margin:0;max-width:980px}
@media(max-width:600px){.seo-industry-summary{padding:20px 18px}.seo-industry-summary p{font-size:13px;line-height:1.8}}


/* v31 – WCAG 2.2 AA accessibility improvements. Preserves the Nookell visual identity. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;clip-path:inset(50%)!important}
html{scroll-padding-top:110px}
[id]{scroll-margin-top:110px}
#main{outline:none}
/* Keyboard focus: a dependable high-contrast indicator, rather than a pale shadow. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #075862!important;outline-offset:3px!important;box-shadow:0 0 0 2px rgba(255,255,255,.86)}
:where(.contact-section,.process-section,.pricing-main) :where(a,button,input,select,textarea):focus-visible{outline-color:#fff!important;box-shadow:0 0 0 3px #0e263b!important}
:where(.contact-section,.process-section,.pricing-main) :where(.btn-coral):focus-visible{outline-color:#fff!important;box-shadow:0 0 0 2px #19324a!important}
.skip-link:focus-visible{z-index:9999;top:14px;left:14px;outline:3px solid #fff!important;outline-offset:3px!important}
/* Comfortable hit areas: WCAG 2.2 2.5.8 requires >=24px or permitted spacing exceptions. */
.desktop-nav a,.footer-links a,.legal-toc a,.legal-breadcrumb a,.footer-bottom a,.text-link,.form-contact-backup a,.legal-company-card a{display:inline-flex;align-items:center;min-height:28px}
.desktop-nav a{min-height:36px}
.mobile-nav a{min-height:44px;display:flex;align-items:center}
.presence-pager button,.mobile-menu-toggle{min-width:44px;min-height:44px}
.radio-options{gap:6px 10px}
.radio-options label{min-height:44px;padding:9px 10px;border-radius:9px;align-items:center}
.radio-options input{min-width:18px;min-height:18px;width:18px;height:18px}
.form-marketing-choice input[type=checkbox]{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;max-height:none!important;margin:0!important}
/* Stronger, readable supporting copy; navy surfaces receive separately tuned light text. */
.pricing-footnote,.company-disclosure{color:#425e62!important;font-size:12px!important;line-height:1.85!important}
.footer-bottom,.footer-bottom a,.footer-links a{color:#496273!important;font-size:12px!important}
.form-fineprint,.marketing-privacy-note,.form-contact-backup,.form-header p{color:#48606e!important;font-size:12px!important;line-height:1.8!important}
.contact-form-wrap label{color:#263f50;font-size:13px}
.contact-form-wrap input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.contact-form-wrap textarea,.contact-form-wrap select{font-size:16px;line-height:1.5;min-height:46px}
.contact-form-wrap input::placeholder,.contact-form-wrap textarea::placeholder{color:#536978!important;opacity:1}
.price-deposit-v25 span,.pricing-sidenote,.price-description{color:#dce9ef!important;font-size:12px!important;line-height:1.7}
.price-vat-note{color:#dce9ef!important;background:rgba(255,255,255,.08)!important;font-size:12px!important}
.pricing-main .price-amount{color:#fff}
.pricing-includes li{line-height:1.65}
.renewal-note-premium p{color:#3c5a5d!important;font-size:12px!important}
.renewal-inline-price span{color:#24685c!important}
.faq-featured-renewal p,.faq-renewal-detail-block p{color:#355b5c!important}
.faq-renewal-subline{color:#286b63!important}
.legal-article p,.legal-article li{color:#425766}
.legal-toc a,.legal-article a,.legal-company-card a,.legal-breadcrumb a{color:#225f69}
.legal-last-reviewed,.legal-section-index,.legal-toc-kicker,.legal-hero-side-label{color:#416478}
/* Stronger visual focus inside the form, also when focused via pointer. */
.contact-form-wrap :where(input,select,textarea):focus:not(:focus-visible){border-color:#075862;box-shadow:0 0 0 2px rgba(7,88,98,.22)}
.form-field-error{display:block;color:#a6312d!important;font-size:12px!important;line-height:1.55!important}
.form-field-error:empty{display:none}
/* Avoid decorative marks obscuring the reading order or keyboard controls. */
.nookell-symbol-bg,.pricing-decoration,.float-star{pointer-events:none}
@media(max-width:600px){
  .pricing-footnote,.company-disclosure,.form-fineprint,.marketing-privacy-note{font-size:12px!important}
  .footer-bottom{line-height:1.7}
  html{scroll-padding-top:88px}
  [id]{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* v31 follow-up: contrast corrections identified by computed-colour sampling. */
@media(max-width:420px){.header-inner .brand{min-width:0;max-width:calc(100% - 64px);flex-shrink:1}.header-inner .brand-logo{max-width:100%;height:auto}}
.price-teaser small,.hero-bottom span,.visual-disclaimer,.float-card small{color:#49616b!important}
.kicker:not(.kicker-light),.presence-eyebrow,.audience-story-label,.faq-help-eyebrow{color:#226760!important}
.feature-card p,.possibility-feature p,.faq-card p,.faq-intro p,.faq-help-row p,.portfolio-story p,.faq-device-copy p{color:#425d69!important}
.feature-index,.portfolio-index,.portfolio-index span,.portfolio-note,.portfolio-address{color:#4a616c!important}
.audience-story-card .audience-story-label{color:#286660!important}
.presence-footnote{color:#465f68!important}
.footer-links>span,.legal-toc-kicker,.legal-hero-side-label{color:#476273!important}
.marketing-privacy-note a,.form-fineprint a,.form-contact-backup a{color:#075862!important;text-decoration:underline;text-underline-offset:2px}
.legal-company-card a{color:#d7f4ed!important;text-decoration:underline;text-underline-offset:2px}
.legal-company-card p{color:#e0edf0!important}
.legal-next p{color:#d9e8ee!important}
.legal-next .btn-coral{color:#172e40!important}
.legal-breadcrumb span,.legal-hero-side p{color:#465b63!important}
.faq-featured-renewal .faq-renewal-detail-tag{color:#fff!important;background:#19324a!important}
/* Example-browser text is illustrative (the browser itself has an alternative text), but improve its contrast too. */
.browser-address,.mock-menu,.mock-overline,.mock-body p,.mock-bottom span,.demo-micro,.demo-cafe-kicker-v16,.panel-label-v16,.demo-cafe-badge-v16 span{color:#465b60!important}
.mock-copy p,.mock-footer-line span{color:#425851!important}
.demo-nav b{color:#152e41!important}
.demo-cafe-panel-v16.accent p{color:#61503c!important}
.faq-more-heading p,.faq-answer-card p,.faq-help-cta p{color:#3e5966!important}
.field-optional{color:#415866!important}
.footer-brand .brand{max-width:100%;min-width:0}
.footer-brand .brand-logo{max-width:100%;height:auto}
.demo-nav b{color:#0c2639!important}
.form-marketing-heading small{color:#415866!important}

/* Nookell v32 — expressive hero, faster reading flow */
.n32-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#132c42 0%,#10283e 61%,#184b54 120%);color:#fff;padding:90px 0 0}
.n32-hero-glow{position:absolute;width:800px;height:760px;right:-370px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(69,191,177,.25),transparent 68%);pointer-events:none;z-index:-1}
.n32-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff 0.7px,transparent 0.7px);background-size:28px 28px;opacity:.075;pointer-events:none}
.n32-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(22px,3vw,54px);align-items:center;min-height:655px}
.n32-hero-copy{position:relative;z-index:3;padding:18px 0 72px}
.n32-eyebrow{display:flex;align-items:center;gap:11px;color:#a7d8d2;font-size:11px;letter-spacing:.18em;font-weight:800}
.n32-eyebrow-mark{width:22px;height:24px;background:url('assets/nookell-symbol.webp') center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}
.n32-hero h1{font:800 clamp(49px,5.2vw,81px)/1.07 var(--heading),Sora,sans-serif;letter-spacing:-.078em;margin:27px 0 26px;color:#fff}
.n32-hero h1 span{color:#a1e2d7}
.n32-hero h1 i{font-style:normal;position:relative;color:#fff}
.n32-hero h1 i:after{content:'';position:absolute;left:3%;bottom:-12px;width:88%;height:8px;border-radius:8px;background:#ff7968;transform:rotate(-2deg)}
.n32-hero-description{font-size:16px;line-height:1.8;color:#d4e2e6;max-width:510px;margin:0 0 27px}
.n32-hero-buttons{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.n32-hero-buttons .btn{font-size:14px;font-weight:800;min-height:51px}
.n32-hero-alt{color:#fff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.42);min-height:44px;display:inline-flex;gap:10px;align-items:center}
.n32-hero-alt:hover{border-color:#9de2d4;color:#9de2d4}
.n32-hero-offer{margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:19px;max-width:520px}
.n32-offer-figure{font:800 clamp(31px,3vw,45px)/1 var(--heading);letter-spacing:-.075em;color:#fff}
.n32-hero-offer>span:last-child{display:block;color:#afc7cf;font-size:12px;line-height:1.6}
.n32-hero-offer strong{color:#f5f9f8;font-size:12px;font-weight:600}
.n32-hero-stage{position:relative;min-width:0;height:565px;align-self:center;isolation:isolate;transform:translateY(5px)}
.n32-stage-orbit{position:absolute;left:9%;top:7%;width:84%;aspect-ratio:1;border:1px solid rgba(157,226,212,.18);border-radius:50%;pointer-events:none}
.n32-stage-arch{position:absolute;right:3%;top:-4%;height:410px;width:380px;max-width:80%;background:url('assets/nookell-symbol.webp') center/contain no-repeat;opacity:.11;filter:saturate(.65);pointer-events:none}
.n32-stage-card{position:absolute;overflow:hidden;border:6px solid #fff;border-radius:17px;box-shadow:0 25px 55px rgba(1,18,31,.3);background:#fff;color:#19324a;transition:transform .35s ease,box-shadow .35s ease}
.n32-stage-card:hover{box-shadow:0 34px 65px rgba(1,18,31,.44)}
.n32-stage-top{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-weight:800;font-size:10px;letter-spacing:-.03em}
.n32-stage-charity{width:225px;height:245px;top:20px;right:3%;transform:rotate(9deg);background:#eff5ee}
.n32-stage-charity:hover{transform:rotate(4deg) translateY(-8px)}
.n32-stage-charity .n32-stage-top{color:#34605d}
.n32-stage-charity img{height:125px;width:100%;object-fit:cover}
.n32-stage-charity-copy{font:700 29px/1.04 Georgia,serif;margin:14px 18px;color:#326a5a}
.n32-stage-trade{width:219px;height:234px;top:235px;right:0%;transform:rotate(11deg);background:#17283a;color:#fff}
.n32-stage-trade:hover{transform:rotate(5deg) translateY(-8px)}
.n32-stage-trade .n32-stage-top{background:#182f3d;color:#fff}
.n32-stage-trade-image{height:134px;overflow:hidden}
.n32-stage-trade-image img{width:100%;height:100%;object-fit:cover}
.n32-stage-trade-copy{padding:11px;color:#fff;font-weight:900;font-size:14px;line-height:1.2}
.n32-stage-cafe{z-index:4;width:min(75%,400px);height:420px;top:75px;left:0;transform:rotate(-8deg);border-width:7px;border-radius:22px;background:#f7f0e5}
.n32-stage-cafe:hover{transform:rotate(-4deg) translateY(-9px)}
.n32-stage-cafe .n32-stage-top{height:55px;font:800 23px/1 Georgia,serif;color:#554232;letter-spacing:-.05em;padding:0 20px}
.n32-stage-dot{color:#c66a55}
.n32-stage-cafe .n32-stage-top>span:last-child{font:700 9px/1.1 Inter,sans-serif;letter-spacing:.12em}
.n32-stage-cafe-photo{position:relative;height:313px;overflow:hidden}
.n32-stage-cafe-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.n32-stage-cafe-overlay{position:absolute;bottom:0;left:0;right:0;padding:53px 19px 19px;color:#fff;background:linear-gradient(0deg,rgba(30,30,23,.86),transparent)}
.n32-stage-cafe-overlay>span:first-child{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:8px}
.n32-stage-cafe-overlay strong{display:block;font:700 31px/1.04 Georgia,serif;letter-spacing:-.03em}
.n32-stage-menu-btn{display:inline-block;background:#f8e9d4;color:#423628;font-size:10px;font-weight:700;padding:9px 11px;margin-top:13px;border-radius:4px}
.n32-stage-cafe-footer{display:flex;justify-content:space-between;gap:4px;padding:12px 13px;color:#664d36;font-size:8px;font-weight:800;letter-spacing:.07em}
.n32-stage-label{position:absolute;left:5%;bottom:5px;z-index:5;background:#f5fff9;border-radius:999px;padding:12px 19px;box-shadow:0 9px 24px rgba(0,0,0,.12);font-weight:800;font-size:11px;color:#153b3c;white-space:nowrap;display:flex;align-items:center;gap:8px;transform:rotate(-3deg)}
.n32-label-dot{width:8px;height:8px;border-radius:50%;background:#ff7968}
.n32-stage-disclaimer{position:absolute;right:0;bottom:5px;z-index:5;font-size:9px;color:#b6d1d6}
.n32-hero-rail{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.16);min-height:72px;color:#bfced4;font-size:11px;letter-spacing:.02em;font-weight:600;flex-wrap:wrap}
.n32-hero-rail b{color:#8fd9cf;font-size:10px;margin-right:7px}
.n32-hero-rail>span:first-child{color:#fff}
/* concise value proposition */
.n32-benefits-section{padding:83px 0 80px;background:#fbfaf7}
.n32-benefits-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,6vw,90px);align-items:center}
.n32-intro h2{font:800 clamp(32px,3.4vw,51px)/1.14 var(--heading);letter-spacing:-.068em;margin:17px 0 18px;color:#19324a}
.n32-intro>p{max-width:560px;font-size:15px;line-height:1.85;color:#5a6974;margin:0}
.n32-benefits-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #d9e6e1}
.n32-benefit{display:grid;grid-template-columns:43px 1fr;column-gap:17px;padding:17px 0;border-bottom:1px solid #d9e6e1}
.n32-benefit-num{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e6f2ef;color:#227e78;font-size:11px;font-weight:800}
.n32-benefit h3{font:800 16px/1.4 var(--heading);letter-spacing:-.035em;margin:0 0 2px;color:#19324a}
.n32-benefit p{font-size:13px;color:#637580;line-height:1.65;margin:0}
/* steps remain recognisable, with less duplicated copy */
.n32-process-section{padding:36px 0 74px!important;background:#fbfaf7}
.n32-process-shell{padding:37px 42px 27px!important}
.n32-process-intro h2{font:800 clamp(32px,3.5vw,47px)/1.15 var(--heading);letter-spacing:-.06em;margin:12px 0 10px;color:#fff}
.n32-process-intro h2 span{color:#8bd8ce}
.n32-process-intro>p{color:#cedbe3;line-height:1.75;font-size:14px;margin:0;max-width:650px}
.n32-process-steps{margin-top:26px!important}
.n32-process-steps .process-card-v19{min-height:205px;padding:24px!important}
.n32-process-steps .process-card-v19.featured{transform:none}
.n32-process-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:22px;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#d1e0e5}
.n32-process-bottom a{color:#fff;font-size:13px;font-weight:800;border-bottom:1px solid #78cfc4;padding-bottom:6px}
.n32-process-bottom a:hover{color:#8bd8ce}
/* compact concept gallery */
.n32-examples-section{padding:48px 0 25px!important;background:#fff}
.n32-examples-head{margin-bottom:29px;max-width:790px}
.n32-examples-head>p{max-width:760px}
.n32-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.n32-example{border:1px solid #e3ebe7;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 42px rgba(25,50,74,.055)}
.n32-example-visual{height:280px;overflow:hidden;position:relative}
.n32-example-visual-charity{background:#e9f0e6}
.n32-example-nav{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 16px;background:#fbfaf5;color:#365c50}
.n32-example-nav strong{font:700 16px/1 Georgia,serif}
.n32-example-nav span{font-size:10px;font-weight:800}
.n32-example-charity-body{height:237px;position:relative;display:grid;grid-template-columns:1fr 1fr}
.n32-example-charity-body>img{height:100%;width:100%;object-fit:cover;object-position:center}
.n32-example-charity-body>div{padding:28px 10px 18px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.n32-example-charity-body>div>span:first-child{font-size:8px;font-weight:800;letter-spacing:.07em;color:#497563}
.n32-example-charity-body h4{font:700 clamp(22px,2.1vw,31px)/1.02 Georgia,serif;color:#365e53;margin:9px 0 19px}
.n32-fake-cta{display:inline-flex;border-radius:5px;background:#3c786c;color:#fff;padding:10px 12px;font-size:10px;font-weight:800}
.n32-example-visual-trade{background:#102b3b;color:#fff}
.n32-example-visual-trade>img{height:100%;width:100%;object-fit:cover;filter:saturate(.84)}
.n32-trade-over{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,34,.84),rgba(6,24,34,.28))}
.n32-trade-copy{position:absolute;left:22px;bottom:28px;z-index:1}
.n32-trade-copy>span:first-child{font-weight:900;font-size:17px}
.n32-trade-copy h4{font:800 32px/1.08 var(--heading);letter-spacing:-.055em;color:#fff;margin:23px 0 20px}
.n32-trade-copy .n32-fake-cta{background:#f87862;color:#1d2935}
.n32-example-visual-cafe{background:#f7f0e6;color:#44362d}
.n32-cafe-logo{height:44px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font:700 23px/1 Georgia,serif}
.n32-cafe-logo span{color:#dc7b56}
.n32-cafe-logo small{font:700 9px/1 Inter,sans-serif;letter-spacing:.1em}
.n32-cafe-photo{height:147px;overflow:hidden}
.n32-cafe-photo img{width:100%;height:100%;object-fit:cover}
.n32-cafe-copy{padding:12px 18px}
.n32-cafe-copy h4{font:700 25px/1.06 Georgia,serif;letter-spacing:-.035em;margin:0 0 10px}
.n32-cafe-copy span{font-size:9px;font-weight:700;letter-spacing:.055em}
.n32-example-copy{padding:20px 21px 24px}
.n32-example-copy>span{color:#2e8a84;font-size:10px;font-weight:800;letter-spacing:.12em}
.n32-example-copy h3{color:#19324a;font:800 clamp(17px,1.5vw,21px)/1.25 var(--heading);letter-spacing:-.035em;margin:9px 0 7px}
.n32-example-copy p{color:#617480;font-size:13px;line-height:1.65;margin:0}
.n32-example-disclaimer{font-size:11px;color:#526872;line-height:1.6;margin:16px 0 0}
/* advice remains selectable but is much less visually heavy */
.n32-examples-section .industry-presence{margin:64px 0 10px}
.n32-examples-section .presence-headline{max-width:830px}
.n32-examples-section .presence-headline h2{font-size:clamp(32px,3.4vw,48px)}
.n32-examples-section .presence-headline>p{font-size:14px}
.n32-examples-section .presence-widget{box-shadow:0 14px 34px rgba(21,58,69,.035)}
.n32-examples-section .presence-controls{padding:17px 24px}
.n32-examples-section .presence-lead,.n32-examples-section .presence-reasons{padding:22px 25px;min-height:0}
.n32-examples-section .presence-lead h3{font-size:clamp(21px,2vw,30px)}
.n32-examples-section .presence-lead>p{font-size:13px;line-height:1.72}
.n32-examples-section .presence-reasons-list{gap:10px}
.n32-examples-section .presence-soft-note{margin-top:13px}
.n32-examples-section .seo-industry-summary{margin-top:16px}
/* shorter pricing introduction, preserving contractual details */
.pricing-section{padding:77px 0 70px!important}
.pricing-top-premium{margin-bottom:30px!important}
.pricing-top-premium h2{font-size:clamp(32px,3.4vw,49px)}
.pricing-intro-copy{margin-top:14px!important;font-size:15px!important}
/* FAQs: show direct answers, not a second pricing section */
.n32-faq-section{padding:72px 0 85px!important;background:#f8faf7}
.n32-faq-head{max-width:720px;margin-bottom:26px}
.n32-faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.n32-faq-grid article{background:#fff;border:1px solid #dfe9e5;border-radius:18px;padding:22px;box-shadow:0 15px 26px rgba(25,50,74,.03)}
.n32-faq-grid article>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#278e87}
.n32-faq-grid h3{font:800 16px/1.35 var(--heading);margin:13px 0 10px;color:#19324a;letter-spacing:-.035em}
.n32-faq-grid p{font-size:12px;color:#5c6d78;line-height:1.75;margin:0}
.n32-faq-grid a{color:#136a6d;font-weight:800;text-decoration:underline;text-underline-offset:2px}
/* responsive polish */
@media(max-width:1100px){
 .n32-hero{padding-top:70px}
 .n32-hero-grid{grid-template-columns:1fr 1fr;gap:12px;min-height:580px}
 .n32-hero h1{font-size:clamp(49px,5.5vw,65px)}
 .n32-hero-stage{height:495px;transform:scale(.9);transform-origin:center}
 .n32-stage-cafe{left:-9%}
 .n32-benefits-layout{gap:30px}
 .n32-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .n32-hero{padding-top:53px}
 .n32-hero-grid{grid-template-columns:1fr;gap:10px;min-height:0}
 .n32-hero-copy{padding:10px 0 5px}
 .n32-hero h1{font-size:clamp(50px,8.3vw,75px);margin-bottom:22px}
 .n32-hero-description{max-width:670px}
 .n32-hero-stage{height:515px;width:min(600px,100%);margin:0 auto;transform:none}
 .n32-stage-cafe{left:7%;width:63%}
 .n32-stage-charity{right:6%}
 .n32-stage-trade{right:2%}
 .n32-stage-label{left:7%;bottom:8px}
 .n32-hero-rail{padding-top:19px;padding-bottom:19px;min-height:0}
 .n32-benefits-layout{grid-template-columns:1fr;gap:29px}
 .n32-benefits-section{padding:65px 0}
 .n32-benefits-grid{grid-template-columns:repeat(3,1fr);gap:16px;border-top:0}
 .n32-benefit{grid-template-columns:1fr;gap:10px;border:1px solid #dfe9e5;background:#fff;border-radius:17px;padding:20px}
 .n32-benefit-num{grid-row:auto}
 .n32-process-steps{grid-template-columns:1fr}
 .n32-process-steps .process-card-v19{min-height:0}
 .n32-example-grid{grid-template-columns:1fr 1fr}
 .n32-example:last-child{grid-column:1/-1}
 .n32-example:last-child .n32-example-visual{height:300px}
 .n32-examples-section .presence-content{grid-template-columns:1fr}
}
@media(max-width:600px){
 .n32-hero{padding-top:35px}
 .n32-eyebrow{font-size:9px;letter-spacing:.12em}
 .n32-hero h1{font-size:clamp(43px,11.8vw,63px);margin:18px 0 24px}
 .n32-hero h1 i:after{height:5px;bottom:-8px}
 .n32-hero-description{font-size:14px;line-height:1.75}
 .n32-hero-buttons{gap:9px}
 .n32-hero-buttons .btn{font-size:13px;min-height:48px}
 .n32-hero-alt{font-size:12px}
 .n32-hero-offer{margin-top:21px;padding-top:16px;gap:12px}
 .n32-offer-figure{font-size:35px}
 .n32-hero-offer>span:last-child,.n32-hero-offer strong{font-size:10px}
 .n32-hero-stage{height:360px;width:100%;max-width:370px}
 .n32-stage-cafe{top:49px;left:4%;width:71%;height:295px;border-radius:14px;border-width:4px}
 .n32-stage-cafe .n32-stage-top{height:35px;padding:0 10px;font-size:18px}
 .n32-stage-cafe .n32-stage-top>span:last-child{font-size:6px}
 .n32-stage-cafe-photo{height:230px}
 .n32-stage-cafe-overlay{padding:30px 11px 12px}
 .n32-stage-cafe-overlay>span:first-child{font-size:6px;margin-bottom:5px}
 .n32-stage-cafe-overlay strong{font-size:22px}
 .n32-stage-menu-btn{font-size:7px;padding:6px 8px;margin-top:8px}
 .n32-stage-cafe-footer{padding:8px;font-size:6px}
 .n32-stage-charity{top:12px;right:1%;width:138px;height:154px;border-radius:10px;border-width:4px}
 .n32-stage-charity .n32-stage-top{height:27px;font-size:7px;padding:0 8px}
 .n32-stage-charity img{height:79px}
 .n32-stage-charity-copy{font-size:17px;margin:7px 10px}
 .n32-stage-trade{top:163px;right:1%;width:146px;height:154px;border-radius:10px;border-width:4px}
 .n32-stage-trade .n32-stage-top{height:27px;font-size:7px;padding:0 8px}
 .n32-stage-trade-image{height:87px}
 .n32-stage-trade-copy{padding:7px;font-size:9px}
 .n32-stage-arch{width:240px;height:275px}
 .n32-stage-label{left:0;bottom:2px;padding:9px 12px;font-size:9px}
 .n32-stage-disclaimer{right:0;bottom:16px;font-size:7px;max-width:110px;text-align:right}
 .n32-hero-rail{justify-content:flex-start;gap:10px 20px;font-size:9px;padding:13px 0 18px}
 .n32-hero-rail span:first-child{width:100%}
 .n32-benefits-section{padding:54px 0}
 .n32-intro h2{font-size:clamp(30px,8.5vw,40px)}
 .n32-intro>p{font-size:13px}
 .n32-benefits-grid{grid-template-columns:1fr;gap:9px}
 .n32-benefit{grid-template-columns:35px 1fr;gap:11px 13px;padding:15px}
 .n32-benefit-num{grid-row:1/3}
 .n32-benefit h3{font-size:15px}
 .n32-benefit p{font-size:12px}
 .n32-process-section{padding:15px 0 49px!important}
 .n32-process-shell{padding:23px 18px!important}
 .n32-process-intro>p{font-size:13px}
 .n32-process-steps{gap:10px!important;margin-top:19px!important}
 .n32-process-steps .process-card-v19{padding:16px!important}
 .n32-process-steps .process-card-v19 h3{font-size:17px}
 .n32-process-bottom{margin-top:18px;flex-wrap:wrap;font-size:11px}
 .n32-examples-section{padding:35px 0 15px!important}
 .n32-example-grid{grid-template-columns:1fr;gap:12px}
 .n32-example:last-child{grid-column:auto}
 .n32-example-visual,.n32-example:last-child .n32-example-visual{height:265px}
 .n32-example-copy{padding:16px 20px 18px}
 .n32-example-copy h3{font-size:19px}
 .n32-example-copy p{font-size:12px}
 .n32-examples-section .industry-presence{margin-top:50px}
 .n32-examples-section .presence-controls{padding:18px}
 .n32-examples-section .presence-lead,.n32-examples-section .presence-reasons{padding:20px}
 .pricing-section{padding:48px 0 54px!important}
 .n32-faq-section{padding:52px 0!important}
 .n32-faq-grid{grid-template-columns:1fr;gap:10px}
 .n32-faq-grid article{padding:17px}
 .n32-faq-grid h3{font-size:15px}
 .n32-faq-grid p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.n32-stage-card{transition:none!important}}


/* v33 — brand-consistent details, accessible return-to-top, and more open headline tracking. */
.page-top-anchor { position:absolute; width:1px; height:1px; top:0; left:0; pointer-events:none; }
.viloso-company-link { color:inherit; text-decoration:underline; text-decoration-color:#7dbab3; text-underline-offset:3px; text-decoration-thickness:1px; transition:color .18s ease,text-decoration-color .18s ease; }
.viloso-company-link:hover { color:#167c78; text-decoration-color:currentColor; }
.viloso-company-link:focus-visible { outline:3px solid #148c88; outline-offset:4px; border-radius:2px; }
.back-to-top[hidden] { display:none !important; }
.back-to-top { position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(24px,env(safe-area-inset-bottom)); z-index:120; display:grid; place-items:center; width:54px; height:54px; padding:0; color:#fff; background:#19324a; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 10px 28px rgba(12,31,47,.26); cursor:pointer; transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.back-to-top::after { content:''; position:absolute; inset:4px; border:1px solid rgba(121,223,207,.4); border-radius:50%; pointer-events:none; }
.back-to-top:hover { background:#267e7b; transform:translateY(-3px); box-shadow:0 13px 28px rgba(12,31,47,.3); }
.back-to-top:focus-visible { outline:3px solid #ff7a66; outline-offset:4px; }
/* Use approved brand artwork for decorative Nookell motifs; keep task/action icons neutral. */
.n32-eyebrow-mark,.n32-stage-arch,.nookell-symbol-inline,.symbol-badge,.nookell-symbol-large,.nookell-symbol-bg { background-image:url('assets/nookell-symbol.webp'); }
.n32-eyebrow-mark { width:24px; height:24px; background-size:contain; background-repeat:no-repeat; }
.n32-stage-arch { opacity:.075; }
.nookell-symbol-inline { min-width:16px; min-height:16px; }
.nookell-symbol-bg { opacity:.13; }
/* Modernise the type rhythm while retaining the rounded Sora identity. */
.n32-hero h1 { letter-spacing:-.044em; line-height:1.16; }
.n32-intro h2,
.n32-process-intro h2,
.n32-examples-section .presence-headline h2,
.pricing-top h2,
.n32-faq-head h2,
.contact-copy h2,
.legal-hero h1 { letter-spacing:-.038em; line-height:1.23; }
.n32-example-copy h3,
.n32-benefit h3,
.n32-faq-grid h3,
.n32-process-steps .process-card-v19 h3,
.presence-lead h3,
.legal-section h2,
.contact-form-wrap .form-header h3 { letter-spacing:-.014em; line-height:1.38; }
.n32-hero h1 { text-wrap:balance; }
@media(max-width:860px) { .back-to-top { right:18px; bottom:calc(18px + env(safe-area-inset-bottom)); width:52px; height:52px; } }
@media(max-width:600px) {
  .n32-hero h1 { letter-spacing:-.036em; line-height:1.16; }
  .n32-intro h2,.n32-process-intro h2,.n32-examples-section .presence-headline h2,.pricing-top h2,.n32-faq-head h2,.contact-copy h2,.legal-hero h1 { letter-spacing:-.028em; line-height:1.23; }
  .back-to-top { right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) { .back-to-top { transition:none; } }