:root{--ink:#172329;--muted:#6a777e;--blue:#078ed6;--blue-dark:#006aa5;--coral:#f16868;--line:#e4e9ed;--green:#72b76d;--radius:24px;--shadow:0 14px 45px #2549660b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}p{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008ee5;outline-offset:5px}::selection{background:#c7eaff}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.section{padding-block:108px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#5b707d;line-height:1.5}.muted{color:#87949b}.blue-text{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:12px;padding:15px 23px;font-size:13px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #12354a18}.button span{font-size:19px;line-height:1}.button-dark{background:var(--ink);color:#fff;box-shadow:0 3px 4px #10233312,inset 0 1px 0 #ffffff26;border-color:#172329}.button-dark:hover{background:#293f4a}.button-glass{background:#ffffffa8;border-color:#ffffff;color:#263b49;box-shadow:0 3px 12px #608da010}.text-link{font-weight:600;font-size:13px;display:inline-flex;gap:12px;align-items:center}.text-link:hover{color:var(--blue-dark)}.skip-link{position:absolute;left:20px;top:-70px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{position:absolute;z-index:20;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(1040px,calc(100% - 64px));height:70px;padding:8px 10px 8px 22px;border:1px solid #ffffffde;border-radius:20px;background:#ffffffaa;backdrop-filter:blur(20px);box-shadow:0 4px 24px #32779708}.brand{display:inline-flex;gap:8px;align-items:center}.brand-symbol{display:block;position:relative;width:39px;height:35px;overflow:hidden;flex-shrink:0}.brand-symbol img{position:absolute;width:95px;height:95px;max-width:none;left:-30px;top:-21px}.wordmark{font-size:21px;line-height:.96;letter-spacing:-1px;font-weight:800}.wordmark>span{font-weight:400}.wordmark small{display:block;font-size:6px;letter-spacing:2.6px;font-weight:600;margin-top:7px}.desktop-nav{display:flex;gap:32px;font-size:12px;font-weight:500}.desktop-nav a:hover{color:var(--blue-dark)}.nav-cta{padding:12px 18px;border-radius:13px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;padding-top:161px;overflow:hidden;background:radial-gradient(ellipse at 50% 1%,#f5fbff30 10%,#ffffff00 55%),linear-gradient(180deg,#a7d9f7 0%,#d6edfd 29%,#f3faff 54%,#fff 88%)}.sky-texture{position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.25' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mask-image:linear-gradient(#000,transparent 75%)}.hero-content{position:relative;text-align:center;z-index:2}.hero-eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #ffffffbd;border-radius:30px;background:#ffffff63;padding:6px 13px;font-size:9px;letter-spacing:.13em;color:#3b657d}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #009ee70d}h1{font-size:clamp(42px,5.2vw,68px);font-weight:650;letter-spacing:-.062em;line-height:1.08;margin:23px auto 24px;max-width:1000px}.convert{position:relative;color:#0587cc;display:inline-block}.convert svg{position:absolute;bottom:-13px;left:0;width:100%;height:17px;overflow:visible}.convert path{fill:none;stroke:var(--coral);stroke-width:5;stroke-linecap:round}.hero-description{font-size:16px;line-height:1.75;color:#556c7c;margin-top:31px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin:28px 0 13px}.hero-note{font-size:10px;display:flex;gap:17px;justify-content:center;color:#627984}.cloud{position:absolute;width:370px;height:130px;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,#ffffffd9 0%,#ffffffa3 40%,#eef8ff00 72%);border-radius:50%;filter:blur(2px);opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(ellipse at 40% 25%,#fff 5%,#f8fcffb5 43%,#f1f9ff00 73%)}.cloud:before{width:175px;height:155px;left:40px;top:-65px}.cloud:after{width:220px;height:175px;left:150px;top:-88px}.cloud-left{left:-180px;top:255px;transform:rotate(-9deg) scale(1.4)}.cloud-right{right:-205px;top:310px;transform:rotate(12deg) scale(1.6)}.growth-stage{position:relative;max-width:990px;margin-top:66px;padding:10px}.system-window{position:relative;border:1px solid #dce8f1;border-radius:19px;background:#ffffffeb;box-shadow:0 4px 5px #8cbdcf08,0 24px 70px #28587f12,0 0 0 9px #ffffff80;z-index:2;overflow:hidden}.window-top{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;background:#ffffffbd;font-size:8px;font-weight:600;letter-spacing:1.2px;color:#82909a}.window-dots{display:flex;gap:5px;width:130px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#e0e6e9}.window-dots i:first-child{background:#f4aaa2}.window-dots i:nth-child(2){background:#f5d497}.window-dots i:last-child{background:#b6d7b0}.system-status{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:0}.system-status i{width:5px;height:5px;background:#72b76d;border-radius:50%}.system-body{display:grid;grid-template-columns:.95fr 1.05fr;min-height:325px;padding:36px 38px;gap:40px;background:radial-gradient(ellipse at 95% 30%,#eef8ff 0,transparent 65%)}.system-intro{align-self:center}.system-intro .eyebrow{font-size:8px}.system-intro h2{font-size:29px;letter-spacing:-1.3px;line-height:1.19;margin:13px 0}.system-intro h2 span{color:#8a9aa4}.system-intro p{font-size:12px;line-height:1.75;margin-bottom:20px}.system-intro .text-link{font-size:10px}.system-map{position:relative;display:flex;flex-direction:column;justify-content:center;gap:15px;padding-bottom:26px}.map-node{z-index:1;display:flex;align-items:center;gap:10px;border:1px solid #e2ebf1;background:#fff;border-radius:10px;padding:11px 13px;box-shadow:0 4px 12px #194f7810;max-width:324px;font-size:10px;font-weight:600;line-height:1.4}.map-node small{display:block;font-size:8px;color:#91a0a9;font-weight:400;margin-top:4px}.node-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.blue{background:#e4f3ff;color:#068dcf}.coral{background:#fff0ed;color:#ed7774}.green{background:#ecf6e9;color:#79a971}.amber{background:#fff5db;color:#c79332}.lavender{background:#f0edff;color:#9175be}.node-check{margin-left:auto;color:#6aa66b;background:#eff7ed;width:16px;height:16px;border-radius:50%;font-size:9px;text-align:center;line-height:16px}.node-content{margin-left:0;transform:rotate(-2deg)}.node-ads{margin-left:35px;transform:rotate(1deg)}.node-growth{margin-left:65px;transform:rotate(-1deg)}.map-line{position:absolute;width:40px;height:55px;border-left:1px dashed #bfd5e5;border-bottom:1px dashed #bfd5e5;border-radius:0 0 0 12px;left:15px;top:44px}.line-two{top:120px;left:50px}.line-three{display:none}.insight-pill{position:absolute;bottom:-3px;right:13px;font-size:8px;color:#7a969d;background:#ecf5f5;border:1px solid #deebeb;border-radius:30px;padding:5px 10px}.insight-pill span{margin-right:5px;font-size:12px}.window-bottom{display:flex;justify-content:center;gap:40px;padding:12px;border-top:1px solid #edf1f5;font-size:8px;color:#8a98a1}.window-bottom>span{display:flex;align-items:center;gap:5px}.color-dot{width:4px;height:4px;border-radius:50%;display:inline-block}.blue-dot{background:#229edc}.coral-dot{background:#ee7e79}.green-dot{background:#8bb877}.floating-tag{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #ecf0f3;border-radius:13px;padding:11px 17px;box-shadow:0 8px 25px #31577e0d;font-size:10px;font-weight:600;line-height:1.3}.floating-tag small{display:block;color:#87939e;font-size:8px;margin-top:4px;font-weight:400}.tag-icon{height:30px;width:30px;border-radius:8px;font-size:23px;display:grid;place-items:center}.tag-left{left:-63px;top:106px;transform:rotate(-8deg)}.tag-right{right:-50px;bottom:68px;transform:rotate(7deg)}.trust{text-align:center;padding:45px 0 25px}.trust>p{font-size:11px;color:#96a0a5}.trust strong{font-weight:500;color:#62717a;margin-left:4px}.client-logos{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:23px;padding-inline:23px}.client-logos img{width:120px;height:45px;object-fit:contain;filter:grayscale(1);opacity:.59;transition:filter .2s,opacity .2s}.client-logos img:hover{filter:grayscale(0);opacity:1}.section-heading h2{font-size:44px;line-height:1.13;margin:15px 0 20px;font-weight:600}.section-heading>p:last-child{font-size:14px;line-height:1.8}.centered{text-align:center}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}.service-card{padding:29px 30px 0;border:1px solid #e4e9ed;border-radius:22px;overflow:hidden;background:#fbfdff}.content-card{background:#fffcfb}.marketplace-card{background:#fffefa}.tiktok-card{background:#fdfcff}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.service-label{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:600;letter-spacing:.07em;color:#72828b}.mini-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:15px}.service-number{font-size:9px;color:#a2adb5}.service-card h3{font-size:28px;font-weight:600;margin-bottom:12px}.service-card>p{font-size:12px;line-height:1.85;max-width:390px}.service-art{height:245px;margin:9px -10px 0;position:relative;overflow:hidden}.service-footer{border-top:1px solid #e5e9ec;display:flex;align-items:center;justify-content:space-between;min-height:58px;font-size:9px;color:#84919a}.service-footer a{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#475e6c;background:#fff;border:1px solid #e6eaed}.service-footer a:hover{background:#e4f3ff}.audience-circle{position:absolute;border:1px solid #d6e7f4;border-radius:50%;left:50%;top:56%;transform:translate(-50%,-50%)}.circle-a{width:160px;height:160px;background:#dcefff55}.circle-b{width:245px;height:245px}.circle-c{width:335px;height:335px}.meta-orb{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:85px;height:85px;border-radius:24px;box-shadow:0 12px 22px #4799cb1f,inset 0 0 0 6px #ffffff9c;background:linear-gradient(140deg,#fff,#dfedfa);display:grid;place-items:center;font-size:69px;color:#158ee7;font-family:Arial;line-height:1}.audience-label{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:9px;color:#7c9bb0;white-space:nowrap}.small-bubble{position:absolute;border:1px solid #e1e9f0;background:#fff;border-radius:9px;padding:10px 14px;font-size:9px;box-shadow:0 7px 19px #36738e0a;color:#6c8595}.bubble-one{left:20px;top:85px;transform:rotate(-8deg)}.bubble-one b{color:#6aad72;margin-left:10px}.bubble-two{right:15px;top:174px;transform:rotate(7deg)}.creative-art{display:flex;align-items:center;justify-content:center;padding-top:16px;background:radial-gradient(ellipse at 50% 90%,#fbe5df8f,transparent 67%)}.creative-tile{position:absolute;width:150px;height:185px;border-radius:11px;box-shadow:0 9px 15px #66453012}.tile-back{left:calc(50% - 115px);top:35px;transform:rotate(-10deg);background:#f4aea3;padding:20px;color:#7b3938;line-height:.95;letter-spacing:-1px;display:flex;flex-direction:column;justify-content:space-between}.tile-back>span{font-size:23px}.tile-back b{font-weight:800}.tile-back small{font-size:5px;letter-spacing:1px}.tile-front{left:calc(50% - 10px);top:42px;transform:rotate(9deg);background:linear-gradient(145deg,#cee5e6,#f4ece4 60%,#e2bcb4);border:5px solid #fff;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:16px 10px}.play-circle{display:grid;place-items:center;position:absolute;top:53px;left:48px;width:37px;height:37px;border-radius:50%;color:#fff;background:#ffffff61;border:1px solid #ffffffcc;backdrop-filter:blur(5px);font-size:12px}.tile-front small{font-size:7px;color:#5b7372}.timeline{width:100%;height:3px;background:#ffffff77;margin-top:13px;border-radius:4px}.timeline i{display:block;width:40%;height:3px;background:#fff}.creative-sticker{position:absolute;right:15px;top:26px;background:#fff9de;border:1px solid #f3e6be;padding:11px 16px;border-radius:50%;font-size:9px;line-height:1.4;transform:rotate(13deg);color:#968255}.market-art{padding:36px 28px 0}.shop-card{position:relative;display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid #eee9df;background:white;border-radius:13px;box-shadow:0 6px 16px #71562207;max-width:325px;margin:0 auto 12px;font-size:11px;font-weight:600}.shop-card:first-child{transform:rotate(-3deg)}.shop-card:nth-child(2){transform:rotate(2deg)}.shop-card>span:last-child{margin-left:auto;color:#8caaa0;font-size:18px}.shop-card small{display:block;font-size:8px;font-weight:400;color:#a2a29b}.shop-brand{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:21px;font-weight:650}.shopee{background:#fff0e9;color:#e87849}.tokopedia{background:#eaf6e8;color:#68a865}.checkout-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;color:#9c9e90;padding-top:10px}.checkout-line i{height:1px;background:#e1e4d9;width:25px}.checkout-line strong{font-weight:500;color:#7c9c6d}.tiktok-art{background:radial-gradient(ellipse at 50% 70%,#e5ddf466,transparent 70%)}.wave-bars{position:absolute;inset:30px 20px;display:flex;justify-content:center;align-items:center;gap:10px}.wave-bars i{height:var(--bar);width:7px;border-radius:10px;background:linear-gradient(#ded8edaa,#d7e8ebaa)}.tiktok-orb{position:absolute;top:65px;left:50%;transform:translateX(-50%) rotate(8deg);display:grid;place-items:center;width:85px;height:85px;border-radius:23px;background:linear-gradient(150deg,#30424b,#16242b);box-shadow:0 10px 22px #303c5226;font-size:58px;color:#fff;text-shadow:-3px -1px #5bdae0,3px 2px #f791a5}.tiktok-bubble{bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap}.services-note{text-align:center;font-size:11px;margin-top:30px}.services-note a{font-size:11px;margin-left:7px}.approach{background:#f7fafc;border-top:1px solid #f0f4f6;border-bottom:1px solid #f0f4f6}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.approach-copy h2{font-size:46px;font-weight:600;line-height:1.12;margin:19px 0 23px}.approach-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:390px;margin-bottom:29px}.workflow{border:1px solid #e5ebef;border-radius:22px;padding:28px;background:#fff;box-shadow:var(--shadow);transform:rotate(1deg)}.workflow-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #eef1f4}.workflow-header .eyebrow{font-size:8px}.loop-symbol{height:29px;width:29px;background:#edf7fe;color:#59a9d7;display:grid;place-items:center;border-radius:9px;font-size:22px}.workflow ol{list-style:none;margin:27px 0;padding:0}.workflow li{display:flex;gap:17px;position:relative;padding-bottom:30px}.workflow li:last-child{padding-bottom:0}.workflow li:not(:last-child):before{content:"";position:absolute;left:17px;top:37px;height:calc(100% - 40px);border-left:1px dashed #d4e5ef}.step-number{height:36px;width:36px;background:#edf7ff;border:1px solid #deedf7;color:#489bca;border-radius:11px;font-size:10px;display:grid;place-items:center;flex-shrink:0}.workflow li:nth-child(2) .step-number{background:#fff1ed;border-color:#f9e4db;color:#cf8a76}.workflow li:nth-child(3) .step-number{background:#eef6e9;border-color:#e1edda;color:#8baa72}.workflow h3{font-size:16px;letter-spacing:-.025em;margin:1px 0 7px}.workflow li p{font-size:11px;line-height:1.7}.workflow-note{background:#f7fafb;border-radius:8px;padding:10px;font-size:8px;color:#8a9ca7;display:flex;gap:8px;align-items:center}.workflow-note .status-dot{width:4px;height:4px}.result-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:30px}.result-heading h2{font-size:37px;margin-bottom:0}.result-heading>p{font-size:12px!important;line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;padding:29px 0;background:#fff}.stats-grid article{padding:0 26px}.stats-grid article:not(:last-child){border-right:1px solid var(--line)}.stat-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:17px;margin-bottom:23px}.stats-grid strong{display:block;font-weight:550;font-size:46px;letter-spacing:-3px;line-height:1.1}.stats-grid strong span{font-size:28px;color:#92abb9;letter-spacing:-2px}.stats-grid h3{font-size:12px;letter-spacing:-.02em;margin-top:17px}.stats-grid p{font-size:10px;margin-top:7px;line-height:1.7}.result-note{font-size:9px;color:#8c999f;margin-top:16px}.testimonials{background:#fafbfc;border-block:1px solid #f2f4f6}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.testimonial{padding:25px 23px 20px;background:white;border:1px solid #e7ebee;border-radius:17px;display:flex;flex-direction:column;box-shadow:0 5px 20px #47566503}.quote-mark{height:35px;font-size:50px;line-height:1;color:#bfd7e6;font-family:Georgia,serif}.testimonial blockquote{font-size:12px;line-height:1.95;color:#75828b;margin:13px 0 25px;flex:1}.testimonial blockquote strong{font-weight:500;color:#263e4c}.testimonial figcaption{display:flex;gap:10px;align-items:center;border-top:1px solid #eef1f3;padding-top:19px}.testimonial figcaption img{border:1px solid #edf1f2;width:34px;height:34px;border-radius:50%;object-fit:cover}.testimonial figcaption strong{display:block;font-size:11px;font-weight:600}.testimonial figcaption span{display:block;font-size:8px;line-height:1.5;color:#8c979f;margin-top:3px}.testimonial-category{font-size:6px;letter-spacing:.08em;color:#9da8ae;margin-top:17px}.partnership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}.partnership-grid article{padding:0 28px 0 0}.partnership-grid article:not(:last-child){border-right:1px solid var(--line)}.cadence{display:inline-block;border-radius:7px;padding:4px 8px;font-size:8px;letter-spacing:.1em;font-weight:600}.partnership-grid h3{font-size:19px;letter-spacing:-.025em;margin:19px 0 11px}.partnership-grid p{font-size:12px;line-height:1.9}.industries{background:#f6f9fb;border:1px solid #edf1f3;border-radius:24px;padding:49px 70px;text-align:center}.industries h2{font-size:35px;font-weight:600;line-height:1.15;margin:15px 0 29px}.industry-tags{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;max-width:820px;margin:auto}.industry-tags>span{background:white;border:1px solid #e5ebef;padding:7px 14px;border-radius:30px;font-size:10px;color:#7a8a94}.industries>p:last-child{font-size:11px;line-height:1.85;margin-top:27px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:42px;font-weight:600;margin:19px 0 22px}.contact-copy>p:not(.eyebrow):not(.contact-note){font-size:13px;line-height:1.9;margin-bottom:26px;max-width:390px}.contact-note{font-size:9px;margin-top:12px}.contact-details{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);margin-top:33px;padding-top:20px;font-size:11px;color:#7d8d97}.contact-details>a:hover{color:var(--blue-dark)}.contact-form-card{background:#fff;border:1px solid #e3eaee;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.contact-form-card h3{font-size:20px;letter-spacing:-.035em;font-weight:600}.contact-form-card>p{font-size:11px;margin-top:9px;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:flex;flex-direction:column;font-size:10px;font-weight:500;margin-bottom:18px;gap:7px;color:#536670}input,select,textarea{display:block;width:100%;border:1px solid #e1e7ec;background:#fafcfd;border-radius:8px;padding:11px 12px;font-size:11px;color:var(--ink);min-height:43px}input::placeholder,textarea::placeholder{color:#99a6ae}textarea{resize:vertical;min-height:100px}.form-submit{width:100%;font-size:12px}.form-note{font-size:9px;line-height:1.7;text-align:center;margin-top:12px;color:#8b99a2}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-bottom:100px}.faq h2{font-size:32px;font-weight:600;margin-top:17px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:19px 0;font-size:12px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:18px;color:#8ca1af;line-height:1}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.9;margin:0 25px 20px 0}.closing{position:relative;overflow:hidden;text-align:center;padding:85px 0 90px;background:linear-gradient(#f5fbff,#dcedf9 65%,#eaf5fb)}.closing-glow{position:absolute;left:50%;bottom:-460px;transform:translateX(-50%);width:1600px;height:550px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 55px #ffffff25,0 0 0 110px #ffffff20,0 0 0 165px #ffffff18,0 0 0 220px #ffffff12;pointer-events:none}.closing .wrap{position:relative}.closing h2{font-size:56px;font-weight:600;letter-spacing:-.055em;line-height:1.07;margin:21px 0 28px}.closing h2 span{color:#418db9}.closing p:last-child{font-size:10px;margin-top:17px;color:#6e92a8}.footer{padding:43px 0 22px}.footer-top{display:grid;grid-template-columns:1.25fr 1.25fr .8fr .6fr;gap:35px;align-items:start;padding-bottom:38px}.footer-top>.brand{margin-top:3px}.footer-top>p{font-size:11px;line-height:1.9}.footer-top>div{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#74868f}.footer-top a:hover{color:var(--blue-dark)}.footer-bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#97a1a9}
@media(min-width:1600px){.hero{padding-top:180px}.cloud-left{left:calc(50% - 820px)}.cloud-right{right:calc(50% - 820px)}}
@media(max-width:1100px){.tag-left{left:-5px;top:90px}.tag-right{right:-5px;bottom:62px}.floating-tag{padding:8px 12px;font-size:9px}.system-window{margin-inline:20px}.system-body{padding:32px;gap:25px}.growth-stage{max-width:920px}.approach-grid{gap:55px}.contact{gap:45px}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.testimonial blockquote{font-size:13px}.stats-grid article{padding-inline:20px}.stats-grid strong{font-size:40px}.client-logos{gap:20px}.client-logos img{width:105px}.contact h2{font-size:38px}.faq{gap:50px}.services .section-heading h2{font-size:42px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 32px);top:16px;height:63px;padding:8px 12px 8px 15px;border-radius:17px}.brand{gap:5px}.wordmark{font-size:19px}.wordmark small{font-size:5px;letter-spacing:2.5px}.brand-symbol{width:33px;height:31px}.brand-symbol img{width:85px;height:85px;top:-19px;left:-27px}.desktop-nav{display:none}.nav-cta{margin-left:auto;font-size:10px;gap:10px;padding:10px 13px;border-radius:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:35px;height:36px;align-items:center;justify-content:center;border:0;background:transparent;margin-left:6px}.menu-toggle span{width:16px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav{position:absolute;left:0;right:0;top:72px;border:1px solid #e2edf5;border-radius:17px;background:#f7fbfff5;padding:10px;box-shadow:0 15px 30px #34566a16;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.mobile-nav a{padding:12px;font-size:13px;border-radius:8px}.mobile-nav a:hover{background:#e5f3fc}.hero{padding-top:128px}.hero-eyebrow{font-size:8px;padding:5px 10px}h1{font-size:clamp(35px,7.2vw,52px);letter-spacing:-.055em;line-height:1.12;margin:22px -6px 0}.convert svg{bottom:-11px;height:13px}.hero-description{font-size:13px;line-height:1.8;margin:27px auto 0;max-width:420px}.hero-actions{margin-top:24px;gap:8px}.button{font-size:11px;padding:13px 16px;gap:17px}.hero-note{font-size:8px}.cloud-left{left:-300px;top:285px;opacity:.6}.cloud-right{right:-310px;top:220px;opacity:.5}.growth-stage{margin-top:45px;width:calc(100% - 26px);padding:8px}.system-window{margin-inline:0;border-radius:14px;box-shadow:0 15px 40px #37668710,0 0 0 5px #ffffff80}.floating-tag{display:none}.window-top{padding:12px 14px;font-size:6px}.window-dots{width:auto}.window-dots i{width:5px;height:5px}.system-status{font-size:6px}.system-body{grid-template-columns:1fr;padding:28px 23px;gap:28px}.system-intro{text-align:center}.system-intro h2{font-size:28px;margin:10px 0}.system-intro h2 br{display:none}.system-intro p{font-size:10px;margin-bottom:11px}.system-intro p br{display:none}.system-intro .text-link{font-size:9px}.system-map{width:min(370px,100%);margin:auto;min-height:230px;gap:12px;padding-bottom:25px}.map-node{max-width:285px;padding:10px;font-size:9px}.node-icon{width:30px;height:30px}.node-ads{margin-left:20px}.node-growth{margin-left:40px}.map-node small{font-size:7px}.insight-pill{font-size:7px;bottom:0}.line-one{top:38px}.line-two{top:105px;left:40px}.window-bottom{gap:15px;padding:11px 5px;font-size:6px}.trust{padding:30px 0 8px}.trust>p{font-size:9px}.client-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px;margin-top:20px;padding:0 15px}.client-logos img{width:100%;height:35px;max-width:115px;justify-self:center}.section{padding-block:66px}.section-heading h2,.services .section-heading h2{font-size:34px;line-height:1.15;margin:13px 0 17px}.eyebrow{font-size:8px}.section-heading>p:last-child{font-size:12px}.service-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.service-card{padding:23px 24px 0}.service-top{margin-bottom:20px}.service-card h3{font-size:27px}.service-card>p{font-size:12px}.service-art{height:230px;max-width:480px;margin-inline:auto}.services-note{font-size:10px;max-width:290px;margin-inline:auto;line-height:2}.services-note a{font-size:10px;margin:0}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-copy h2{font-size:39px;margin-block:16px 20px}.approach-copy>p:not(.eyebrow){font-size:12px;max-width:none}.workflow{transform:none;padding:24px}.workflow h3{font-size:16px}.workflow li p{font-size:11px}.result-heading{display:block;margin-bottom:27px}.result-heading h2{font-size:32px}.result-heading>p{margin-top:19px;font-size:11px!important}.stats-grid{grid-template-columns:1fr 1fr;padding:0}.stats-grid article{padding:24px 20px}.stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats-grid strong{font-size:37px}.stats-grid strong span{font-size:24px}.stats-grid h3{font-size:10px;margin-top:11px}.stats-grid p{font-size:9px;line-height:1.7}.stat-icon{margin-bottom:17px}.result-note{font-size:8px;line-height:1.8}.testimonial-grid{gap:13px;margin-top:30px}.testimonial{padding:20px 17px 16px}.testimonial blockquote{font-size:11px;line-height:1.9;margin-bottom:20px}.testimonial figcaption{gap:7px}.testimonial figcaption img{width:29px;height:29px}.testimonial figcaption strong{font-size:10px}.testimonial figcaption span{font-size:7px}.partnership-grid{grid-template-columns:1fr;gap:25px;margin-top:34px}.partnership-grid article{padding:0 0 25px!important;border-right:0!important;border-bottom:1px solid var(--line)}.partnership-grid article:last-child{border-bottom:0;padding-bottom:0!important}.partnership-grid h3{font-size:20px;margin-top:14px}.partnership-grid p{font-size:12px}.industries{padding:35px 20px;border-radius:20px}.industries h2{font-size:30px}.industry-tags{gap:7px}.industry-tags>span{font-size:8px;padding:6px 10px}.industries>p:last-child{font-size:10px}.contact{grid-template-columns:1fr;gap:32px}.contact h2{font-size:37px}.contact-copy>p:not(.eyebrow):not(.contact-note){font-size:12px;max-width:450px}.contact-form-card{padding:25px 22px}.contact-form-card h3{font-size:20px}.contact-details{margin-top:24px;padding-top:20px;font-size:11px}input,select,textarea{font-size:16px}label{font-size:11px}.form-row{grid-template-columns:1fr;gap:0}.form-note{font-size:9px}.faq{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.faq h2{font-size:30px;margin-top:12px}summary{font-size:12px;padding:18px 0}.closing{padding:64px 0 67px}.closing h2{font-size:43px;margin:20px 0 26px}.footer{padding:34px 0 20px}.footer-top{grid-template-columns:1fr 1fr;gap:27px 18px;padding-bottom:27px}.footer-top>p{font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:12px}.footer-bottom span:first-child{width:100%}.footer-bottom a{margin-left:auto}.desktop-break{display:none}}
@media(max-width:380px){h1{font-size:32px}.hero-actions .button{font-size:10px;padding-inline:13px;gap:10px}.testimonial-grid{grid-template-columns:1fr}.testimonial blockquote{font-size:12px}.window-bottom{gap:8px;font-size:5px}.system-status{display:none}.window-top>span:nth-child(2){margin-left:auto}.stats-grid article{padding:20px 15px}.system-intro h2{font-size:25px}.service-label{font-size:7px}.hero-description{font-size:12px}.wordmark{font-size:17px}.nav-cta{font-size:9px;padding-inline:10px}.site-header{padding-left:10px}.contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.hero-actions,.menu-toggle,.contact-form-card,.closing,.skip-link{display:none}body{font-size:12px}.hero{padding-top:20px}.section{padding-block:30px}.wrap{width:100%}.growth-stage{max-width:90%}a[href]:after{content:none}.service-card,.testimonial,.stats-grid{break-inside:avoid}}
/* Final legibility and brand refinements. */
.brand-symbol{height:25px}.tag-left{top:-9px;left:-35px}.tag-right{bottom:-5px;right:-35px}.service-card>p{font-size:13px}.testimonial blockquote{font-size:13px}.hero-note{color:#516b7c}.muted{color:#788991}.result-note,.form-note,.contact-note{color:#667b87}.service-footer{color:#657b89}.industry-tags>span{color:#617582}.footer-bottom{color:#697e8c}.window-bottom{color:#637e8c}.system-map small{color:#6c818e}.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#738490}.service-number{color:#758795}
@media(max-width:1100px){.floating-tag{display:none}}
@media(max-width:760px){.brand-symbol{height:23px}.service-card>p{font-size:12px}.testimonial blockquote{font-size:12px}}
@media(min-width:761px){.client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.client-logos img{width:100%;justify-self:center}}

/* V2 — crisp surfaces, readable native-scale type, responsive composition. */
:root { --muted:#586b78; --line:#dce5eb; --shadow:0 8px 24px rgb(31 64 85 / 5%); }
body { -webkit-font-smoothing:auto; }
.wrap { width:min(1160px,calc(100% - 64px)); }
.section { padding-block:88px; }
.eyebrow { font-size:11px; letter-spacing:.13em; color:#4c6576; }
.muted { color:#607583; }
.button { font-size:14px; padding:14px 21px; min-height:48px; }
.button-glass { background:#fff; border-color:#dce9f3; box-shadow:0 3px 9px #20496808; }
.site-header { top:18px; height:64px; width:min(1160px,calc(100% - 64px)); border-radius:17px; background:#f7fbff; backdrop-filter:none; border-color:#fff; box-shadow:0 3px 12px #23547a08; }
.desktop-nav { font-size:14px; gap:30px; }
.nav-cta { min-height:44px; font-size:13px; padding:10px 17px; }
.wordmark small { font-size:7px; letter-spacing:2px; }
.hero { padding-top:126px; background:linear-gradient(180deg,#aedafb 0%,#dcedfb 43%,#f2f8fd 76%,#fff 100%); }
.sky-texture,.cloud,.floating-tag { display:none; }
.hero-eyebrow { font-size:10px; padding:5px 12px; background:#edf7ff; border-color:#f8fcff; }
h1 { font-size:clamp(48px,4.6vw,66px); font-weight:700; letter-spacing:-.045em; line-height:1.08; margin:17px auto 0; }
.convert { color:#0479ba; }
.convert svg { bottom:-10px; height:13px; }
.hero-description { font-size:17px; line-height:1.6; color:#3d5d72; margin-top:23px; }
.hero-actions { margin:23px 0 10px; }
.hero-note { font-size:11px; gap:19px; color:#456379; }
.growth-stage { margin-top:34px; max-width:1000px; padding:6px; }
.system-window { border-color:#cfdfea; background:#fff; box-shadow:0 9px 28px #28587f0a,0 0 0 5px #ffffff80; }
.window-top { padding:11px 20px; font-size:9px; color:#526d7e; background:#fff; }
.system-status { font-size:10px; color:#426b57; }
.system-body { min-height:0; padding:25px 30px; gap:25px; background:#f9fcff; grid-template-columns:.95fr 1.05fr; }
.system-intro .eyebrow { font-size:10px; }
.system-intro h2 { font-size:29px; line-height:1.2; letter-spacing:-.04em; margin:11px 0; }
.system-intro h2 span { color:#637e8e; }
.system-intro p { font-size:13px; line-height:1.65; margin-bottom:15px; }
.system-intro .text-link { font-size:12px; }
.system-map { gap:10px; padding-bottom:26px; }
.map-node { transform:none; font-size:12px; line-height:1.35; padding:9px 11px; gap:10px; max-width:360px; border-color:#d8e4ed; box-shadow:0 3px 8px #2a597908; }
.map-node small { font-size:10px; color:#587083; margin-top:3px; }
.node-content { margin-left:0; }
.node-ads { margin-left:17px; }
.node-growth { margin-left:34px; }
.node-icon { width:32px; height:32px; }
.node-check { width:18px; height:18px; line-height:18px; font-size:11px; }
.insight-pill { font-size:10px; padding:4px 10px; color:#426e70; background:#eef7f7; right:0; }
.window-bottom { gap:32px; padding:10px; font-size:10px; color:#4c6576; }
.trust { padding-top:33px; padding-bottom:24px; }
.trust>p { font-size:13px; color:#607787; }
.trust strong { color:#3e596b; }
.client-logos { margin-top:21px; }
.client-logos img { filter:none; opacity:1; height:44px; }
.section-heading h2 { font-size:clamp(35px,3.3vw,46px); }
.section-heading>p:last-child { font-size:16px; }
.service-card { background:#f8fbfe; border-color:#dbe5ed; }
.content-card { background:#fffaf7; }
.marketplace-card { background:#fffcf4; }
.tiktok-card { background:#faf8ff; }
.service-label { font-size:10px; color:#526b7c; }
.service-number { font-size:11px; }
.service-card>p { font-size:15px; line-height:1.75; max-width:none; }
.service-card h3 { font-size:30px; }
.service-footer { font-size:12px; color:#526b7a; }
.service-footer a { width:40px; height:40px; font-size:21px; }
.service-art { margin-top:16px; }
.small-bubble,.audience-label { font-size:11px; color:#496779; }
.shop-card { font-size:13px; transform:none!important; }
.shop-card small { font-size:11px; color:#687a6b; }
.checkout-line { font-size:11px; }
.services-note,.services-note .text-link { font-size:13px; }
.approach-copy>p:not(.eyebrow) { font-size:15px; }
.workflow { transform:none; border-color:#dbe5ec; box-shadow:var(--shadow); }
.workflow-header .eyebrow { font-size:10px; }
.workflow h3 { font-size:18px; }
.workflow li p { font-size:14px; }
.step-number { font-size:12px; }
.workflow-note { font-size:11px; color:#4f6b7c; }
.result-heading>p { font-size:14px!important; }
.stats-grid h3 { font-size:14px; }
.stats-grid p { font-size:12px; }
.stats-grid strong { font-weight:650; }
.stats-grid strong span { color:#54758b; }
.result-note { font-size:11px; line-height:1.7; color:#5d7180; }
.testimonial { padding:25px 22px; }
.testimonial blockquote { font-size:15px; line-height:1.8; color:#506472; }
.testimonial blockquote strong { font-weight:600; color:#253f50; }
.testimonial figcaption strong { font-size:13px; }
.testimonial figcaption span { font-size:11px; color:#536b7b; }
.testimonial-category { font-size:9px; color:#647a87; }
.partnership-grid p { font-size:15px; line-height:1.8; }
.cadence { font-size:10px; }
.industry-tags>span { font-size:12px; color:#4c6677; }
.industries>p:last-child { font-size:14px; }
.contact-copy>p:not(.eyebrow):not(.contact-note) { font-size:15px; }
.contact-details { font-size:13px; color:#496373; }
.contact-note { font-size:12px; }
.contact-form-card>p { font-size:13px; }
label { font-size:12px; }
input,select,textarea { font-size:16px; padding:12px; }
.form-note { font-size:11px; color:#58707f; }
summary { font-size:15px; min-height:60px; align-items:center; }
details>p { font-size:14px; }
.closing { background:linear-gradient(#f2f8fd,#dcedf9); }
.closing-glow { display:none; }
.closing p:last-child { font-size:13px; color:#446980; }
.footer-top>p,.footer-top>div { font-size:13px; }
.footer-bottom { font-size:11px; color:#546c7a; }

/* Client highlight uses Instagram's original, playable embed. */
.client-highlight { padding-top:52px; }
.highlight-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,360px); gap:78px; align-items:center; padding:48px 58px; background:#f3f8fc; border:1px solid #d8e5ed; border-radius:26px; }
.highlight-copy { min-width:0; }
.highlight-copy>.eyebrow { display:flex; align-items:center; gap:10px; color:#43687e; }
.highlight-client { display:flex; align-items:center; gap:12px; margin:25px 0 24px; }
.highlight-client img { width:43px; height:43px; border:1px solid #dae5ed; border-radius:50%; background:white; }
.highlight-client strong { display:block; font-size:13px; line-height:1.4; font-weight:650; color:#334f60; }
.highlight-client span { display:block; font-size:11px; color:#5f7889; margin-top:4px; }
.highlight-copy h2 { font-size:clamp(34px,3.1vw,45px); line-height:1.12; letter-spacing:-.045em; font-weight:650; }
.highlight-copy>p:not(.eyebrow):not(.highlight-disclaimer) { font-size:15px; line-height:1.8; margin:23px 0; color:#506c7d; }
.highlight-result { border-top:1px solid #d2e0ea; border-bottom:1px solid #d2e0ea; display:flex; align-items:center; gap:20px; padding:20px 0; margin:25px 0; }
.highlight-result>strong { font-size:43px; letter-spacing:-.055em; line-height:1; font-weight:650; color:#057cb7; }
.highlight-result>strong span { font-size:28px; padding-left:3px; }
.highlight-result b { display:block; font-size:13px; font-weight:600; }
.highlight-result div>span { display:block; font-size:11px; line-height:1.6; color:#58778b; margin-top:4px; }
.highlight-outcomes { list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; margin:24px 0; }
.highlight-outcomes li { font-size:13px; line-height:1.6; color:#3d5a6d; display:flex; gap:10px; }
.highlight-outcomes li>span { color:#1b805c; }
.highlight-copy>.text-link { font-size:14px; min-height:44px; }
.highlight-disclaimer { font-size:11px; line-height:1.7; margin-top:17px; color:#647e8e; }
.highlight-video { width:100%; min-width:0; border:1px solid #d5e1e9; border-radius:17px; background:#fff; box-shadow:0 8px 26px #203f5510; overflow:hidden; }
.video-heading { padding:13px 14px; display:flex; gap:7px; align-items:center; font-size:8px; font-weight:600; letter-spacing:.055em; color:#4a677a; border-bottom:1px solid #e3ebf0; }
.video-live-dot { width:5px; height:5px; border-radius:50%; background:#ea7067; flex-shrink:0; }
.video-duration { margin-left:auto; color:#7b8f9d; }
.instagram-video { display:block; width:100%; height:740px; border:0; background:#fff; }
.highlight-video figcaption { border-top:1px solid #e5ecf2; padding:12px 14px; font-size:10px; display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between; color:#657e8c; }
.highlight-video figcaption a { color:#185d89; font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* Motion is transform-only and opt-in through progressive enhancement. */
.scroll-progress { height:3px; position:fixed; top:0; left:0; right:0; z-index:50; pointer-events:none; }
.scroll-progress>span { display:block; width:100%; height:100%; background:#088fd4; transform:scaleX(0); transform-origin:left; }
@media(prefers-reduced-motion:no-preference) {
  [data-reveal].reveal-pending { opacity:0; transform:translateY(20px); }
  [data-reveal] { transition:opacity 620ms ease, transform 620ms cubic-bezier(.2,.65,.3,1); transition-delay:var(--reveal-delay,0ms); }
  [data-reveal].is-visible { opacity:1; transform:none; }
  .service-card { transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease; }
  .service-card.is-visible:hover { transform:translateY(-4px); border-color:#aecadd; box-shadow:0 12px 25px #31566e0c; }
  .button span,.text-link span { transition:transform 220ms ease; }
  .button:hover span,.text-link:hover span { transform:translate(2px,-2px); }
  .hero-eyebrow { animation:hero-enter 650ms ease both; }
  .hero h1 { animation:hero-enter 700ms 70ms ease both; }
  .hero-description { animation:hero-enter 700ms 130ms ease both; }
  .hero-actions,.hero-note { animation:hero-enter 700ms 190ms ease both; }
  @keyframes hero-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
}
@media(min-width:1000px) and (max-height:820px) {
  .site-header { top:14px; height:60px; }
  .hero { padding-top:101px; }
  .hero-eyebrow { font-size:9px; padding:4px 11px; }
  h1 { font-size:clamp(46px,4vw,56px); margin-top:14px; }
  .hero-description { font-size:16px; line-height:1.5; margin-top:18px; }
  .hero-actions { margin:17px 0 8px; }
  .hero-actions .button { min-height:44px; padding:11px 20px; }
  .hero-note { font-size:10px; }
  .growth-stage { margin-top:24px; max-width:930px; }
  .window-top { padding:8px 17px; }
  .system-body { padding:18px 24px; }
  .system-intro h2 { font-size:26px; }
  .system-intro p { margin-bottom:9px; font-size:12px; }
  .map-node { padding:7px 9px; }
  .node-icon { height:28px; width:28px; }
  .map-node small { display:none; }
  .system-map { padding-bottom:24px; gap:9px; }
  .insight-pill { padding:2px 7px; font-size:9px; }
  .window-bottom { padding:7px; font-size:9px; }
  .trust { padding-top:23px; }
}
@media(max-width:1100px) {
  .highlight-layout { padding:36px; gap:35px; grid-template-columns:minmax(0,1fr) minmax(0,340px); }
  .highlight-copy h2 { font-size:36px; }
  .highlight-result { gap:13px; }
  .highlight-result>strong { font-size:36px; }
  .highlight-result div>span { font-size:10px; }
  .approach-grid { gap:45px; }
}
@media(min-width:761px) and (max-width:900px) {
  .desktop-nav { gap:18px; font-size:12px; }
  .highlight-layout { padding:26px; gap:24px; grid-template-columns:minmax(0,1fr) minmax(0,310px); }
  .highlight-copy h2 { font-size:31px; }
  .highlight-result { flex-direction:column; align-items:flex-start; gap:12px; }
  .service-card { padding-inline:22px; }
  .service-label { font-size:9px; }
  .service-footer { font-size:10px; }
  .service-footer a { flex-shrink:0; margin-left:8px; }
  .service-card>p { font-size:14px; }
  .system-body { gap:18px; padding:22px; }
  .system-intro h2 { font-size:25px; }
  .map-node { font-size:10px; gap:6px; }
  .node-icon { flex-shrink:0; width:26px; height:26px; }
  .map-node small { font-size:9px; }
  .stats-grid article { padding-inline:17px; }
  .stats-grid h3 { font-size:12px; }
  .stats-grid strong { font-size:35px; }
  .footer-top { gap:20px; }
}
@media(max-width:760px) {
  .wrap { width:calc(100% - 36px); }
  .section { padding-block:58px; }
  .site-header { width:calc(100% - 28px); top:13px; height:61px; padding:7px 8px 7px 12px; }
  .wordmark { font-size:18px; }
  .wordmark small { font-size:6px; letter-spacing:1.6px; }
  .nav-cta { font-size:11px; padding:10px 12px; min-height:42px; gap:11px; }
  .menu-toggle { height:44px; width:38px; margin-left:2px; }
  .mobile-nav { background:#f7fbff; backdrop-filter:none; }
  .mobile-nav a { font-size:15px; }
  .hero { padding-top:114px; background:linear-gradient(180deg,#b8defb 0%,#e2f1fc 49%,#fff 100%); }
  .hero-eyebrow { font-size:9px; }
  h1 { font-size:clamp(31px,7.55vw,50px); letter-spacing:-.047em; line-height:1.1; margin:18px -2px 0; }
  .hero-description { font-size:15px; line-height:1.65; margin-top:23px; max-width:430px; }
  .hero-actions { gap:9px; margin:22px 0 11px; }
  .hero-actions .button { padding:12px 13px; min-height:47px; font-size:12px; gap:10px; }
  .hero-note { font-size:10px; }
  .growth-stage { margin-top:32px; width:calc(100% - 32px); padding:4px; }
  .window-top { padding:11px 12px; font-size:8px; }
  .system-status { display:none; }
  .window-top>span:nth-child(2) { margin-left:auto; }
  .system-body { grid-template-columns:1fr; padding:24px 18px; gap:22px; }
  .system-intro .eyebrow { font-size:9px; }
  .system-intro h2 { font-size:26px; margin:12px 0; }
  .system-intro p { font-size:13px; margin-bottom:10px; }
  .system-intro .text-link { font-size:12px; min-height:40px; }
  .system-map { max-width:370px; min-height:0; padding-bottom:29px; gap:11px; }
  .map-node { margin-left:0; max-width:none; width:100%; padding:10px; font-size:12px; }
  .map-node small { font-size:10px; }
  .node-icon { width:31px; height:31px; }
  .map-line { display:none; }
  .insight-pill { font-size:9px; right:50%; transform:translateX(50%); white-space:nowrap; }
  .window-bottom { flex-wrap:wrap; justify-content:center; gap:6px 14px; padding:12px 15px; font-size:9px; }
  .trust { padding-top:27px; padding-bottom:16px; }
  .trust>p { font-size:12px; }
  .client-logos { gap:18px; padding-inline:5px; }
  .client-logos img { height:37px; }
  .section-heading h2,.services .section-heading h2 { font-size:34px; }
  .section-heading>p:last-child { font-size:15px; }
  .service-card { padding:23px 22px 0; }
  .service-card>p { font-size:15px; line-height:1.75; }
  .service-label { font-size:10px; }
  .service-card h3 { font-size:28px; }
  .service-footer { font-size:11px; min-height:64px; gap:10px; }
  .service-footer a { flex-shrink:0; }
  .service-art { margin-inline:-4px; }
  .service-top { margin-bottom:20px; }
  .services-note,.services-note .text-link { font-size:12px; }
  .approach-copy h2 { font-size:38px; }
  .approach-copy>p:not(.eyebrow) { font-size:15px; }
  .workflow { padding:23px; }
  .workflow li p { font-size:13px; }
  .workflow-note { font-size:10px; }
  .workflow-header .eyebrow { font-size:10px; }
  .result-heading h2 { font-size:32px; }
  .result-heading>p { font-size:14px!important; }
  .stats-grid article { padding:24px 17px; }
  .stats-grid strong { font-size:37px; }
  .stats-grid h3 { font-size:12px; }
  .stats-grid p { font-size:12px; }
  .result-note { font-size:11px; }
  .testimonial-grid { grid-template-columns:1fr; gap:16px; }
  .testimonial { padding:26px; }
  .testimonial blockquote { font-size:16px; line-height:1.8; }
  .testimonial figcaption img { width:40px; height:40px; }
  .testimonial figcaption strong { font-size:14px; }
  .testimonial figcaption span { font-size:12px; }
  .testimonial-category { font-size:10px; }
  .partnership-grid p { font-size:15px; }
  .industries { padding:34px 20px; }
  .industry-tags { gap:8px; }
  .industry-tags>span { font-size:11px; padding:7px 10px; }
  .industries>p:last-child { font-size:14px; }
  .contact h2 { font-size:35px; }
  .contact-copy>p:not(.eyebrow):not(.contact-note) { font-size:15px; }
  .contact-details { font-size:13px; }
  .contact-form-card { padding:25px 21px; }
  .contact-form-card h3 { font-size:22px; }
  .contact-form-card>p { font-size:14px; }
  label { font-size:13px; }
  .form-note { font-size:11px; }
  .form-submit { font-size:14px; }
  summary { font-size:14px; }
  details>p { font-size:14px; }
  .footer-top>div,.footer-top>p { font-size:12px; }
  .footer-bottom { font-size:10px; }
  .highlight-layout { grid-template-columns:minmax(0,1fr); padding:27px 21px; gap:28px; border-radius:21px; }
  .highlight-copy h2 { font-size:35px; }
  .highlight-client { margin:22px 0; }
  .highlight-client strong { font-size:13px; }
  .highlight-client span { font-size:11px; }
  .highlight-copy>p:not(.eyebrow):not(.highlight-disclaimer) { font-size:15px; }
  .highlight-result { flex-direction:row; gap:18px; }
  .highlight-result>strong { font-size:38px; }
  .highlight-result div>span { font-size:11px; }
  .highlight-outcomes li { font-size:13px; }
  .highlight-video { max-width:390px; margin:auto; }
  .instagram-video { height:740px; }
  .video-heading { font-size:8px; padding:12px 10px; }
  .highlight-video figcaption { font-size:11px; line-height:1.6; }
}

/* V38 — consultation form returns on desktop only. */
.desktop-contact-form {
  align-self:center;
  max-width:520px;
  padding:34px;
  border-color:rgb(193 220 236 / 80%);
  background:linear-gradient(145deg,rgb(255 255 255 / 94%),rgb(240 249 255 / 88%));
  box-shadow:0 24px 65px rgb(30 92 130 / 12%),inset 0 1px #fff;
  backdrop-filter:blur(16px);
}
.desktop-contact-form>.eyebrow { margin-bottom:10px; color:#21739f; }
.desktop-contact-form h3 { font-size:25px; }
.desktop-contact-form>p:not(.eyebrow) { margin:8px 0 20px; line-height:1.65; }
.desktop-contact-form form { display:flex; flex-direction:column; gap:13px; margin-top:0; }
.desktop-contact-form .form-row { gap:12px; }
.desktop-contact-form label { margin:0; gap:6px; }
.desktop-contact-form input,.desktop-contact-form select,.desktop-contact-form textarea {
  border-color:#d8e6ee;
  background:rgb(255 255 255 / 78%);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.desktop-contact-form input:focus,.desktop-contact-form select:focus,.desktop-contact-form textarea:focus {
  outline:0;
  border-color:#3aa6dc;
  background:#fff;
  box-shadow:0 0 0 4px rgb(31 155 219 / 10%);
}
.desktop-contact-form textarea { min-height:90px; }
.desktop-contact-form .form-submit { margin-top:2px; min-height:50px; }
.desktop-contact-form .form-note { margin:0; }
@media(max-width:760px) {
  .desktop-contact-form { display:none!important; }
}

/* V38.1 — footer location. */
.footer-location address {
  color:#607887;
  font:inherit;
  font-style:normal;
  line-height:1.75;
}

/* V35 — first-party client success video. */
.client-success-video {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#0b1720;
  object-fit:cover;
}

/* V35.1 — tactile industry cards. */
.industry-tags>span {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,box-shadow .28s ease,color .28s ease,background .28s ease;
}
.industry-tags>span::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-70% auto -70% -45%;
  width:42%;
  transform:rotate(18deg) translateX(-170%);
  background:linear-gradient(90deg,transparent,rgb(255 255 255 / 78%),transparent);
  transition:transform .55s ease;
}
.industry-tags>span i {
  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease,
    box-shadow .28s ease;
}
.industry-tags>span b { transition:transform .28s ease,color .28s ease; }

@media(hover:hover) and (pointer:fine) {
  .industry-tags>span:hover {
    transform:translateY(-6px) scale(1.018);
    color:#075f91;
    border-color:#45aae0!important;
    background:linear-gradient(145deg,#fff 0%,#e7f7ff 100%);
    box-shadow:0 18px 36px rgb(14 113 170 / 18%),0 0 0 1px rgb(78 178 226 / 12%);
  }
  .industry-tags>span:hover::after { transform:rotate(18deg) translateX(430%); }
  .industry-tags>span:hover i {
    transform:translateY(-2px) rotate(-5deg) scale(1.1);
    color:#fff;
    background:linear-gradient(145deg,#20a8ec,#087fbe);
    box-shadow:0 8px 18px rgb(8 127 190 / 25%);
  }
  .industry-tags>span:hover b { transform:translateX(2px); }
}

/* V36 — animated proof points and an uncropped vertical client reel. */
.count-value {
  display:inline!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}
.highlight-video .embed-fit {
  width:min(320px,100%);
  height:auto!important;
  min-height:0!important;
  aspect-ratio:9 / 16;
}
.highlight-video .client-success-video { object-fit:contain; }
.highlight-video .load-video {
  height:100%!important;
  min-height:0!important;
}
@media(max-width:760px) {
  .highlight-video { width:min(250px,78vw); max-width:none; }
  .highlight-video .embed-fit { width:100%; }
}

/* V37 — playful but calm chapter entrances on scroll. */
main>section.chapter-pending {
  opacity:0;
  transform:translate3d(var(--chapter-x,0),34px,0) scale(.988);
  filter:saturate(.88);
}
main>section.chapter-visible {
  animation:chapter-fade-in .88s var(--chapter-delay,0ms) cubic-bezier(.18,.75,.24,1) both;
}
@keyframes chapter-fade-in {
  0% {
    opacity:0;
    transform:translate3d(var(--chapter-x,0),34px,0) scale(.988);
    filter:saturate(.88);
  }
  62% { opacity:1; }
  100% { opacity:1; transform:none; filter:none; }
}
@media(max-width:760px) {
  main>section.chapter-pending {
    transform:translate3d(0,24px,0) scale(.993);
  }
  @keyframes chapter-fade-in {
    0% {
      opacity:0;
      transform:translate3d(0,24px,0) scale(.993);
      filter:saturate(.9);
    }
    100% { opacity:1; transform:none; filter:none; }
  }
}
@media(prefers-reduced-motion:reduce) {
  main>section.chapter-pending,main>section.chapter-visible {
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
}

/* V37.1 — compact, optically centred modal close controls. */
.portfolio-library-close,.gallery-close {
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid rgb(255 255 255 / 22%)!important;
  border-radius:13px!important;
  color:transparent!important;
  background:#132c39!important;
  box-shadow:0 8px 20px rgb(11 42 58 / 16%),inset 0 1px rgb(255 255 255 / 15%)!important;
  font-size:0!important;
  line-height:0!important;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.portfolio-library-close::before,.portfolio-library-close::after,
.gallery-close::before,.gallery-close::after {
  content:"";
  position:absolute;
  width:17px;
  height:2px;
  border-radius:9px;
  background:#fff;
}
.portfolio-library-close::before,.gallery-close::before { transform:rotate(45deg); }
.portfolio-library-close::after,.gallery-close::after { transform:rotate(-45deg); }
@media(hover:hover) and (pointer:fine) {
  .portfolio-library-close:hover,.gallery-close:hover {
    transform:rotate(5deg) scale(1.06);
    background:#168bc7!important;
    box-shadow:0 12px 26px rgb(22 139 199 / 27%)!important;
  }
}
.portfolio-library-close:active,.gallery-close:active { transform:scale(.94); }
@media(max-width:760px) {
  .portfolio-library-close,.gallery-close {
    right:14px!important;
    top:14px!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
}

@media(max-width:760px) {
  .industry-tags>span:active {
    transform:scale(.975);
    color:#075f91;
    border-color:#45aae0!important;
    background:#e7f7ff;
    box-shadow:0 8px 20px rgb(14 113 170 / 13%);
  }
  .industry-tags>span:active i {
    transform:scale(1.08);
    color:#fff;
    background:#118fce;
  }
}

@media(prefers-reduced-motion:reduce) {
  .industry-tags>span,.industry-tags>span::after,.industry-tags>span i,.industry-tags>span b {
    transition:none!important;
  }
}
@media(max-width:380px) {
  .site-header { padding-left:8px; }
  .wordmark { font-size:16px; }
  .wordmark small { font-size:5px; letter-spacing:1.5px; }
  .brand-symbol { width:28px; }
  .brand-symbol img { left:-30px; }
  .nav-cta { font-size:10px; gap:8px; padding-inline:10px; }
  .hero-actions { flex-wrap:wrap; }
  .hero-actions .button { font-size:11px; padding-inline:11px; }
  h1 { font-size:30px; }
  .service-label { font-size:9px; }
  .service-footer { font-size:10px; }
  .window-bottom { font-size:9px; }
  .highlight-layout { padding:25px 15px; }
  .highlight-copy h2 { font-size:31px; }
  .highlight-result { align-items:flex-start; flex-direction:column; gap:11px; }
  .highlight-result div>span { font-size:11px; }
  .instagram-video { height:680px; }
  .highlight-video figcaption { padding:10px; }
  .contact h2 { font-size:31px; }
}
@media(prefers-reduced-motion:reduce) {
  [data-reveal], [data-reveal].reveal-pending { opacity:1!important; transform:none!important; }
  .scroll-progress { display:none; }
}

/* V10 compact sticky navigation. */
html { scroll-padding-top:78px; }
.site-header {
  position:fixed;
  top:12px;
  width:min(1160px,calc(100% - 40px));
  height:54px;
  padding:5px 7px 5px 16px;
  border-radius:15px;
  background:rgb(247 251 255 / 88%);
  border-color:rgb(255 255 255 / 84%);
  box-shadow:0 7px 24px rgb(24 61 86 / 9%);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header .original-logo { width:34px; height:37px; }
.site-header .desktop-nav { gap:26px; font-size:13px; }
.site-header .nav-cta { min-height:38px; padding:8px 14px; border-radius:10px; font-size:12px; }
.site-header .nav-cta span { font-size:16px; }

@media(max-width:760px) {
  html { scroll-padding-top:68px; }
  .site-header {
    top:9px;
    width:calc(100% - 24px);
    height:50px;
    padding:4px 7px 4px 10px;
    border-radius:14px;
  }
  .site-header .original-logo { width:29px; height:32px; }
  .site-header .nav-cta { min-height:36px; padding:7px 11px; font-size:10px; }
  .site-header .menu-toggle { width:31px; height:34px; margin-left:3px; }
  .site-header .mobile-nav { top:57px; border-radius:14px; }
}

/* V11 final cascade: Media Matrix sky blue and white only. */
.overview { background:linear-gradient(155deg,#dff1ff 0%,#f2f9ff 46%,#fff 88%); }
.client-highlight {
  background:linear-gradient(145deg,#fff 4%,#edf8ff 48%,#dcefff 100%);
  box-shadow:0 0 0 100vmax #eef8ff;
}
.services {
  background:linear-gradient(180deg,#dcefff 0%,#f4faff 22%,#fff 58%,#eaf6ff 100%);
  box-shadow:0 0 0 100vmax #f1f9ff;
}
.portfolio {
  background:linear-gradient(135deg,#fff 0%,#f4faff 42%,#dfefff 100%);
  box-shadow:0 0 0 100vmax #f4faff;
}
.approach { background:linear-gradient(160deg,#d9efff 0%,#eef8ff 38%,#fff 86%); border-color:#dfeef8; }
.results,.faq { background:#fff; }
.testimonials { background:linear-gradient(180deg,#f8fcff 0%,#e4f3ff 56%,#fff 100%); border-color:#e3f0f8; }
.partnership {
  background:linear-gradient(145deg,#dcefff 0%,#f3faff 52%,#fff 100%);
  box-shadow:0 0 0 100vmax #f1f9ff;
}
.industries { background:linear-gradient(135deg,#fff,#eaf6ff); border-color:#dcecf7; }
.contact {
  background:linear-gradient(155deg,#fff 0%,#edf8ff 50%,#dcefff 100%);
  box-shadow:0 0 0 100vmax #eef8ff;
}
.closing { background:linear-gradient(180deg,#f8fcff 0%,#dbefff 66%,#eef8ff 100%); }
.services::before,.portfolio::before,.approach::before,.testimonials::before {
  background:#abdfff;
  box-shadow:0 0 70px rgb(104 190 244 / 30%);
}
.portfolio::before { background:#c9e9ff; }
.approach::before { background:#9ed7fb; }
.testimonials::before { background:#c5e8ff; }
.content-card,.marketplace-card,.tiktok-card { background:rgb(255 255 255 / 86%); }
.portfolio-card.item-screen,.testimonial,.contact-form-card,.workflow,.stats-grid {
  border-color:#d9e9f3;
  box-shadow:0 18px 45px rgb(35 91 128 / 7%);
}

/* V11 unified sky palette: white and varied blue-to-white gradients. */
.overview {
  background:linear-gradient(155deg,#dff1ff 0%,#f2f9ff 46%,#fff 88%);
}
.client-highlight {
  background:linear-gradient(145deg,#fff 4%,#edf8ff 48%,#dcefff 100%);
  box-shadow:0 0 0 100vmax #eef8ff;
}
.services {
  background:linear-gradient(180deg,#dcefff 0%,#f4faff 22%,#fff 58%,#eaf6ff 100%);
  box-shadow:0 0 0 100vmax #f1f9ff;
}
.portfolio {
  background:linear-gradient(135deg,#fff 0%,#f4faff 42%,#dfefff 100%);
  box-shadow:0 0 0 100vmax #f4faff;
}
.approach {
  background:linear-gradient(160deg,#d9efff 0%,#eef8ff 38%,#fff 86%);
  border-color:#dfeef8;
}
.results { background:#fff; }
.testimonials {
  background:linear-gradient(180deg,#f8fcff 0%,#e4f3ff 56%,#fff 100%);
  border-color:#e3f0f8;
}
.partnership {
  background:linear-gradient(145deg,#dcefff 0%,#f3faff 52%,#fff 100%);
  box-shadow:0 0 0 100vmax #f1f9ff;
}
.industries { background:linear-gradient(135deg,#fff,#eaf6ff); border-color:#dcecf7; }
.contact {
  background:linear-gradient(155deg,#fff 0%,#edf8ff 50%,#dcefff 100%);
  box-shadow:0 0 0 100vmax #eef8ff;
}
.faq { background:#fff; }
.closing { background:linear-gradient(180deg,#f8fcff 0%,#dbefff 66%,#eef8ff 100%); }

.services::before,.portfolio::before,.approach::before,.testimonials::before {
  background:#abdfff;
  box-shadow:0 0 70px rgb(104 190 244 / 30%);
}
.portfolio::before { background:#c9e9ff; }
.approach::before { background:#9ed7fb; }
.testimonials::before { background:#c5e8ff; }

.content-card,.marketplace-card,.tiktok-card { background:rgb(255 255 255 / 86%); }
.portfolio-card.item-screen,.testimonial,.contact-form-card,.workflow,.stats-grid {
  border-color:#d9e9f3;
  box-shadow:0 18px 45px rgb(35 91 128 / 7%);
}
@media print { [data-reveal] { opacity:1!important; transform:none!important; } .scroll-progress { display:none; } .instagram-video { display:none; } }
/* Supplied platform logos: original aspect ratios, no approximated glyphs. */
.shop-card { min-height:80px; padding:12px 18px; }
.shop-platform { display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.shop-platform .platform-logo { width:auto; height:29px; max-width:160px; object-fit:contain; filter:none; }
.shop-platform .tokopedia-logo { height:24px; width:auto; }
.shop-platform small { margin:0; }
.market-art { height:267px; padding-top:24px; }
.tiktok-orb { width:184px; height:94px; padding:22px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #dce5eb; border-radius:18px; box-shadow:0 6px 16px #253e5010; text-shadow:none; transform:translateX(-50%); }
.tiktok-orb img { display:block; width:140px; height:auto; object-fit:contain; }
.stats-grid .roas-word { font-size:39px; letter-spacing:-2px; }
@media(max-width:900px) { .stats-grid .roas-word { font-size:32px; } }
@media(max-width:380px) { .stats-grid .roas-word { font-size:29px; } .shop-platform .platform-logo { max-width:132px; height:27px; } .shop-platform .tokopedia-logo { height:23px; } }
/* Portfolio — original Instagram players, not external-app-only links. */
.portfolio { padding-top:20px; }
.portfolio-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:38px; }
.portfolio-heading h2 { margin-bottom:0; }
.portfolio-heading>p { font-size:15px!important; line-height:1.8; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:980px; margin:auto; align-items:start; }
.portfolio-card { min-width:0; border:1px solid #d8e4ec; border-radius:20px; background:#f7fafc; overflow:hidden; }
.portfolio-card-heading { display:flex; justify-content:space-between; align-items:center; padding:24px 26px; }
.portfolio-card-heading .eyebrow { font-size:10px; }
.portfolio-card h3 { font-size:23px; margin-top:7px; letter-spacing:-.035em; }
.portfolio-index { font-size:12px; color:#668196; }
.portfolio-player { width:min(100%,400px); margin:auto; background:white; border:1px solid #e3e9ee; }
.portfolio-player iframe { display:block; width:100%; height:820px; border:0; background:white; }
.portfolio-card-footer { padding:20px 26px; display:flex; justify-content:space-between; gap:15px; align-items:center; font-size:12px; color:#597182; }
.portfolio-card-footer a { color:#185d89; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.portfolio-note { text-align:center; margin-top:22px; font-size:12px; }
@media(max-width:900px) and (min-width:761px) { .portfolio-grid { gap:20px; } .portfolio-card-heading { padding:20px; } .portfolio-card h3 { font-size:20px; } .portfolio-card-footer { padding:18px; font-size:11px; } }
@media(max-width:760px) {
  .portfolio { padding-top:0; }
  .portfolio-heading { display:block; margin-bottom:26px; }
  .portfolio-heading>p { margin-top:19px; font-size:14px!important; }
  .portfolio-grid { grid-template-columns:minmax(0,1fr); max-width:440px; gap:24px; }
  .portfolio-card-heading { padding:23px 20px; }
  .portfolio-card h3 { font-size:23px; }
  .portfolio-player { border-left:0; border-right:0; }
  .portfolio-player iframe { height:760px; }
  .portfolio-card-footer { padding:18px 20px; }
}
@media(max-width:380px) { .portfolio-player iframe { height:690px; } .portfolio-card-footer { font-size:11px; padding-inline:16px; } }
/* Viewport chapters. Content can grow for accessibility, never clip to a fixed height. */
html { scroll-padding-top:0; scroll-snap-type:y proximity; }
.screen { min-height:100svh; padding-block:clamp(28px,5svh,64px); scroll-snap-align:start; scroll-margin:0; display:flex; flex-direction:column; justify-content:center; }
.screen > * { flex-shrink:0; }
.screen-group { display:block; min-height:0; padding:0; }
.hero.screen { padding:120px 0 46px; overflow:visible; min-height:100svh; }
.hero .hero-content { margin-block:auto; }
.hero h1 { font-size:clamp(40px,5.4vw,76px); }
.hero .hero-description { font-size:18px; }
.site-header { top:16px; height:88px; padding-block:5px; }
.original-logo { display:block; position:relative; width:72px; height:76px; overflow:hidden; }
.original-logo img { position:absolute; width:140px; height:140px; max-width:none; left:-37px; top:-32px; mix-blend-mode:multiply; }
.footer .original-logo { width:95px; height:102px; }
.footer .original-logo img { width:188px; height:188px; left:-50px; top:-43px; }
.overview { background:linear-gradient(#fff,#f2f9fd); }
.overview .growth-stage { margin:0 auto; max-width:1100px; }
.overview .system-window { transform:none; }
.trust.screen { padding-block:44px; gap:40px; }
.trust p { font-size:clamp(20px,3vw,34px); }
.client-logos { width:100%; }
.group-intro { margin:0; width:100%; text-align:center; align-items:center; gap:20px; }
.group-intro h2 { margin:0; }
.portfolio-heading.group-intro { display:flex; align-items:center; }
.service-grid,.portfolio-grid { display:block; max-width:none; }
.service-card.item-screen { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto auto auto; align-content:center; gap:22px 50px; padding:48px; margin:0; border-radius:0; box-shadow:none; border-width:0 0 1px; }
.service-card .service-top { grid-column:1; }
.service-card h3 { grid-column:1; font-size:clamp(34px,4vw,56px); margin:0; }
.service-card > p { grid-column:1; font-size:17px; margin:0; }
.service-card .service-art { grid-column:2; grid-row:1/5; width:100%; margin:0; align-self:center; }
.service-card .service-footer { grid-column:1; margin:0; }
.services-note,.portfolio-note { padding:24px 0; margin:0; }
.portfolio-card.item-screen { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; align-content:center; align-items:center; gap:20px 48px; padding:32px; border-radius:0; border-width:0 0 1px; overflow:visible; }
.portfolio-card-heading { grid-column:1; padding:0; }
.portfolio-card h3 { font-size:clamp(32px,3vw,46px); }
.portfolio-player { grid-column:2; grid-row:1/3; width:auto; border:0; background:transparent; }
.portfolio-card-footer { grid-column:1; padding:0; }
.embed-fit { --embed-scale:1; width:calc(320px * var(--embed-scale)); height:calc(660px * var(--embed-scale)); margin-inline:auto; flex-shrink:0; position:relative; }
.embed-fit iframe,.portfolio-player .embed-fit iframe { position:absolute; inset:0 auto auto 0; width:320px; height:660px; max-width:none; transform:scale(var(--embed-scale)); transform-origin:top left; border:0; display:block; }
.highlight-layout { padding:0; gap:40px; background:transparent; border:0; grid-template-columns:minmax(0,1fr) auto; }
.highlight-copy h2 { font-size:clamp(32px,3.5vw,48px); }
.highlight-copy > p { font-size:15px; }
.highlight-result { margin-block:18px; padding:16px; }
.highlight-outcomes { margin-block:18px; }
.highlight-video { width:max-content; max-width:100%; }
.video-heading,.highlight-video figcaption { font-size:10px; padding:10px; }
.highlight-video figcaption { flex-wrap:wrap; }
.section-heading { margin-bottom:28px; }
.screen h2 { font-size:clamp(30px,3.5vw,48px); }
.contact-form-card { padding:26px; }
.contact-form-card textarea { min-height:80px; height:80px; }
.testimonial { padding:24px; }
.testimonial blockquote { font-size:15px; }
.faq.screen { display:grid; align-content:center; }
.closing.screen { display:flex; }
@media(max-width:760px) {
  .screen { padding-block:30px; }
  .hero.screen { padding:100px 0 28px; }
  .hero h1 { font-size:clamp(34px,9vw,48px); }
  .hero .hero-description { font-size:16px; }
  .site-header { height:74px; top:12px; padding-left:14px; }
  .original-logo { width:56px; height:62px; }
  .original-logo img { width:112px; height:112px; left:-30px; top:-26px; }
  .overview .system-body { padding:24px 20px; gap:20px; }
  .overview .system-map { height:230px; }
  .overview .system-intro h2 { font-size:28px; }
  .overview .window-bottom { flex-wrap:wrap; gap:8px; padding:12px; }
  .screen-group { padding:0; }
  .group-intro { margin:0; }
  .service-card.item-screen { display:flex; padding:28px 22px; gap:22px; }
  .service-card h3 { font-size:36px; }
  .service-card > p { font-size:15px; }
  .service-card .service-art { height:225px; }
  .service-card .service-footer { width:100%; }
  .portfolio-card.item-screen { display:flex; padding:20px 10px; gap:16px; }
  .portfolio-card-heading { width:100%; padding:0 12px; }
  .portfolio-card h3 { font-size:24px; }
  .portfolio-card-footer { width:100%; padding:0 12px; }
  .portfolio-player { margin:0 auto; }
  .mobile-screen { min-height:100svh; padding:30px 0; scroll-snap-align:start; display:flex; flex-direction:column; justify-content:center; }
  .client-highlight.screen,.approach.screen,.contact.screen,.testimonials.screen { min-height:0; padding:0; display:block; }
  .highlight-layout,.approach-grid,.testimonial-grid { display:block; }
  .highlight-copy { margin:0; }
  .highlight-copy h2 { font-size:34px; }
  .highlight-copy .highlight-client { margin-block:20px; }
  .highlight-copy .highlight-disclaimer { margin-top:14px; }
  .highlight-video.mobile-screen { width:100%; max-width:none; border:0; border-radius:0; gap:10px; overflow:visible; }
  .highlight-video .video-heading,.highlight-video figcaption { justify-content:center; gap:10px; background:transparent; }
  .approach-grid { padding:0; }
  .workflow.mobile-screen { margin:0; padding:30px 20px; border-radius:0; }
  .contact-form-card.mobile-screen { padding:28px 18px; border-radius:0; margin:0; }
  .contact-form-card h3 { font-size:23px; }
  .contact-form-card form { margin-top:18px; gap:14px; }
  .contact-form-card input,.contact-form-card select,.contact-form-card textarea { padding:10px; }
  .testimonials .section-heading { min-height:100svh; display:flex; flex-direction:column; justify-content:center; margin:0; }
  .testimonial.mobile-screen { padding:30px 24px; margin:0; border-radius:0; }
  .testimonial blockquote { font-size:21px; }
  .testimonial figcaption { margin-top:28px; }
  .stats-grid { gap:14px; }
  .stats-grid article { padding:16px 10px; }
  .stats-grid strong { font-size:35px; }
  .stats-grid h3 { font-size:14px; }
  .stats-grid p { font-size:12px; }
  .result-heading { display:block; }
  .result-heading > p { margin-top:15px; }
  .partnership-grid { gap:20px; }
  .partnership-grid article { padding:15px 0; }
  .industries { gap:18px; }
  .faq.screen { display:flex; gap:24px; }
  .faq summary { padding-block:16px; }
}
@media(max-height:700px) {
 .screen { padding-block:22px; }
 .hero.screen { padding-top:100px; }
 .hero h1 { margin-block:18px; }
 .hero .hero-description { margin-top:20px; }
 .hero-actions { margin-top:22px; }
 .highlight-copy h2 { font-size:32px; }
 .highlight-client { margin-block:14px; }
 .highlight-result,.highlight-outcomes { margin-block:12px; }
 .screen h2 { font-size:30px; }
 .service-card .service-art { height:200px; }
 .service-card.item-screen { gap:16px; }
 .contact-copy h2 { font-size:34px; }
 .contact-details { margin-top:20px; gap:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-snap-type:none; } }
@media(min-width:761px) { .contact.screen { display:grid; grid-template-columns:1fr 1fr; align-content:center; align-items:center; gap:48px; } }
.highlight-intro > p:not(.eyebrow) { font-size:15px; line-height:1.75; margin-top:20px; }
.highlight-proof .highlight-disclaimer { font-size:11px; margin-top:15px; }
@media(max-width:760px) and (max-height:700px) {
 .overview .system-body { padding:18px 16px; gap:12px; }
 .overview .system-intro h2 { font-size:24px; margin-block:12px; }
 .overview .system-intro p { font-size:13px; margin-bottom:12px; }
 .overview .system-map { height:190px; }
 .overview .map-node { min-height:43px; padding-block:7px; }
 .overview .map-node small { display:none; }
 .overview .window-bottom { display:none; }
 .overview .insight-pill { font-size:9px; }
 .overview .window-top { height:30px; }
 .highlight-copy.mobile-screen { display:block; padding:0; }
 .highlight-intro,.highlight-proof { min-height:100svh; padding:28px 0; display:flex; flex-direction:column; justify-content:center; scroll-snap-align:start; }
 .highlight-copy .highlight-result { flex-direction:column; align-items:flex-start; padding:24px; }
 .highlight-proof .highlight-outcomes { margin-block:24px; }
 .highlight-video.mobile-screen { padding-block:12px; }
 .service-card.item-screen { padding:22px 16px; gap:14px; }
 .service-card.item-screen h3 { font-size:30px; }
 .service-card.item-screen > p { font-size:14px; line-height:1.6; }
 .service-card.item-screen .service-art { height:165px; }
 .service-card .creative-tile { height:155px; top:0; }
 .service-card .creative-tile span { font-size:18px; }
 .service-card .creative-sticker { top:0; }
 .service-card .market-art { padding-top:0; }
 .service-card .shop-card { min-height:55px; padding:7px 12px; margin-bottom:10px; }
 .service-card .shop-platform .platform-logo { height:22px; }
 .service-card .shopping-path { margin-top:10px; }
 .service-card .tiktok-orb { top:20px; }
 .service-card .tiktok-bubble { bottom:0; }
 .service-card .wave-bars { height:155px; }
 .results .section-heading { margin-bottom:16px; }
 .results h2 { font-size:25px; }
 .results .result-heading > p { font-size:13px; margin-top:10px; }
 .results .stats-grid { gap:8px; }
 .results .stats-grid article { padding:10px; }
 .results .stat-icon { display:none; }
 .results .stats-grid strong { font-size:30px; }
 .results .stats-grid h3 { font-size:12px; margin-top:6px; }
 .results .stats-grid p { font-size:11px; line-height:1.4; }
 .results .result-note { font-size:10px; margin-top:14px; }
 .partnership h2 { font-size:25px; }
 .partnership .section-heading { margin-bottom:14px; }
 .partnership .section-heading > p { font-size:13px; }
 .partnership-grid { gap:10px; }
 .partnership-grid article { padding:8px 0; }
 .partnership-grid h3 { font-size:17px; margin-block:5px; }
 .partnership-grid p { font-size:13px; line-height:1.5; }
 .industries h2 { font-size:25px; }
 .industries .industry-tags { gap:6px; margin-block:18px; }
 .industries .industry-tags span { font-size:11px; padding:6px 9px; }
 .industries p { font-size:12px; }
 .contact-form-card.mobile-screen { padding:20px 14px; }
 .contact-form-card h3 { font-size:20px; }
 .contact-form-card > p { font-size:13px; }
 .contact-form-card form { gap:9px; margin-top:12px; }
 .contact-form-card label { font-size:12px; gap:4px; }
 .contact-form-card input,.contact-form-card select { padding:7px 9px; height:38px; }
 .contact-form-card textarea { min-height:60px; height:60px; padding:7px 9px; }
 .contact-form-card .form-row { gap:9px; }
 .contact-form-card .form-submit { padding:10px; }
 .contact-form-card .form-note { font-size:10px; margin:0; }
}
@media(max-width:760px) and (max-height:700px) {
 .partnership .partnership-grid { margin-top:0; }
 .partnership .section-heading { margin-bottom:10px; }
 .partnership .section-heading > p { font-size:12px!important; line-height:1.5; }
 .partnership .partnership-grid article > span { font-size:9px; margin-bottom:3px; }
 .partnership .partnership-grid p { font-size:12px!important; }
 .industries.screen { gap:10px; }
 .industries.screen h2 { margin:0; }
 .industries.screen .eyebrow { font-size:9px!important; }
 .industries.screen .industry-tags { margin:8px 0; gap:6px; }
 .industries.screen .industry-tags span { font-size:10px!important; line-height:1.5; padding:5px 8px; }
 .industries.screen > p:last-child { font-size:12px!important; line-height:1.6; margin:8px 0 0; }
 .contact-form-card > p { margin:6px 0; }
 .contact-form-card form label { margin-bottom:0; }
}
/* Clean viewing window: frame only the original video, without Instagram's feed chrome. */
.embed-fit { height:calc(400px * var(--embed-scale)); overflow:hidden; border-radius:16px; background:#111; isolation:isolate; }
.embed-fit iframe,.portfolio-player .embed-fit iframe { top:calc(-54px * var(--embed-scale)); }
.highlight-video { border:0; background:transparent; box-shadow:none; }
.highlight-video figcaption { display:none; }
.portfolio-card-footer a { display:none; }
.video-heading { border:0; background:transparent; }
@media(max-width:760px) and (max-height:700px) {
 .contact-form-card.mobile-screen { padding-block:12px; }
 .contact-form-card > p { margin-bottom:2px; }
 .contact-form-card form { margin-top:8px; gap:6px; }
 .partnership .section-heading h2 { font-size:23px; }
 .partnership .section-heading .eyebrow { font-size:9px; }
}
@media(max-width:760px) and (max-height:700px) { .partnership.screen { padding-block:16px; } }
/* Keep content readable even when a background tab delays intersection callbacks. */
[data-reveal].reveal-pending { opacity:1; transform:none; }
[data-reveal].is-visible { animation:chapter-enter .55s ease-out both; }
@keyframes chapter-enter { from { transform:translateY(12px); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { [data-reveal].is-visible { animation:none; } }

/* Compact brand lockup and continuously moving client strip. */
.site-header .original-logo { width:44px; height:48px; overflow:visible; }
.site-header .original-logo img,
.footer .original-logo img { position:static; display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; }
.footer .original-logo { width:62px; height:68px; overflow:visible; }
.trust { overflow:hidden; }
.client-logos { display:flex!important; align-items:center; gap:clamp(40px,6vw,82px); width:max-content; max-width:none; animation:client-marquee 24s linear infinite; }
.client-logos img { width:120px!important; height:52px!important; flex:0 0 120px; object-fit:contain; }
.trust:hover .client-logos { animation-play-state:paused; }
@keyframes client-marquee { to { transform:translateX(calc(-50% - 20px)); } }

@media(max-width:760px) {
  html { scroll-snap-type:none; }
  .site-header .original-logo { width:37px; height:41px; }
  .footer .original-logo { width:52px; height:58px; }
  .screen:not(.hero):not(.overview),
  .mobile-screen,
  .highlight-intro,
  .highlight-proof { min-height:0; scroll-snap-align:none; }
  .trust.screen,
  .results.screen,
  .partnership.screen,
  .industries.screen,
  .faq.screen,
  .closing.screen { padding-block:58px; }
  .trust.screen { gap:24px; }
  .trust p { font-size:22px; }
  .client-logos { gap:36px; animation-duration:18s; }
  .client-logos img { width:96px!important; height:42px!important; flex-basis:96px; }

  .testimonials.screen { padding:58px 0; }
  .testimonials .section-heading { min-height:0; display:block; margin-bottom:26px; }
  .testimonial-grid { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 20px 14px; margin:0; scrollbar-width:none; }
  .testimonial-grid::-webkit-scrollbar { display:none; }
  .testimonial.mobile-screen { min-width:min(84vw,340px); min-height:360px; padding:25px 22px; border-radius:18px; scroll-snap-align:center; }
  .testimonial blockquote { font-size:15px; line-height:1.75; }
  .testimonial figcaption { margin-top:20px; }
  .testimonials .wrap { width:100%; }
  .testimonials .section-heading { padding-inline:20px; }
}

@media(prefers-reduced-motion:reduce) {
  .client-logos { animation:none; transform:none; flex-wrap:wrap; width:auto; justify-content:center; }
  .client-logos [data-marquee-copy] { display:none; }
}
.load-video { position:absolute; inset:0; z-index:2; border:0; width:100%; color:white; background:linear-gradient(150deg,#172b39,#0b1720); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
.load-video[hidden] { display:none; }
.load-video > span { display:grid; place-items:center; width:64px; height:64px; border:1px solid #ffffff80; border-radius:50%; font-size:24px; padding-left:4px; }
.load-video b { font-size:15px; }
.load-video small { color:#becbd5; font-size:12px; }

/* V8 editorial flow: sections follow their content instead of behaving like slides. */
html { scroll-snap-type:none; }
html, body { overflow-x:clip; }
.screen,
.screen-group,
.item-screen,
.mobile-screen,
.group-intro { min-height:0; scroll-snap-align:none; }
.screen { padding-block:96px; display:block; }
.hero.screen { min-height:100svh; display:flex; padding:120px 0 50px; }
.overview.screen { min-height:0; padding:90px 0; }
.trust.screen { padding:45px 0; }
.client-highlight.screen { padding-block:100px; }
.group-intro { padding:0; margin-bottom:48px; }

/* Alternating fields add visual rhythm while retaining the Media Matrix palette. */
.overview { background:linear-gradient(145deg,#eaf7ff 0%,#f8fcff 62%,#fff 100%); }
.client-highlight { background:#fff8f2; box-shadow:0 0 0 100vmax #fff8f2; clip-path:inset(0 -100vmax); }
.services { background:#f1f8fd; box-shadow:0 0 0 100vmax #f1f8fd; clip-path:inset(0 -100vmax); }
.portfolio { background:#fff9f3; box-shadow:0 0 0 100vmax #fff9f3; clip-path:inset(0 -100vmax); }
.approach { background:linear-gradient(135deg,#edf7ef,#f8fcf8); }
.testimonials { background:#f6f3fb; }
.partnership { background:#f5faff; box-shadow:0 0 0 100vmax #f5faff; clip-path:inset(0 -100vmax); }
.contact { background:#fff7ef; box-shadow:0 0 0 100vmax #fff7ef; clip-path:inset(0 -100vmax); }

.services .section-heading,
.portfolio .section-heading { max-width:760px; margin-inline:auto; }
.section-heading h2 { text-wrap:balance; }
.section-heading > p:last-child { max-width:620px; margin-inline:auto; }
.services-note { margin-top:22px!important; }

/* Services and portfolio read as collections, not five separate screens. */
.service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:0; }
.service-card.item-screen { display:flex; flex-direction:column; min-height:600px; padding:34px; border:1px solid #dbe7ee; border-radius:28px; box-shadow:0 18px 45px #244c6509; overflow:hidden; }
.service-card .service-top,
.service-card h3,
.service-card > p,
.service-card .service-art,
.service-card .service-footer { grid-column:auto; grid-row:auto; }
.service-card h3 { font-size:38px; }
.service-card > p { font-size:14px; max-width:460px; }
.service-card .service-art { width:100%; height:275px; margin-top:auto; }
.service-card .service-footer { width:100%; margin-top:auto; }
.service-card:hover { transform:translateY(-7px); box-shadow:0 24px 55px #244c6514; }

.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:980px; }
.portfolio-card.item-screen { display:flex; flex-direction:column; min-height:620px; gap:18px; padding:28px; border:1px solid #eadfd5; border-radius:26px; background:#fff; box-shadow:0 18px 45px #70451b0a; }
.portfolio-card-heading,
.portfolio-player,
.portfolio-card-footer { grid-column:auto; grid-row:auto; width:100%; }
.portfolio-player { margin:auto; }

/* Visual accents and motion tied to scroll-triggered reveals. */
.client-highlight,.services,.portfolio,.approach,.results,.testimonials,.partnership,.contact { position:relative; }
.services::before,.portfolio::before,.approach::before,.testimonials::before { content:""; position:absolute; pointer-events:none; width:180px; height:180px; border-radius:50%; filter:blur(2px); opacity:.38; animation:ambient-float 8s ease-in-out infinite alternate; }
.services::before { top:70px; right:5%; background:#b7e4ff; }
.portfolio::before { bottom:80px; left:3%; background:#ffd3bf; animation-delay:-2s; }
.approach::before { top:12%; right:7%; background:#ccebc5; animation-delay:-4s; }
.testimonials::before { bottom:12%; right:5%; background:#ded0f2; animation-delay:-1s; }
@keyframes ambient-float { to { transform:translate3d(22px,-18px,0) scale(1.08); } }
@keyframes reveal-rise { from { opacity:.25; transform:translateY(28px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes reveal-type { from { opacity:0; letter-spacing:-.075em; transform:translateY(18px); } to { opacity:1; letter-spacing:-.045em; transform:none; } }
@keyframes visual-drift { 50% { transform:translateY(-8px) rotate(.35deg); } }
[data-reveal].is-visible { animation:reveal-rise .75s cubic-bezier(.2,.75,.25,1) both; }
.section-heading.is-visible h2,
.highlight-copy.is-visible h2,
.approach-copy.is-visible h2 { animation:reveal-type .8s cubic-bezier(.2,.75,.25,1) both; }
.service-card.is-visible .service-art { animation:visual-drift 5.5s ease-in-out 1s infinite; }
.stats-grid.is-visible article:nth-child(2),.testimonial.is-visible:nth-child(2) { animation-delay:80ms; }
.stats-grid.is-visible article:nth-child(3),.testimonial.is-visible:nth-child(3) { animation-delay:160ms; }
.stats-grid.is-visible article:nth-child(4),.testimonial.is-visible:nth-child(4) { animation-delay:240ms; }

@media(max-width:760px) {
  .screen { padding-block:64px; }
  .hero.screen { min-height:100svh; padding:105px 0 44px; }
  .overview.screen { padding:64px 0; }
  .trust.screen { padding:34px 0; }
  .client-highlight.screen { padding:68px 0; }
  .highlight-layout { display:block; }
  .highlight-intro,.highlight-proof,.highlight-copy.mobile-screen,.highlight-video.mobile-screen { min-height:0; padding-block:0; display:block; }
  .highlight-proof { margin-top:28px; }
  .highlight-video { margin-top:42px; }
  .group-intro { margin-bottom:32px; padding:0 4px; }
  .services .section-heading h2,.portfolio .section-heading h2 { font-size:36px; }
  .service-grid { grid-template-columns:1fr; gap:18px; }
  .service-card.item-screen { min-height:540px; padding:26px 22px; border-radius:22px; }
  .service-card h3 { font-size:32px; }
  .service-card > p { font-size:13px; line-height:1.7; }
  .service-card .service-art { height:235px; }
  .portfolio-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; padding:0 20px 14px; margin-inline:-20px; scrollbar-width:none; }
  .portfolio-grid::-webkit-scrollbar { display:none; }
  .portfolio-card.item-screen { min-width:86vw; min-height:590px; padding:22px; scroll-snap-align:center; }
  .approach-grid { gap:28px; }
  .approach-copy.mobile-screen,.workflow.mobile-screen,.contact-copy.mobile-screen,.contact-form-card.mobile-screen { min-height:0; }
  .results.screen,.partnership.screen,.industries.screen,.faq.screen,.closing.screen { padding-block:64px; }
  .partnership-grid { margin-top:28px; }
  .industries { padding:40px 20px; }
  .contact.screen { padding-block:68px; }
  .faq.screen { display:grid; }
  .services::before,.portfolio::before,.approach::before,.testimonials::before { width:110px; height:110px; opacity:.28; }
}

@media(prefers-reduced-motion:reduce) {
  .services::before,.portfolio::before,.approach::before,.testimonials::before,
  [data-reveal].is-visible,.section-heading.is-visible h2,.highlight-copy.is-visible h2,
  .approach-copy.is-visible h2,.service-card.is-visible .service-art { animation:none; }
}

/* V10 final cascade: slim fixed header across every breakpoint. */
html { scroll-padding-top:78px; }
.site-header {
  position:fixed;
  top:12px;
  width:min(1160px,calc(100% - 40px));
  height:54px;
  padding:5px 7px 5px 16px;
  border-radius:15px;
  background:rgb(247 251 255 / 88%);
  border-color:rgb(255 255 255 / 84%);
  box-shadow:0 7px 24px rgb(24 61 86 / 9%);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header .original-logo { width:34px; height:37px; }
.site-header .desktop-nav { gap:26px; font-size:13px; }
.site-header .nav-cta { min-height:38px; padding:8px 14px; border-radius:10px; font-size:12px; }
.site-header .nav-cta span { font-size:16px; }

@media(max-width:760px) {
  html { scroll-padding-top:68px; }
  .site-header {
    top:9px;
    width:calc(100% - 24px);
    height:50px;
    padding:4px 7px 4px 10px;
    border-radius:14px;
  }
  .site-header .original-logo { width:29px; height:32px; }
  .site-header .nav-cta { min-height:36px; padding:7px 11px; font-size:10px; }
  .site-header .menu-toggle { width:31px; height:34px; margin-left:3px; }
  .site-header .mobile-nav { top:57px; border-radius:14px; }
}

/* V11 definitive palette override. */
.overview { background:linear-gradient(155deg,#dff1ff 0%,#f2f9ff 46%,#fff 88%); }
.client-highlight { background:linear-gradient(145deg,#fff 4%,#edf8ff 48%,#dcefff 100%); box-shadow:0 0 0 100vmax #eef8ff; }
.services { background:linear-gradient(180deg,#dcefff 0%,#f4faff 22%,#fff 58%,#eaf6ff 100%); box-shadow:0 0 0 100vmax #f1f9ff; }
.portfolio { background:linear-gradient(135deg,#fff 0%,#f4faff 42%,#dfefff 100%); box-shadow:0 0 0 100vmax #f4faff; }
.approach { background:linear-gradient(160deg,#d9efff 0%,#eef8ff 38%,#fff 86%); border-color:#dfeef8; }
.results,.faq { background:#fff; }
.testimonials { background:linear-gradient(180deg,#f8fcff 0%,#e4f3ff 56%,#fff 100%); border-color:#e3f0f8; }
.partnership { background:linear-gradient(145deg,#dcefff 0%,#f3faff 52%,#fff 100%); box-shadow:0 0 0 100vmax #f1f9ff; }
.industries { background:linear-gradient(135deg,#fff,#eaf6ff); border-color:#dcecf7; }
.contact { background:linear-gradient(155deg,#fff 0%,#edf8ff 50%,#dcefff 100%); box-shadow:0 0 0 100vmax #eef8ff; }
.closing { background:linear-gradient(180deg,#f8fcff 0%,#dbefff 66%,#eef8ff 100%); }
.services::before,.portfolio::before,.approach::before,.testimonials::before { background:#abdfff; box-shadow:0 0 70px rgb(104 190 244 / 30%); }
.portfolio::before { background:#c9e9ff; }
.approach::before { background:#9ed7fb; }
.testimonials::before { background:#c5e8ff; }
.content-card,.marketplace-card,.tiktok-card { background:rgb(255 255 255 / 86%); }
.portfolio-card.item-screen,.testimonial,.contact-form-card,.workflow,.stats-grid { border-color:#d9e9f3; box-shadow:0 18px 45px rgb(35 91 128 / 7%); }

/* V12 full-bleed backgrounds and a stronger client-logo band. */
.client-highlight,.services,.portfolio,.partnership,.industries,.contact {
  background:transparent;
  box-shadow:none;
  clip-path:none;
  isolation:isolate;
}
.client-highlight::after,.services::after,.portfolio::after,.partnership::after,.industries::after,.contact::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
}
.client-highlight::after { background:linear-gradient(145deg,#fff 2%,#edf8ff 52%,#dcefff 100%); }
.services::after { background:linear-gradient(180deg,#e2f2ff 0%,#f5fbff 28%,#fff 62%,#eaf6ff 100%); }
.portfolio::after { background:linear-gradient(135deg,#fff 0%,#f3faff 48%,#dfefff 100%); }
.partnership::after { background:linear-gradient(145deg,#dcefff 0%,#f3faff 55%,#fff 100%); }
.industries::after { background:linear-gradient(135deg,#fff 0%,#eaf6ff 100%); }
.contact::after { background:linear-gradient(155deg,#fff 0%,#edf8ff 50%,#dcefff 100%); }
.industries { border:0; border-radius:0; }

.trust.screen { padding-block:52px; gap:34px; }
.trust p { font-size:clamp(22px,2.25vw,32px); line-height:1.2; color:#718997; }
.trust p strong { color:#34566b; font-weight:650; }
.client-logos { gap:clamp(56px,6vw,96px); }
.client-logos img {
  width:188px!important;
  height:82px!important;
  flex:0 0 188px;
  opacity:.92;
  filter:none;
}
.client-logos img:nth-child(6n + 1) { transform:scale(1.5); }
.client-logos img:nth-child(6n + 3) { transform:scale(1.08); }

@media(max-width:760px) {
  .trust.screen { padding-block:42px; gap:26px; }
  .trust p { font-size:21px; padding-inline:18px; }
  .client-logos { gap:44px; }
  .client-logos img { width:138px!important; height:62px!important; flex-basis:138px; }
}

/* V14 stronger industries statement. */
.industries { position:relative; overflow:visible; padding-block:110px; }
.industries::after {
  background:
    radial-gradient(circle at 15% 25%,rgb(110 198 252 / 32%) 0 10%,transparent 31%),
    radial-gradient(circle at 88% 78%,rgb(79 167 225 / 22%) 0 9%,transparent 29%),
    linear-gradient(135deg,#eef9ff 0%,#d8efff 48%,#f7fcff 100%);
}
.industries::before {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid rgb(55 157 219 / 16%);
  border-radius:50%;
  right:-170px;
  top:-190px;
  box-shadow:0 0 0 55px rgb(80 174 232 / 5%),0 0 0 110px rgb(80 174 232 / 4%);
  pointer-events:none;
}
.industries .eyebrow { color:#246e99; font-weight:800; }
.industries h2 { font-size:clamp(48px,5vw,70px); line-height:1.02; letter-spacing:-.06em; margin:18px 0 36px; }
.industries-accent {
  color:#087fbe;
  position:relative;
  display:inline-block;
}
.industries-accent::after {
  content:"";
  position:absolute;
  left:2%;
  right:0;
  bottom:-10px;
  height:8px;
  border-radius:50%;
  background:#ef7777;
  transform:rotate(-1deg) scaleX(.94);
  opacity:.9;
}
.industry-tags { max-width:980px; gap:10px; }
.industry-tags>span {
  border-color:#c9e2f2;
  background:rgb(255 255 255 / 82%);
  color:#355e76;
  font-size:12px;
  font-weight:600;
  padding:9px 16px;
  box-shadow:0 6px 20px rgb(36 105 147 / 5%);
}
.industry-tags>span:nth-child(1),
.industry-tags>span:nth-child(6) {
  color:#fff;
  background:#168bc7;
  border-color:#168bc7;
}
.industries>p:last-of-type { color:#42647a; font-size:14px; font-weight:500; margin-top:30px; }
.industries-cta { margin-top:26px; }

@media(max-width:760px) {
  .industries { padding-block:72px!important; }
  .industries h2 { font-size:40px!important; line-height:1.05; margin:15px 0 30px!important; }
  .industries-accent::after { height:5px; bottom:-7px; }
  .industry-tags { gap:7px!important; }
  .industry-tags>span { font-size:10px!important; padding:7px 10px!important; }
  .industries>p:last-of-type { margin-top:24px!important; font-size:12px!important; }
  .industries-cta { margin-top:22px; }
}

/* V15 service portfolio gallery. */
.service-card { cursor:pointer; position:relative; }
.service-card::after {
  content:"View selected work  ↗";
  position:absolute;
  right:28px;
  top:28px;
  padding:7px 11px;
  border-radius:999px;
  background:#e6f4fd;
  color:#146d9d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .2s ease,transform .2s ease;
}
.service-card:hover::after,.service-card:focus-visible::after { opacity:1; transform:none; }
.service-card:focus-visible { outline:3px solid #168bc7; outline-offset:5px; }
body.modal-open { overflow:hidden; }
.service-gallery-dialog {
  width:min(1060px,calc(100% - 40px));
  max-height:min(820px,calc(100dvh - 40px));
  padding:0;
  border:0;
  border-radius:28px;
  color:var(--ink);
  background:linear-gradient(145deg,#fff 0%,#edf8ff 100%);
  box-shadow:0 30px 100px rgb(13 50 75 / 25%);
  overflow:auto;
}
.service-gallery-dialog::backdrop { background:rgb(13 35 49 / 55%); backdrop-filter:blur(8px); }
.gallery-shell { position:relative; padding:52px; }
.gallery-close {
  position:absolute;
  right:22px;
  top:20px;
  width:42px;
  height:42px;
  border:1px solid #d5e7f2;
  border-radius:50%;
  background:#fff;
  color:#284b60;
  font-size:26px;
  line-height:1;
}
.gallery-shell>h2 { font-size:clamp(36px,4.5vw,58px); margin:12px 0 14px; }
.gallery-intro { max-width:680px; font-size:15px; line-height:1.75; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px; }
.gallery-item { padding:18px; border:1px solid #d9e9f3; border-radius:18px; background:rgb(255 255 255 / 88%); box-shadow:0 14px 36px rgb(31 88 125 / 7%); }
.gallery-item-visual { min-height:150px; display:flex; flex-direction:column; justify-content:space-between; padding:17px; margin-bottom:20px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#168bc7,#0a5f91); overflow:hidden; position:relative; }
.gallery-item-visual::after { content:""; position:absolute; width:150px; height:150px; border:1px solid #ffffff45; border-radius:50%; right:-45px; top:-55px; box-shadow:0 0 0 25px #ffffff0d; }
.gallery-item-visual span { font-size:10px; letter-spacing:.14em; opacity:.75; }
.gallery-item-visual strong { position:relative; z-index:1; font-size:25px; line-height:1.05; letter-spacing:-.04em; max-width:180px; }
.gallery-item .eyebrow { font-size:8px; color:#34799f; }
.gallery-item h3 { font-size:21px; margin:8px 0; }
.gallery-item>p:last-child { font-size:12px; line-height:1.7; }
.gallery-actions { display:flex; align-items:center; gap:24px; margin-top:30px; }

@media(max-width:760px) {
  .service-card::after { opacity:1; transform:none; top:20px; right:18px; font-size:8px; padding:6px 9px; }
  .service-gallery-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); border-radius:22px; }
  .gallery-shell { padding:48px 18px 24px; }
  .gallery-close { width:38px; height:38px; right:14px; top:12px; }
  .gallery-shell>h2 { font-size:34px; padding-right:24px; }
  .gallery-intro { font-size:13px; }
  .gallery-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin:25px -18px 0; padding:0 18px 12px; scrollbar-width:none; }
  .gallery-grid::-webkit-scrollbar { display:none; }
  .gallery-item { min-width:82vw; scroll-snap-align:center; }
  .gallery-item-visual { min-height:135px; }
  .gallery-actions { align-items:stretch; flex-direction:column; gap:16px; margin-top:20px; }
  .gallery-actions .text-link { justify-content:center; }
}

/* V16 lead qualification and discovery-call clarity. */
.fit-section {
  position:relative;
  background:linear-gradient(145deg,#102733 0%,#173d53 55%,#0b202b 100%);
  color:#fff;
  overflow:hidden;
}
.fit-section::before {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid #ffffff18;
  border-radius:50%;
  right:-170px;
  top:-260px;
  box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05;
}
.fit-layout { position:relative; display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:center; }
.fit-intro .eyebrow { color:#8fd4fb; }
.fit-intro h2 { font-size:clamp(42px,4.5vw,62px); margin:16px 0 22px; }
.fit-intro>p:not(.eyebrow) { color:#c5d6df; font-size:15px; line-height:1.8; max-width:470px; }
.fit-intro .text-link { color:#fff; margin-top:28px; }
.fit-cards { display:grid; grid-template-columns:1.08fr .92fr; gap:16px; }
.fit-card { min-height:340px; padding:30px; border-radius:22px; background:#fff; color:var(--ink); box-shadow:0 25px 60px #06121938; }
.fit-not-yet { background:#eaf6fd; }
.fit-label { display:inline-block; color:#1379ad; background:#e5f4fc; border-radius:99px; padding:6px 10px; font-size:9px; font-weight:800; letter-spacing:.1em; }
.fit-not-yet .fit-label { color:#607784; background:#dceaf2; }
.fit-card h3 { font-size:26px; margin:22px 0; }
.fit-card ul { list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.fit-card li { position:relative; padding-left:25px; color:#526b79; font-size:13px; line-height:1.55; }
.fit-card li::before { content:"✓"; position:absolute; left:0; color:#158bc8; font-weight:800; }
.fit-not-yet li::before { content:"—"; color:#78909d; }
.discovery-agenda { margin:25px 0 0; padding:19px 20px; border:1px solid #cfe3ef; border-radius:14px; background:rgb(255 255 255 / 58%); }
.discovery-agenda strong { display:block; font-size:12px; margin-bottom:10px; }
.discovery-agenda ul { display:grid; grid-template-columns:1fr 1fr; gap:7px 14px; list-style:none; padding:0; margin:0; }
.discovery-agenda li { position:relative; padding-left:15px; color:#557080; font-size:10px; line-height:1.5; }
.discovery-agenda li::before { content:"·"; position:absolute; left:2px; color:#168bc7; font-weight:900; }

@media(max-width:900px) {
  .fit-layout { grid-template-columns:1fr; gap:36px; }
}
@media(max-width:760px) {
  .fit-section.screen { padding-block:72px; }
  .fit-intro h2 { font-size:39px; }
  .fit-intro>p:not(.eyebrow) { font-size:13px; }
  .fit-cards { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; margin-inline:-20px; padding:0 20px 12px; scrollbar-width:none; }
  .fit-cards::-webkit-scrollbar { display:none; }
  .fit-card { min-width:84vw; min-height:330px; padding:25px; scroll-snap-align:center; }
  .fit-card h3 { font-size:24px; }
  .discovery-agenda ul { grid-template-columns:1fr; }
}

/* V17 trust proof as a primary visual moment. */
.trust.screen {
  position:relative;
  isolation:isolate;
  padding-block:72px 58px;
  gap:42px;
}
.trust.screen::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset-block:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#eef9ff 0%,#dcefff 48%,#f8fcff 100%);
  border-block:1px solid #dcebf5;
}
.trust-proof { display:flex; flex-direction:column; align-items:center; text-align:center; }
.trust-proof>.eyebrow { color:#21739f; font-size:10px; font-weight:800; }
.trust-statement { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:14px; }
.trust-statement>strong { display:flex; align-items:baseline; gap:9px; color:#18384a; font-size:32px; line-height:1; letter-spacing:-.04em; }
.trust-statement>strong span { color:#087fbe; font-size:clamp(72px,8vw,112px); letter-spacing:-.075em; }
.trust-statement>p { padding-left:24px; border-left:1px solid #bcd9ea; color:#355c72; font-size:clamp(19px,2vw,27px); line-height:1.35; font-weight:600; text-align:left; }
.trust-growing { display:inline-flex; align-items:center; gap:8px; margin-top:13px; padding:6px 11px; border:1px solid #c3dfef; border-radius:99px; color:#4a7187; background:#ffffff9c; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.trust-growing i { width:7px; height:7px; border-radius:50%; background:#67b96d; box-shadow:0 0 0 4px #67b96d18; }
.trust .client-logos { margin-top:0; padding-block:14px; background:#fff; box-shadow:0 0 0 100vmax #fff; clip-path:inset(0 -100vmax); }

@media(max-width:760px) {
  .trust.screen { padding-block:55px 44px; gap:31px; }
  .trust-statement { flex-direction:column; gap:9px; }
  .trust-statement>strong { font-size:24px; }
  .trust-statement>strong span { font-size:74px; }
  .trust-statement>p { border-left:0; padding-left:0; font-size:18px; text-align:center; }
  .trust-growing { margin-top:15px; }
}

/* V18 — a more dimensional first impression and a calm mobile footer. */
.hero.screen {
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 13% 18%,rgb(75 188 249 / 58%) 0,transparent 28%),
    radial-gradient(circle at 88% 14%,rgb(19 139 210 / 35%) 0,transparent 31%),
    radial-gradient(ellipse at 52% 100%,#fff 0 22%,rgb(255 255 255 / 72%) 42%,transparent 66%),
    linear-gradient(135deg,#8fd1f9 0%,#c9eaff 34%,#eaf7ff 63%,#fff 100%);
}
.hero .hero-content { position:relative; z-index:5; }
.hero .sky-texture {
  display:block;
  position:absolute;
  z-index:1;
  inset:0;
  opacity:.34;
  background-image:
    linear-gradient(rgb(255 255 255 / 48%) 1px,transparent 1px),
    linear-gradient(90deg,rgb(255 255 255 / 48%) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 44%,#000 5%,transparent 78%);
  mask-image:radial-gradient(ellipse 72% 72% at 50% 44%,#000 5%,transparent 78%);
  pointer-events:none;
}
.hero::before {
  content:"";
  position:absolute;
  z-index:2;
  width:min(62vw,870px);
  aspect-ratio:1;
  right:-16vw;
  top:-43%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 38%,rgb(255 255 255 / 88%) 0 4%,rgb(179 229 255 / 50%) 24%,rgb(31 153 220 / 16%) 48%,transparent 68%);
  box-shadow:inset 0 0 90px rgb(255 255 255 / 32%);
  animation:hero-orbit 12s ease-in-out infinite alternate;
  pointer-events:none;
}
.hero::after {
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  bottom:-390px;
  width:min(1160px,92vw);
  height:500px;
  transform:translateX(-50%);
  border:1px solid rgb(255 255 255 / 75%);
  border-radius:50%;
  box-shadow:0 0 0 55px rgb(255 255 255 / 14%),0 0 0 110px rgb(255 255 255 / 10%),0 0 80px rgb(41 145 202 / 12%);
  pointer-events:none;
}
.hero .cloud {
  display:block;
  position:absolute;
  z-index:3;
  width:210px;
  height:70px;
  border:1px solid rgb(255 255 255 / 72%);
  border-radius:22px;
  background:linear-gradient(135deg,rgb(255 255 255 / 61%),rgb(255 255 255 / 20%));
  box-shadow:0 22px 60px rgb(25 108 158 / 10%),inset 0 1px #fff;
  backdrop-filter:blur(8px);
  opacity:.72;
  pointer-events:none;
}
.hero .cloud::before,.hero .cloud::after { content:""; position:absolute; border-radius:999px; }
.hero .cloud::before { left:20px; top:20px; width:82px; height:9px; background:rgb(34 126 179 / 18%); box-shadow:0 19px 0 rgb(34 126 179 / 9%); }
.hero .cloud::after { right:20px; top:18px; width:34px; height:34px; border:1px solid rgb(23 139 205 / 32%); box-shadow:0 0 0 7px rgb(255 255 255 / 20%); }
.hero .cloud-left { left:clamp(-95px,-4vw,-25px); top:31%; transform:rotate(-8deg); animation:hero-float-left 8s ease-in-out infinite; }
.hero .cloud-right { right:clamp(-105px,-5vw,-32px); top:61%; transform:rotate(7deg) scale(.86); animation:hero-float-right 9s ease-in-out infinite; }
.hero-eyebrow { box-shadow:0 10px 30px rgb(26 102 145 / 9%); backdrop-filter:blur(10px); }
@keyframes hero-orbit { to { transform:translate(-28px,30px) scale(1.06); } }
@keyframes hero-float-left { 50% { transform:translate(16px,-12px) rotate(-5deg); } }
@keyframes hero-float-right { 50% { transform:translate(-17px,13px) rotate(4deg) scale(.86); } }

.footer { position:relative; }
.footer-top { grid-template-columns:1.8fr .7fr .7fr; gap:70px; }
.footer-top>.footer-brand { display:flex; flex-direction:row; align-items:flex-start; gap:24px; }
.footer-brand>p { margin-top:10px; color:#4e6877; font-size:13px; line-height:1.7; }
.footer-links { display:flex; flex-direction:column; gap:10px; color:#617786; font-size:12px; }
.footer-label { margin-bottom:5px; color:#1b3e52; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }

@media(max-width:760px) {
  .hero.screen { padding:102px 0 35px; min-height:100svh; }
  .hero .sky-texture { background-size:38px 38px; opacity:.27; }
  .hero::before { width:118vw; right:-62vw; top:-18%; }
  .hero::after { width:135vw; height:330px; bottom:-260px; box-shadow:0 0 0 35px rgb(255 255 255 / 15%),0 0 0 70px rgb(255 255 255 / 10%); }
  .hero .cloud { width:128px; height:48px; border-radius:15px; opacity:.52; }
  .hero .cloud::before { left:13px; top:14px; width:50px; height:6px; box-shadow:0 13px 0 rgb(34 126 179 / 9%); }
  .hero .cloud::after { right:13px; top:12px; width:23px; height:23px; }
  .hero .cloud-left { left:-82px; top:27%; }
  .hero .cloud-right { right:-82px; top:69%; }

  .footer { width:calc(100% - 40px); padding:38px 0 22px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:28px 18px; padding-bottom:30px; }
  .footer-top>.footer-brand { grid-column:1/-1; flex-direction:row; align-items:center; gap:17px; padding-bottom:24px; border-bottom:1px solid var(--line); }
  .footer .footer-brand .original-logo { width:49px; height:54px; flex:0 0 auto; }
  .footer-brand>p { margin:0; font-size:12px; line-height:1.55; }
  .footer-links { gap:12px; font-size:12px; }
  .footer-label { margin-bottom:2px; font-size:8px; }
  .footer-bottom { display:grid; grid-template-columns:1fr auto; align-items:end; gap:9px 16px; padding-top:19px; font-size:8px; line-height:1.55; }
  .footer-bottom span:first-child { width:auto; }
  .footer-bottom>span:nth-child(2) { grid-column:1; }
  .footer-bottom>a { grid-column:2; grid-row:1/3; align-self:center; margin:0; padding:9px 11px; border:1px solid var(--line); border-radius:999px; color:#315d74; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
  .hero::before,.hero .cloud { animation:none!important; }
}

/* V19 — unmistakable service-card interaction. */
.service-card {
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.service-card::after {
  content:"Lihat portfolio  ↗";
  top:24px;
  right:24px;
  padding:8px 12px;
  opacity:1;
  transform:none;
  color:#fff;
  background:#137fb9;
  border:1px solid rgb(255 255 255 / 34%);
  box-shadow:0 7px 18px rgb(14 113 166 / 20%);
  letter-spacing:.01em;
}
.service-card:hover,.service-card:focus-visible {
  transform:translateY(-5px);
  border-color:#9fd5f2;
  box-shadow:0 24px 55px rgb(30 105 148 / 14%);
}
.service-card:hover::after,.service-card:focus-visible::after {
  background:#0a6596;
  transform:translateY(-1px);
}
.services-note::before {
  content:"↗";
  display:inline-grid;
  place-items:center;
  width:21px;
  height:21px;
  margin-right:7px;
  border-radius:50%;
  color:#fff;
  background:#168bc7;
  font-size:11px;
}
@media(max-width:760px) {
  .service-card::after { top:18px; right:16px; padding:7px 9px; font-size:8px; }
  .service-card:hover,.service-card:focus-visible { transform:translateY(-2px); }
}

/* V20 — easier scanning on small screens. */
.stats-swipe { display:none; }
.industry-intro { margin:0 0 18px!important; color:#315f79!important; font-size:12px!important; font-weight:700!important; }
.industry-tags>span:nth-child(n) {
  color:#176f9f;
  background:rgb(255 255 255 / 84%);
  border-color:#a8d8f1;
  box-shadow:0 5px 15px rgb(30 113 158 / 6%);
}
.industry-tags>span::before { content:"✓"; margin-right:6px; color:#168bc7; font-weight:800; }

@media(max-width:760px) {
  .results.screen { padding-block:72px!important; }
  .results .result-heading { margin-bottom:20px; }
  .results .result-heading h2 { font-size:34px; line-height:1.08; }
  .results .result-heading>p { max-width:290px; margin-top:18px; font-size:12px!important; }
  .stats-swipe { display:flex; align-items:center; justify-content:space-between; margin:0 0 12px; color:#39728f; font-size:10px; font-weight:700; }
  .stats-swipe span { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#fff; background:#168bc7; }
  .results .stats-grid {
    display:flex;
    gap:12px;
    margin-inline:-20px;
    padding:0 20px 12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    scrollbar-width:none;
  }
  .results .stats-grid::-webkit-scrollbar { display:none; }
  .results .stats-grid article {
    flex:0 0 72vw;
    min-height:220px;
    padding:26px 24px;
    border:1px solid #d9e9f3!important;
    border-radius:19px;
    background:#fff;
    box-shadow:0 15px 35px rgb(35 91 128 / 7%);
    scroll-snap-align:center;
  }
  .results .stats-grid strong { margin-top:8px; font-size:48px; }
  .results .stats-grid .roas-word { font-size:42px; }
  .results .stats-grid h3 { margin-top:18px; font-size:15px; }
  .results .stats-grid p { margin-top:8px; font-size:12px; line-height:1.65; }
  .results .result-note { margin-top:16px; font-size:9px; line-height:1.65; }

  .industries.screen { gap:0; padding-block:70px!important; }
  .industries.screen h2 { margin:14px 0 18px; font-size:38px!important; }
  .industries .industry-intro { margin:0 0 20px!important; font-size:12px!important; line-height:1.6; }
  .industries.screen .industry-tags { margin:0; gap:9px; }
  .industries.screen .industry-tags span { padding:8px 11px!important; font-size:10px!important; line-height:1.35; }
  .industries.screen>p:last-of-type { margin:25px auto 0!important; max-width:330px; font-size:12px!important; line-height:1.7; }
  .industries-cta { width:100%; justify-content:center; margin-top:24px; }

  .contact-form-card.mobile-screen { padding:30px 20px 26px; border-radius:20px; }
  .contact-form-card h3 { font-size:24px; line-height:1.18; }
  .contact-form-card>p { margin:9px 0 0; font-size:13px; }
  .contact-form-card form { display:flex; flex-direction:column; gap:16px; margin-top:24px; }
  .contact-form-card .form-row { display:flex; flex-direction:column; gap:16px; }
  .contact-form-card form label { gap:7px; margin:0; font-size:12px; line-height:1.4; }
  .contact-form-card input,.contact-form-card select { height:50px; padding:12px 13px; border-radius:10px; }
  .contact-form-card textarea { min-height:105px; height:105px; padding:12px 13px; border-radius:10px; }
  .contact-form-card .form-submit { min-height:50px; padding:13px 16px; }
  .contact-form-card .form-note { margin-top:-5px; font-size:9px; line-height:1.6; }
}

/* V21 — unified trust proof and vertical-scroll-driven mobile stories. */
.trust.screen { gap:24px; }
.trust-proof {
  width:min(920px,100%);
  margin-inline:auto;
  padding:44px clamp(24px,5vw,68px);
  border:1px solid rgb(255 255 255 / 72%);
  border-radius:28px;
  background:linear-gradient(135deg,rgb(255 255 255 / 68%),rgb(221 242 255 / 54%));
  box-shadow:0 22px 65px rgb(33 104 145 / 9%),inset 0 1px #fff;
  backdrop-filter:blur(8px);
}
.trust-statement { width:100%; }
.trust-statement>strong {
  min-width:270px;
  justify-content:center;
  padding-right:26px;
  border-right:1px solid #bcd9ea;
}
.trust-statement>strong em {
  color:#247da9;
  font-size:12px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.16em;
}
.trust-statement>p { padding-left:0; border-left:0; }
.trust .client-logos {
  width:100%;
  margin:0;
  padding:20px 0;
  border-block:1px solid rgb(190 221 238 / 64%);
  background:transparent;
  box-shadow:none;
  clip-path:none;
}

@keyframes copy-arrive {
  from { opacity:.18; transform:translateY(16px); }
  to { opacity:1; transform:none; }
}
.section-heading.is-visible>.eyebrow,
.section-heading.is-visible>div>.eyebrow,
.industries.is-visible>.eyebrow,
.contact-copy.is-visible>.eyebrow { animation:copy-arrive .55s ease-out both; }
.section-heading.is-visible>p,
.section-heading.is-visible>div>p:not(.eyebrow),
.industries.is-visible>.industry-intro,
.contact-copy.is-visible>p:not(.eyebrow) { animation:copy-arrive .7s .12s ease-out both; }

@media(max-width:760px) {
  .trust.screen { padding:36px 0 30px; gap:18px; }
  .trust-proof { width:calc(100% - 20px); padding:34px 16px 28px; border-radius:22px; }
  .trust-statement { flex-direction:column; gap:18px; margin-top:19px; }
  .trust-statement>strong { min-width:0; width:auto; padding:0; border-right:0; flex-direction:column; gap:2px; }
  .trust-statement>strong span { font-size:88px; line-height:.88; }
  .trust-statement>strong em { font-size:11px; letter-spacing:.2em; }
  .trust-statement>p { max-width:310px; font-size:18px; line-height:1.45; }
  .trust-growing { margin-top:17px; }
  .trust .client-logos { padding-block:18px; }

  .portfolio-grid,.results .stats-grid,.testimonial-grid {
    scroll-behavior:auto;
    overscroll-behavior-inline:contain;
    will-change:scroll-position;
  }
  .portfolio-heading::after,.results .result-heading::after,.testimonials .section-heading::after {
    content:"Scroll ke bawah — karya berikutnya bergerak otomatis  ↓";
    display:block;
    margin-top:17px;
    color:#2a769e;
    font-size:9px;
    font-weight:750;
    letter-spacing:.03em;
  }
  .results .result-heading::after { content:"Scroll ke bawah untuk melihat hasil berikutnya  ↓"; }
  .testimonials .section-heading::after { content:"Scroll ke bawah untuk membaca cerita berikutnya  ↓"; }
  .stats-swipe { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  .section-heading.is-visible>*,.industries.is-visible>*,.contact-copy.is-visible>* { animation:none!important; }
}

/* V22 — service portfolio gallery controls and autoplay feedback. */
.gallery-pagination { display:none; }
.gallery-swipe-hint { display:none; }
@media(max-width:760px) {
  .gallery-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:5px; }
  .gallery-prev,.gallery-next {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #cfe2ee;
    border-radius:50%;
    color:#225b79;
    background:#fff;
    font-size:17px;
    box-shadow:0 6px 16px rgb(24 86 119 / 7%);
  }
  .gallery-dots { display:flex; align-items:center; gap:7px; }
  .gallery-dots button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#bdd7e5; transition:width .25s ease,background .25s ease; }
  .gallery-dots button.is-active { width:23px; background:#168bc7; }
  .gallery-swipe-hint { display:block; margin:9px 0 0; color:#5c7888; font-size:9px; text-align:center; }
  .gallery-actions { margin-top:18px; }
}

/* V23 — one continuous trust-section color field. */
.trust.screen {
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:max(20px,calc((100vw - 1240px) / 2));
  overflow:hidden;
  background:linear-gradient(135deg,#eef9ff 0%,#dcefff 48%,#f8fcff 100%);
  border-block:1px solid #dcebf5;
}
.trust.screen::before { display:none; }
.trust-proof { max-width:920px; }
.trust .client-logos {
  max-width:1240px;
  margin-inline:auto;
  padding-inline:22px;
  border:1px solid rgb(210 231 243 / 85%);
  border-radius:22px;
  background:#fff;
  box-shadow:0 15px 38px rgb(35 91 128 / 7%);
}
.trust .client-logos img {
  background:transparent!important;
  mix-blend-mode:normal;
  border-radius:0;
}
@media(max-width:760px) {
  .trust.screen { padding-inline:10px; }
  .trust .client-logos { width:100%; margin-inline:0; padding-inline:12px; border-radius:17px; }
}

/* V24 — clearer desktop hierarchy for the client success story. */
@media(min-width:901px) {
  .client-highlight.section { padding-block:86px; }
  .highlight-layout {
    grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
    gap:72px;
    align-items:start;
  }
  .highlight-intro>.eyebrow { margin-bottom:20px; }
  .highlight-client {
    display:inline-flex;
    margin:0 0 27px;
    padding:9px 14px 9px 9px;
    border:1px solid #d4e5ef;
    border-radius:999px;
    background:rgb(255 255 255 / 72%);
  }
  .highlight-client img { width:38px; height:38px; }
  .highlight-client strong { font-size:12px; }
  .highlight-client span { font-size:9px; margin-top:1px; }
  .highlight-copy h2 {
    max-width:760px;
    font-size:clamp(50px,4.15vw,67px);
    line-height:1.01;
    letter-spacing:-.06em;
  }
  .highlight-intro>p:not(.eyebrow) {
    max-width:720px;
    margin:27px 0 0;
    color:#496a7d;
    font-size:15px;
    line-height:1.75;
  }
  .highlight-proof {
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:14px 18px;
    margin-top:32px;
  }
  .highlight-copy .highlight-result {
    grid-column:1;
    grid-row:1/3;
    min-height:178px;
    margin:0;
    padding:24px;
    border:0;
    border-radius:20px;
    align-items:flex-start;
    flex-direction:column;
    justify-content:space-between;
    color:#fff;
    background:linear-gradient(145deg,#148bc7,#076696);
    box-shadow:0 18px 40px rgb(12 112 165 / 17%);
  }
  .highlight-result>strong { color:#fff; font-size:50px; }
  .highlight-result b { color:#fff; font-size:12px; }
  .highlight-result div>span { color:rgb(255 255 255 / 72%); font-size:10px; }
  .highlight-proof .highlight-outcomes {
    grid-column:2;
    grid-row:1;
    justify-content:center;
    margin:0;
    padding:19px 21px;
    border:1px solid #d7e7f0;
    border-radius:17px;
    background:rgb(255 255 255 / 73%);
  }
  .highlight-outcomes li { font-size:12px; }
  .highlight-proof>.text-link {
    grid-column:2;
    grid-row:2;
    align-self:stretch;
    justify-content:space-between;
    min-height:50px;
    padding:0 18px;
    border-radius:14px;
    color:#fff;
    background:#142b37;
  }
  .highlight-proof .highlight-disclaimer {
    grid-column:1/-1;
    grid-row:3;
    margin:2px 0 0;
    color:#6d8492;
    font-size:9px;
  }
  .highlight-video {
    width:390px;
    margin:103px 0 0 auto;
  }
  .highlight-video .video-heading { padding-inline:8px; font-size:9px; }
}

/* V25 — split floating-island navigation. */
@media(min-width:761px) {
  .site-header {
    top:18px;
    width:min(1220px,calc(100% - 56px));
    height:60px;
    padding:0;
    display:grid;
    grid-template-columns:60px 1fr auto;
    align-items:center;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    backdrop-filter:none;
    pointer-events:none;
  }
  .site-header>* { pointer-events:auto; }
  .site-header>.brand {
    width:60px;
    height:60px;
    display:grid;
    place-items:center;
    border:1px solid rgb(255 255 255 / 82%);
    border-radius:19px;
    background:rgb(247 252 255 / 82%);
    box-shadow:0 13px 34px rgb(30 93 131 / 12%),inset 0 1px #fff;
    backdrop-filter:blur(18px);
    transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
  }
  .site-header .original-logo { width:38px; height:42px; }
  .site-header .desktop-nav {
    justify-self:center;
    display:flex;
    gap:3px;
    padding:6px;
    border:1px solid rgb(255 255 255 / 82%);
    border-radius:999px;
    background:rgb(247 252 255 / 78%);
    box-shadow:0 13px 34px rgb(30 93 131 / 10%),inset 0 1px #fff;
    backdrop-filter:blur(18px);
    transition:background .25s ease,box-shadow .25s ease;
  }
  .site-header .desktop-nav a {
    position:relative;
    padding:9px 16px;
    border-radius:999px;
    transition:color .2s ease,background .2s ease,transform .2s ease;
  }
  .site-header .desktop-nav a::before {
    content:"";
    width:5px;
    height:5px;
    margin-right:0;
    display:inline-block;
    border-radius:50%;
    background:#168bc7;
    opacity:0;
    transform:scale(0);
    transition:opacity .2s ease,transform .2s ease,margin .2s ease;
  }
  .site-header .desktop-nav a:hover { color:#135f88; background:#fff; transform:translateY(-1px); }
  .site-header .desktop-nav a:hover::before { opacity:1; transform:scale(1); margin-right:7px; }
  .site-header .nav-cta {
    min-height:52px;
    padding:10px 13px 10px 19px;
    gap:15px;
    border-radius:17px;
    background:linear-gradient(135deg,#102b39,#172329);
    box-shadow:0 13px 34px rgb(13 45 62 / 20%),inset 0 1px rgb(255 255 255 / 18%);
  }
  .site-header .nav-cta span {
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:10px;
    color:#fff;
    background:#168bc7;
    font-size:15px;
    transition:transform .2s ease;
  }
  .site-header .nav-cta:hover span { transform:translate(2px,-2px); }
  .header-scrolled .site-header>.brand { transform:scale(.92); background:rgb(255 255 255 / 94%); box-shadow:0 9px 25px rgb(25 77 108 / 15%); }
  .header-scrolled .site-header .desktop-nav { background:rgb(255 255 255 / 93%); box-shadow:0 9px 25px rgb(25 77 108 / 13%); }
}

@media(max-width:760px) {
  .site-header {
    background:linear-gradient(135deg,rgb(255 255 255 / 94%),rgb(237 248 255 / 91%));
    border-color:rgb(255 255 255 / 85%);
    box-shadow:0 10px 28px rgb(28 83 116 / 12%),inset 0 1px #fff;
    backdrop-filter:blur(18px);
  }
  .site-header .nav-cta span { color:#fff; }
  .menu-toggle { border-radius:11px; background:rgb(255 255 255 / 60%); }
}

/* V26 — client logos float directly on the trust gradient. */
.trust .client-logos {
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
}
.trust .client-logos img { mix-blend-mode:multiply; }

/* V28 — stronger CTA, editorial gallery thumbnails, and scan-friendly sectors. */
.site-header .nav-cta {
  min-width:154px;
  gap:13px;
  padding:7px 8px 7px 16px;
  border:1px solid rgb(255 255 255 / 18%);
  border-radius:16px;
  background:linear-gradient(135deg,#102a37 0%,#0b1e28 100%);
  box-shadow:0 10px 24px rgb(11 38 53 / 18%),inset 0 1px rgb(255 255 255 / 12%);
}
.nav-cta-copy { display:flex; flex-direction:column; align-items:flex-start; gap:0; line-height:1.05; }
.nav-cta-copy small { color:#8ed5fa; font-size:6px; font-weight:800; letter-spacing:.15em; }
.nav-cta-copy strong { color:#fff; font-size:12px; font-weight:720; letter-spacing:-.01em; }
.site-header .nav-cta-arrow {
  display:grid; place-items:center; width:33px; height:33px; margin-left:auto;
  border-radius:11px; color:#fff; background:linear-gradient(145deg,#21a5e8,#087db8);
  box-shadow:0 5px 13px rgb(0 118 180 / 30%),inset 0 1px rgb(255 255 255 / 24%);
  transition:transform .2s ease,box-shadow .2s ease;
}
.site-header .nav-cta:hover .nav-cta-arrow { transform:translate(2px,-2px) rotate(5deg); box-shadow:0 8px 17px rgb(0 118 180 / 38%); }

.gallery-item { padding:20px; }
.gallery-item-visual { min-height:184px; padding:22px; margin-bottom:22px; }
.gallery-item-visual span { font-size:11px; font-weight:750; letter-spacing:.2em; }
.gallery-item-visual strong { max-width:240px; font-size:clamp(31px,2.5vw,39px); line-height:.98; letter-spacing:-.055em; text-wrap:balance; }
.gallery-item .eyebrow { font-size:9px; font-weight:800; letter-spacing:.12em; }
.gallery-item h3 { font-size:24px; line-height:1.1; margin:10px 0 9px; }
.gallery-item>p:last-child { font-size:13px; line-height:1.65; }

.industry-tags {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1040px!important;
  gap:11px!important;
  width:100%;
  margin:0 auto!important;
}
.industry-tags>span,
.industry-tags>span:nth-child(1),
.industry-tags>span:nth-child(6) {
  display:flex; align-items:center; gap:11px;
  min-height:66px; padding:11px 14px!important;
  border:1px solid rgb(125 192 229 / 48%)!important;
  border-radius:16px!important;
  color:#245b78!important;
  background:linear-gradient(145deg,rgb(255 255 255 / 82%),rgb(237 248 255 / 72%))!important;
  box-shadow:0 8px 22px rgb(29 101 143 / 7%),inset 0 1px #fff;
  text-align:left; font-size:12px!important; line-height:1.25;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.industry-tags>span:hover { transform:translateY(-3px); border-color:#56b2e2!important; box-shadow:0 12px 28px rgb(29 101 143 / 12%); }
.industry-tags i { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; color:#087fbe; background:#dff3ff; }
.industry-tags svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.industry-tags b { font:inherit; font-weight:720; }

@media(max-width:760px) {
  .site-header .nav-cta { min-width:124px; padding:5px 6px 5px 11px; border-radius:13px; gap:8px; }
  .nav-cta-copy small { font-size:5px; }
  .nav-cta-copy strong { font-size:10px; }
  .site-header .nav-cta-arrow { width:29px; height:29px; border-radius:9px; }
  .gallery-item { padding:18px; }
  .gallery-item-visual { min-height:168px; padding:19px; }
  .gallery-item-visual strong { font-size:32px; }
  .gallery-item h3 { font-size:23px; }
  .industry-tags { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px!important; }
  .industries.screen .industry-tags>span { min-height:66px; padding:9px!important; font-size:10px!important; gap:8px; }
  .industry-tags i { flex-basis:30px; width:30px; height:30px; border-radius:9px; }
  .industry-tags svg { width:17px; height:17px; }
}
@media(max-width:370px) {
  .industry-tags { grid-template-columns:1fr; }
  .industries.screen .industry-tags>span { min-height:54px; }
}

/* V28.1 — neutralize older generic span/check styling. */
.site-header .nav-cta .nav-cta-copy {
  display:flex; flex-direction:column; align-items:flex-start; gap:1px;
  width:auto; height:auto; border-radius:0; color:inherit; background:transparent;
  font-size:inherit; transform:none;
}
.site-header .nav-cta:hover .nav-cta-copy { transform:none; }
.site-header .nav-cta .nav-cta-copy small { color:#8ed5fa; font-size:6px; font-weight:800; line-height:1; letter-spacing:.15em; }
.site-header .nav-cta .nav-cta-copy strong { color:#fff; font-size:12px; font-weight:720; line-height:1.15; }
.site-header .nav-cta .nav-cta-arrow { display:grid; }
.industry-tags>span::before { display:none!important; content:none!important; }
@media(max-width:760px) {
  .site-header .nav-cta .nav-cta-copy small { font-size:5px; }
  .site-header .nav-cta .nav-cta-copy strong { font-size:10px; }
}

/* V29 — compact mobile sectors and persistent WhatsApp access. */
.whatsapp-float {
  position:fixed; z-index:19; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:0; width:58px; height:58px; padding:0 17px;
  border:1px solid rgb(255 255 255 / 65%); border-radius:999px;
  color:#fff; background:linear-gradient(145deg,#2ed66f,#16a958);
  box-shadow:0 14px 35px rgb(8 93 47 / 28%),inset 0 1px rgb(255 255 255 / 35%);
  overflow:hidden; transition:width .25s ease,transform .2s ease,box-shadow .2s ease;
}
.whatsapp-float svg { flex:0 0 24px; width:24px; height:24px; fill:currentColor; }
.whatsapp-float span { margin-left:10px; font-size:11px; font-weight:750; white-space:nowrap; opacity:0; transition:opacity .15s ease .03s; }
.whatsapp-float:hover { width:160px; transform:translateY(-3px); box-shadow:0 18px 40px rgb(8 93 47 / 35%); }
.whatsapp-float:hover span { opacity:1; }

@media(max-width:760px) {
  .industries { padding-block:58px!important; }
  .industries h2 { margin-bottom:22px!important; }
  .industries .industry-intro { margin-bottom:5px; }
  .industries.screen .industry-tags {
    display:grid!important;
    grid-template-columns:none;
    grid-template-rows:repeat(2,64px);
    grid-auto-flow:column;
    grid-auto-columns:minmax(205px,72vw);
    gap:9px!important;
    width:calc(100% + 40px);
    max-width:none!important;
    margin:8px -20px 4px!important;
    padding:5px 20px 12px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .industries.screen .industry-tags::-webkit-scrollbar { display:none; }
  .industries.screen .industry-tags>span {
    min-height:64px; width:auto; scroll-snap-align:start;
  }
  .industries>p:last-of-type { margin-top:17px!important; }
  .industries-cta { margin-top:17px; }
  .whatsapp-float {
    right:max(14px,env(safe-area-inset-right)); bottom:max(14px,env(safe-area-inset-bottom));
    width:54px; height:54px; padding:0 15px;
  }
  .whatsapp-float:hover { width:54px; transform:translateY(-2px); }
  .whatsapp-float span { display:none; }
}
@media(max-width:760px) {
  .industries.screen .industry-tags { justify-content:start; justify-items:stretch; align-content:start; }
}

/* V30 — calmer mobile header CTA. */
@media(max-width:760px) {
  .site-header .nav-cta {
    min-width:112px;
    min-height:40px;
    height:40px;
    padding:5px 6px 5px 13px;
    gap:10px;
    border-radius:12px;
    box-shadow:0 7px 18px rgb(11 38 53 / 16%),inset 0 1px rgb(255 255 255 / 12%);
  }
  .site-header .nav-cta .nav-cta-copy { justify-content:center; }
  .site-header .nav-cta .nav-cta-copy small { display:none; }
  .site-header .nav-cta .nav-cta-copy strong { font-size:11px; line-height:1; }
  .site-header .nav-cta .nav-cta-arrow {
    width:28px;
    height:28px;
    border-radius:8px;
    font-size:14px;
  }
}

/* V31 — faster mobile flow and compact proof sections. */
.fit-swipe-hint { display:none; }

@media(max-width:760px) {
  /* Keep every client visible through a quick continuous marquee. */
  .trust.screen { gap:10px; padding-block:28px 22px; }
  .trust-proof { padding:25px 15px 22px; }
  .trust-statement { margin-top:12px; gap:10px; }
  .trust-statement>strong span { font-size:70px; }
  .trust-statement>p { font-size:15px; line-height:1.4; }
  .trust-growing { margin-top:11px; }
  .trust .client-logos {
    display:flex!important; flex-wrap:nowrap; justify-content:flex-start;
    width:max-content; max-width:none; gap:22px; padding:9px 0 12px;
    animation:client-marquee 7.5s linear infinite!important;
    will-change:transform;
  }
  .trust .client-logos img { width:88px!important; height:38px!important; flex:0 0 88px; }
  .trust .client-logos [data-marquee-copy] { display:block; }

  /* A clear two-card indicator for fit / not-yet-fit. */
  .fit-section.screen { padding-block:54px; }
  .fit-layout { gap:18px; }
  .fit-intro h2 { font-size:37px; line-height:1.02; margin:12px 0 16px; }
  .fit-intro>p:not(.eyebrow) { font-size:13px; line-height:1.65; }
  .fit-swipe-hint {
    display:flex; align-items:center; gap:8px; margin:4px 0 -3px;
    color:#b9d3e1; font-size:10px; line-height:1.3;
  }
  .fit-swipe-hint span { padding:4px 7px; border:1px solid #ffffff2e; border-radius:99px; color:#8fd4fb; font-size:8px; font-weight:800; }
  .fit-swipe-hint strong { font-weight:650; }
  .fit-swipe-hint i { margin-left:auto; color:#fff; font-size:18px; font-style:normal; animation:swipe-cue 1.1s ease-in-out infinite alternate; }
  .fit-cards { gap:10px; }
  .fit-card { flex-basis:82vw; min-height:0; padding:24px 22px; }
  .fit-card h3 { margin:16px 0; font-size:25px; }
  .fit-card ul { gap:10px; }
  .fit-card li { font-size:12px; line-height:1.45; }

  /* Condensed client story: result first, supporting copy second. */
  .client-highlight.screen { padding:48px 0; }
  .highlight-layout { gap:18px; }
  .highlight-copy { padding:22px 18px!important; border-radius:19px; }
  .highlight-client { margin:14px 0; }
  .highlight-copy h2 { font-size:31px; line-height:1.05; }
  .highlight-copy>p:not(.eyebrow):not(.highlight-disclaimer) { margin:14px 0; font-size:12px; line-height:1.6; }
  .highlight-result { margin:16px 0; padding:14px 0; }
  .highlight-result>strong { font-size:37px; }
  .highlight-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; margin:14px 0; }
  .highlight-outcomes li { font-size:10px; line-height:1.4; }
  .highlight-disclaimer { margin-top:10px; font-size:8px; }
  .highlight-video { max-width:280px; margin-inline:auto; }
  .highlight-video .embed-fit { height:350px; }
  .highlight-video .load-video { min-height:350px; }

  /* Clear portfolio affordance on each service card. */
  .service-card::after {
    content:"LIHAT PORTFOLIO  ↗";
    top:17px; right:16px;
    min-width:126px; min-height:40px; padding:9px 13px;
    display:grid; place-items:center;
    border:1px solid #ffffffa8; border-radius:13px;
    color:#fff; background:linear-gradient(135deg,#168bc7,#0874ab);
    box-shadow:0 9px 22px rgb(16 117 168 / 24%);
    font-size:10px; font-weight:850; letter-spacing:.04em;
    animation:portfolio-pulse 1.8s ease-in-out infinite;
  }
  .service-card .service-label { max-width:155px; padding-right:0; }

  /* Results are visible at once: no horizontal swipe. */
  .results.screen { padding-block:54px!important; background:linear-gradient(145deg,#eff9ff,#dcedfa); }
  .results .result-heading { margin-bottom:20px; text-align:center; }
  .results .result-heading h2 { font-size:31px; }
  .results .result-heading>p { margin:12px auto 0; max-width:290px; }
  .results .stats-swipe { display:none; }
  .results .stats-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:9px;
    margin:0; padding:0; overflow:visible;
  }
  .results .stats-grid article {
    min-height:148px; padding:17px 15px; border:1px solid #d1e6f3!important;
    border-radius:17px; background:rgb(255 255 255 / 82%);
    box-shadow:0 10px 25px rgb(35 91 128 / 6%);
  }
  .results .stat-icon { width:24px; height:24px; margin-bottom:10px; }
  .results .stats-grid strong,.results .stats-grid .roas-word { margin:0; font-size:31px; letter-spacing:-.05em; }
  .results .stats-grid strong span { font-size:18px; }
  .results .stats-grid h3 { margin-top:8px; font-size:10px; line-height:1.25; }
  .results .stats-grid p { margin-top:5px; font-size:9px; line-height:1.45; }
  .results .result-note { margin-top:12px; font-size:8px; }

  /* Testimonials remain swipeable but occupy much less vertical space. */
  .testimonials.section { padding-block:52px; }
  .testimonials .section-heading h2 { font-size:30px; }
  .testimonials .testimonial-grid { gap:10px; margin-top:22px; }
  .testimonial { flex:0 0 78vw!important; min-height:250px!important; padding:18px 17px 15px!important; }
  .quote-mark { height:22px; font-size:38px; }
  .testimonial blockquote { margin:8px 0 14px; font-size:11px; line-height:1.65; }
  .testimonial figcaption { padding-top:13px; }
  .testimonial-category { margin-top:10px; }

  /* Form removed: direct contact becomes a focused single card. */
  .contact { display:block; padding-block:58px; text-align:center; }
  .contact-copy { max-width:560px; margin-inline:auto; }
  .contact-copy>p:not(.eyebrow):not(.contact-note) { margin-inline:auto; }
  .contact-details { align-items:center; }
}

@keyframes swipe-cue { to { transform:translateX(7px); } }
@keyframes portfolio-pulse {
  0%,100% { transform:translateY(0); filter:brightness(1); }
  50% { transform:translateY(-2px); filter:brightness(1.12); }
}
@media(max-width:760px) {
  .results .result-heading::after { display:none!important; content:none!important; }
}

/* V32 — align the desktop navigation to the same center axis as the hero. */
@media(min-width:761px) {
  .site-header .desktop-nav {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    justify-self:auto;
  }
  .site-header .desktop-nav a:hover { transform:translateY(-1px); }
}
@media(min-width:761px) {
  .site-header .nav-cta {
    grid-column:3;
    justify-self:end;
    width:auto;
  }
}

/* V33 — portfolio hub connected to the four services. */
.portfolio-hub { margin-top:54px; padding:42px; border:1px solid #d4e7f3; border-radius:28px; background:linear-gradient(135deg,#ecf8ff,#fff 52%,#e3f3ff); box-shadow:0 22px 60px rgb(30 91 128 / 8%); }
.portfolio-hub-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:25px; }
.portfolio-hub-heading h3 { margin-top:10px; font-size:clamp(30px,3vw,42px); }
.portfolio-hub-heading h3 span { color:#617c8d; }
.portfolio-hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.portfolio-door { position:relative; min-height:245px; padding:28px; border:1px solid #d7e6ef; border-radius:22px; overflow:hidden; color:#173142; background:#fff; text-align:left; box-shadow:0 13px 32px rgb(35 91 128 / 7%); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.portfolio-door::before { content:""; position:absolute; width:220px; height:220px; right:-85px; top:-105px; border:1px solid #168bc738; border-radius:50%; box-shadow:0 0 0 35px #168bc70a; }
.portfolio-door:hover { transform:translateY(-5px); border-color:#8bc9e8; box-shadow:0 20px 42px rgb(35 91 128 / 13%); }
.ads-door { color:#fff; border-color:#153b50; background:linear-gradient(145deg,#173f55,#0d2633); }
.portfolio-door-index { position:absolute; right:22px; top:18px; color:#7893a3; font-size:11px; }
.ads-door .portfolio-door-index { color:#8ab7cf; }
.portfolio-door-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#087fbe; background:#e0f3ff; font-size:18px; }
.ads-door .portfolio-door-icon { color:#fff; background:#168bc7; }
.portfolio-door strong { display:block; margin-top:31px; font-size:30px; line-height:1.02; letter-spacing:-.045em; }
.portfolio-door small { display:block; margin-top:13px; color:#668091; font-size:11px; }
.ads-door small { color:#a9c3d1; }
.portfolio-door i { position:absolute; left:28px; bottom:24px; color:#137cab; font-size:11px; font-style:normal; font-weight:750; }
.ads-door i { color:#8fd4fb; }

.portfolio-library-dialog { width:min(1100px,calc(100% - 36px)); max-height:calc(100dvh - 36px); padding:0; border:0; border-radius:28px; color:var(--ink); background:linear-gradient(145deg,#fff,#eaf7ff); box-shadow:0 30px 100px rgb(11 38 53 / 30%); overflow:auto; }
.portfolio-library-dialog::backdrop { background:rgb(11 32 43 / 62%); backdrop-filter:blur(9px); }
.portfolio-library-shell { position:relative; padding:48px; }
.portfolio-library-close { position:absolute; right:20px; top:18px; display:grid; place-items:center; width:42px; height:42px; border:1px solid #d2e6f1; border-radius:50%; color:#244b61; background:#fff; font-size:26px; }
.portfolio-library-shell>h2 { margin:10px 0 10px; font-size:clamp(38px,5vw,62px); }
.portfolio-library-intro { font-size:14px; }
.portfolio-library-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:27px 0 24px; }
.portfolio-library-tabs button { padding:10px 15px; border:1px solid #cce2ef; border-radius:999px; color:#37677f; background:#fff; font-size:11px; font-weight:700; }
.portfolio-library-tabs button.is-active { color:#fff; border-color:#168bc7; background:#168bc7; box-shadow:0 7px 18px rgb(22 139 199 / 20%); }
.portfolio-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.portfolio-library-item { padding:15px; border:1px solid #d8e7f0; border-radius:18px; background:#fff; box-shadow:0 13px 34px rgb(34 83 113 / 7%); }
.portfolio-media-button { position:relative; width:100%; aspect-ratio:9/14; padding:0; border:0; border-radius:13px; overflow:hidden; color:#fff; background:#112b39; }
.portfolio-media-button img,.portfolio-design-item>img,.portfolio-ads-slides>img { width:100%; height:100%; object-fit:cover; }
.portfolio-media-button b { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:9px 13px; border-radius:99px; background:#122c3dcc; font-size:11px; }
.portfolio-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:180px; color:#168bc7; background:linear-gradient(145deg,#e5f5ff,#f9fcff); font-size:35px; }
.portfolio-item-meta { display:flex; align-items:center; gap:10px; margin-top:13px; }
.portfolio-item-meta img { width:35px; height:35px; border:1px solid #deebf2; border-radius:50%; object-fit:contain; }
.portfolio-item-meta strong { display:block; font-size:12px; }
.portfolio-item-meta span { display:block; margin-top:3px; color:#647f8f; font-size:9px; }
.portfolio-design-item>img,.portfolio-ads-slides { aspect-ratio:4/5; border-radius:13px; overflow:hidden; }
.portfolio-ads-item>p { margin-top:12px; font-size:11px; line-height:1.6; }
.portfolio-empty { display:grid; place-items:center; min-height:330px; padding:42px; border:1px dashed #bcd9e9; border-radius:22px; text-align:center; background:rgb(255 255 255 / 62%); }
.portfolio-empty>span { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; color:#0d82bc; background:#dff3ff; font-size:24px; }
.portfolio-empty h3 { margin:19px 0 8px; font-size:27px; }
.portfolio-empty p { max-width:520px; font-size:13px; line-height:1.7; }
.portfolio-empty small { margin-top:22px; color:#2a7398; font-size:8px; font-weight:800; letter-spacing:.14em; }

@media(max-width:760px) {
  .portfolio-hub { margin-top:30px; padding:25px 18px; border-radius:22px; }
  .portfolio-hub-heading { display:block; margin-bottom:19px; }
  .portfolio-hub-heading h3 { font-size:29px; }
  .portfolio-hub-grid { grid-template-columns:1fr; gap:11px; }
  .portfolio-door { min-height:172px; padding:20px; border-radius:18px; }
  .portfolio-door-icon { width:36px; height:36px; }
  .portfolio-door strong { margin-top:20px; font-size:25px; }
  .portfolio-door small { margin-top:8px; }
  .portfolio-door i { left:auto; right:19px; bottom:18px; }
  .portfolio-library-dialog { width:calc(100% - 18px); max-height:calc(100dvh - 18px); border-radius:22px; }
  .portfolio-library-shell { padding:46px 16px 22px; }
  .portfolio-library-close { right:12px; top:10px; width:38px; height:38px; }
  .portfolio-library-shell>h2 { font-size:34px; padding-right:22px; }
  .portfolio-library-intro { font-size:12px; line-height:1.6; }
  .portfolio-library-tabs { flex-wrap:nowrap; margin:20px -16px 18px; padding:0 16px 8px; overflow-x:auto; scrollbar-width:none; }
  .portfolio-library-tabs::-webkit-scrollbar { display:none; }
  .portfolio-library-tabs button { flex:0 0 auto; }
  .portfolio-library-grid { display:flex; gap:11px; margin-inline:-16px; padding:0 16px 10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .portfolio-library-item { flex:0 0 80vw; scroll-snap-align:center; }
  .portfolio-empty { min-height:310px; padding:28px 18px; }
  .portfolio-empty h3 { font-size:24px; }
  .portfolio-empty p { font-size:12px; }
}
.portfolio-video-item video { display:block; width:100%; aspect-ratio:9/14; border-radius:13px; background:#0e2633; object-fit:contain; }
.portfolio-ads-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; }
.portfolio-ads-controls button { display:grid; place-items:center; width:31px; height:31px; border:1px solid #cfe3ee; border-radius:50%; color:#1d688e; background:#fff; }
.portfolio-ads-controls span { color:#658090; font-size:8px; font-weight:700; letter-spacing:.04em; }

/* Portfolio assets: visible attribution, readable proof and uncropped dashboard screenshots. */
.portfolio-library-stage.is-case-study .portfolio-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.portfolio-watermarked-visual,.portfolio-video-player,.portfolio-ads-slides { position:relative; overflow:hidden; }
.portfolio-watermarked-visual { aspect-ratio:4/5; border-radius:13px; }
.portfolio-watermarked-visual img { width:100%; height:100%; object-fit:cover; }
.portfolio-watermarked-visual>span,.portfolio-video-player>span,.portfolio-image-watermark,.portfolio-media-button::after {
  position:absolute; right:10px; bottom:9px; z-index:3; padding:4px 7px; border-radius:999px;
  color:#fff; background:rgb(11 39 53 / 64%); backdrop-filter:blur(4px);
  font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:lowercase; pointer-events:none;
}
.portfolio-media-button::after { content:'mediamatrix.id'; }
.portfolio-video-player video { display:block; width:100%; aspect-ratio:9/14; border-radius:13px; background:#0e2633; object-fit:contain; }
.portfolio-logo-text { display:grid!important; place-items:center; width:35px; height:35px; margin:0!important; flex:0 0 35px; border:1px solid #d7e9f2; border-radius:50%; color:#143749!important; background:#eef8fd; font-size:7px!important; font-weight:900; }
.portfolio-ads-slides { aspect-ratio:16/9; background:#f3f8fb; }
.portfolio-ads-slides>img { object-fit:contain; background:#fff; }
.portfolio-slide-label { position:absolute; left:10px; top:10px; z-index:4; padding:6px 9px; border-radius:999px; color:#fff; background:#102c3b; font-size:8px; letter-spacing:.12em; }
.portfolio-ads-item .portfolio-item-meta span { color:#087eb9; font-size:12px; font-weight:850; line-height:1.35; }
.portfolio-ads-item>p { color:#48697b; font-size:12px; line-height:1.65; }

@media(max-width:760px) {
  .portfolio-library-stage.is-case-study .portfolio-library-grid { display:flex; }
  .portfolio-ads-slides { aspect-ratio:16/10; }
  .portfolio-ads-item .portfolio-item-meta span { font-size:11px; }
}

/* V34 — faster proof, denser mobile sections, and no mandatory horizontal sector swipe. */
@media(min-width:761px) {
  .trust .client-logos { gap:34px; animation-duration:8.5s!important; }
  .trust:hover .client-logos { animation-play-state:running; }
  .trust .client-logos img { width:112px!important; height:50px!important; flex-basis:112px; }
}

@media(max-width:760px) {
  /* Compact repeatable client-story format. */
  .client-highlight.screen { padding:34px 0; }
  .highlight-layout { gap:12px; }
  .highlight-copy { padding:18px 16px!important; }
  .highlight-copy .highlight-client { margin:10px 0; }
  .highlight-client img { width:36px; height:36px; }
  .highlight-client strong { font-size:11px; }
  .highlight-client span { font-size:9px; }
  .highlight-copy h2 { font-size:27px; }
  .highlight-copy>p:not(.eyebrow):not(.highlight-disclaimer) { display:none; }
  .highlight-result { margin:12px 0; padding:11px 0; }
  .highlight-result>strong { font-size:32px; }
  .highlight-result>strong span { font-size:20px; }
  .highlight-result b { font-size:10px; }
  .highlight-result div>span { display:none; }
  .highlight-outcomes { margin:10px 0; gap:7px 10px; }
  .highlight-outcomes li { font-size:9px; }
  .highlight-copy>.text-link { min-height:34px; font-size:11px; }
  .highlight-disclaimer { display:none; }
  .highlight-video { max-width:245px; }
  .highlight-video .embed-fit,.highlight-video .load-video { height:255px; min-height:255px; }
  .highlight-video .video-heading { padding:9px 10px; }
  .highlight-video figcaption { display:none; }

  /* One continuous blue field for the result proof. */
  .results.wrap {
    width:100%; max-width:none; margin:0; padding-inline:20px;
    background:linear-gradient(145deg,#eff9ff 0%,#dceefa 55%,#eef8ff 100%);
    box-shadow:none;
  }
  .results .stats-grid article { background:rgb(255 255 255 / 76%); }

  /* Testimonials autoplay horizontally, but stay compact. */
  .testimonials .section-heading::after { content:"Auto-scroll aktif · Swipe juga bisa  →"; }
  .testimonial-grid { scroll-behavior:smooth; }

  /* All industries visible without horizontal interaction. */
  .industries.screen {
    min-height:0!important;
    padding:48px 18px!important;
    gap:0;
  }
  .industries.screen h2 { margin:12px 0 17px!important; font-size:34px!important; }
  .industries .industry-intro { margin-bottom:15px!important; }
  .industries.screen .industry-tags {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:7px!important;
    width:100%; max-width:100%!important;
    margin:0!important; padding:0;
    overflow:visible;
    scroll-snap-type:none;
  }
  .industries.screen .industry-tags>span {
    min-height:52px; width:100%; padding:7px 8px!important;
    gap:7px; border-radius:13px!important; scroll-snap-align:none;
  }
  .industry-tags i { flex-basis:28px; width:28px; height:28px; }
  .industry-tags svg { width:15px; height:15px; }
  .industries.screen .industry-tags b { font-size:9px; line-height:1.25; }
  .industries.screen>p:last-of-type { margin-top:16px!important; font-size:10px!important; line-height:1.55; }
  .industries-cta { margin-top:15px; min-height:46px; }
}

/* V34.1 — finish the mobile compaction and let testimonial autoplay own its track. */
@media(max-width:760px) {
  .client-highlight.screen { padding:26px 0; }
  .highlight-copy { padding:15px 14px!important; }
  .highlight-copy .highlight-intro>p:last-child { display:none!important; }
  .highlight-copy h2 { margin-bottom:5px; font-size:25px; }
  .highlight-result { margin:8px 0; padding:9px 0; }
  .highlight-outcomes { margin:7px 0; }
  .highlight-video { max-width:220px; }
  .highlight-video .embed-fit,
  .highlight-video .load-video { height:210px; min-height:210px; }

  .testimonials.screen { padding-block:42px!important; }
  .testimonials .section-heading { margin-bottom:14px; }
  .testimonials .section-heading h2 { font-size:29px; }
  .testimonials .testimonial-grid { margin-top:12px; }

  .industries.screen { padding-top:40px!important; padding-bottom:38px!important; }
  .industries.screen>p:last-of-type { margin-bottom:0; }
}

/* Keep the V35.1 interaction above later legacy card rules. */
@media(hover:hover) and (pointer:fine) {
  .industries .industry-tags>span:hover {
    transform:translateY(-6px) scale(1.018);
    color:#075f91;
    border-color:#45aae0!important;
    background:linear-gradient(145deg,#fff 0%,#e7f7ff 100%);
    box-shadow:0 18px 36px rgb(14 113 170 / 18%),0 0 0 1px rgb(78 178 226 / 12%);
  }
  .industries .industry-tags>span:hover::after { transform:rotate(18deg) translateX(430%); }
  .industries .industry-tags>span:hover i {
    transform:translateY(-2px) rotate(-5deg) scale(1.1);
    color:#fff;
    background:linear-gradient(145deg,#20a8ec,#087fbe);
    box-shadow:0 8px 18px rgb(8 127 190 / 25%);
  }
  .industries .industry-tags>span:hover b { transform:translateX(2px); }
}

/* V36 final cascade position. */
.count-value {
  display:inline!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}
.highlight-video .embed-fit {
  width:min(320px,100%);
  height:auto!important;
  min-height:0!important;
  aspect-ratio:9 / 16;
}
.highlight-video .client-success-video { object-fit:contain; }
.highlight-video .load-video { height:100%!important; min-height:0!important; }
@media(max-width:760px) {
  .highlight-video { width:min(250px,78vw); max-width:none; }
  .highlight-video .embed-fit { width:100%; }
}

/* V42 — portfolio proof stays readable on small screens. */
.portfolio-watermarked-visual>span,
.portfolio-video-player>span,
.portfolio-image-watermark,
.portfolio-media-button::after {
  left:10px;
  right:auto;
  bottom:9px;
}
.portfolio-slide-label { min-width:64px; padding:7px 12px; text-align:center; font-size:9px; box-shadow:0 5px 16px rgb(7 34 47 / 18%); }
.portfolio-slide-label[data-state="before"] { color:#8a2c2c; border:1px solid #f0b3ad; background:#ffe3df; }
.portfolio-slide-label[data-state="after"] { color:#fff; border:1px solid #2d9e71; background:#16865e; }
.portfolio-slide-label[data-state="result"] { color:#fff; border:1px solid #1989c1; background:#087fbe; }
.portfolio-media-button { background:#edf4f7; }
.portfolio-media-button img { object-fit:contain; background:#eef4f7; }
.portfolio-watermarked-visual { aspect-ratio:3/4; background:#f5f7f8; }
.portfolio-watermarked-visual img { object-fit:contain; background:#f5f7f8; }
.portfolio-item-meta img { box-sizing:border-box; width:42px; height:42px; flex:0 0 42px; padding:5px; border-radius:11px; background:#f1f6f8; object-fit:contain; }
.portfolio-item-meta strong { font-size:13px; }
.portfolio-video-item .portfolio-item-meta span { margin-top:2px; color:#087fbe; font-size:13px; line-height:1.2; font-weight:850; }
.portfolio-library-item[data-client="Bauhaus Living"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Plyfon"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Tone Spa"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Nacon"] .portfolio-item-meta img { filter:brightness(0); }
.portfolio-library-item[data-client="Golden Crown"] .portfolio-item-meta img,
.portfolio-library-item[data-client="LM9999"] .portfolio-item-meta img { padding:2px; background:#fff; }

@media(max-width:760px) {
  .portfolio-library-stage.is-video .portfolio-library-grid,
  .portfolio-library-stage.is-image .portfolio-library-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-inline:0;
    padding:0 0 12px;
    overflow:visible;
    scroll-snap-type:none;
  }
  .portfolio-library-stage.is-video .portfolio-library-item,
  .portfolio-library-stage.is-image .portfolio-library-item {
    min-width:0;
    width:auto;
    padding:8px;
  }
  .portfolio-library-stage.is-video .portfolio-media-button { aspect-ratio:9/14; }
  .portfolio-library-stage.is-video .portfolio-media-button b { padding:7px 9px; font-size:9px; }
  .portfolio-library-stage.is-video .portfolio-item-meta { align-items:flex-start; gap:7px; margin-top:9px; }
  .portfolio-library-stage.is-video .portfolio-item-meta img { width:31px; height:31px; flex-basis:31px; padding:4px; }
  .portfolio-library-stage.is-video .portfolio-item-meta strong { font-size:10px; line-height:1.2; }
  .portfolio-library-stage.is-video .portfolio-item-meta span { font-size:11px; }
  .portfolio-library-stage.is-image .portfolio-watermarked-visual { aspect-ratio:3/4; }
  .portfolio-library-stage.is-image .portfolio-item-meta { gap:6px; margin-top:8px; }
  .portfolio-library-stage.is-image .portfolio-item-meta img { width:30px; height:30px; flex-basis:30px; }
  .portfolio-library-stage.is-image .portfolio-item-meta strong { font-size:10px; }
  .portfolio-library-stage.is-case-study .portfolio-library-grid { display:flex; }
}
.portfolio-library-item[data-client="Golden Crown"] .portfolio-item-meta img { filter:brightness(0); }

/* V44 — align the desktop case-study reel with the left story block. */
@media(min-width:901px) {
  .highlight-video { margin-top:48px; }
}

/* V45 — preserve original client-logo colors and keep content work clean. */
.portfolio-library-item[data-client="Bauhaus Living"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Plyfon"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Tone Spa"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Nacon"] .portfolio-item-meta img,
.portfolio-library-item[data-client="Golden Crown"] .portfolio-item-meta img {
  filter:none;
  background:#173240;
}
.portfolio-library-stage.is-video .portfolio-media-button::after,
.portfolio-library-stage.is-video .portfolio-video-player>span,
.portfolio-library-stage.is-image .portfolio-watermarked-visual>span { display:none; }


/* V47 — reporting is presented as one connected operating flow. */
.partnership-grid { position:relative; counter-reset:reporting-step; }
.partnership-grid article {
  position:relative;
  z-index:1;
  border:1px solid #d6e7f0!important;
  border-radius:18px;
  background:rgb(255 255 255 / 78%);
  box-shadow:0 10px 28px rgb(28 92 128 / 7%);
}
.partnership-grid article:not(:last-child)::after {
  content:"→";
  position:absolute;
  z-index:3;
  top:50%;
  right:-24px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid #cde3ef;
  border-radius:50%;
  color:#1288c4;
  background:#f7fcff;
  box-shadow:0 5px 15px rgb(31 108 150 / 10%);
  transform:translateY(-50%);
}
.partnership .cadence { display:inline-flex; align-items:center; min-height:26px; padding:5px 10px; border-radius:999px; }
.partnership-grid h3 { margin-top:15px; }

@media(min-width:761px) {
  .partnership-grid { gap:30px; }
  .partnership-grid article { padding:27px!important; }
}
@media(max-width:760px) {
  .partnership-grid { gap:12px!important; margin-top:26px!important; padding-left:24px; }
  .partnership-grid::before {
    content:"";
    position:absolute;
    left:8px;
    top:18px;
    bottom:18px;
    width:2px;
    border-radius:2px;
    background:linear-gradient(#168dcc,#ef7774 52%,#70b676);
  }
  .partnership-grid article {
    padding:15px 16px!important;
    border-bottom:1px solid #d6e7f0!important;
  }
  .partnership-grid article::before {
    content:"";
    position:absolute;
    left:-22px;
    top:23px;
    width:10px;
    height:10px;
    border:3px solid #eef8ff;
    border-radius:50%;
    background:#168dcc;
    box-shadow:0 0 0 1px #a8d6ec;
  }
  .partnership-grid article:nth-child(2)::before { background:#ef7774; }
  .partnership-grid article:nth-child(3)::before { background:#70b676; }
  .partnership-grid article:not(:last-child)::after {
    content:"↓";
    top:auto;
    right:auto;
    left:-29px;
    bottom:-22px;
    width:24px;
    height:24px;
    border:0;
    box-shadow:none;
    background:#eef8ff;
    transform:none;
    font-size:11px;
  }
  .partnership-grid h3 { margin:8px 0 4px; }
}

/* V48 — give the final reporting step clearer breathing room on mobile. */
@media(max-width:760px) {
  .partnership-grid article:nth-child(3) { margin-top:10px; }
  .partnership-grid article:nth-child(2)::after { bottom:-27px; }
}