/* Sites web & e-commerce — production 2.4.0 */
:root{--web-serif:var(--phocea-serif);--web-sans:var(--phocea-sans);--web-hand:var(--phocea-hand);--web-violet:var(--phocea-violet);--web-ink:var(--phocea-ink);--web-paper:var(--phocea-paper);--web-line:var(--phocea-line);--web-muted:var(--phocea-muted)}
body.phocea-service-web{overflow-x:hidden}.web-service-main{position:relative;isolation:isolate}.web-service-main:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 78% 7%,rgba(120,57,238,.045),transparent 20%),radial-gradient(circle at 12% 43%,rgba(17,16,14,.025),transparent 18%)}.web-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--web-violet);margin:0 0 12px}.web-reveal{opacity:0;transform:translateY(24px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.7,.2,1)}.web-reveal.is-visible{opacity:1;transform:none}.web-hand-note{display:block;margin-top:20px;font:14px var(--web-hand);color:var(--web-violet);transform:rotate(-3deg)}

/* HERO / INTERACTIVE PRODUCT LAB */
.web-hero{min-height:700px;padding:clamp(50px,6vw,86px) 0 clamp(72px,7vw,105px);display:grid;grid-template-columns:minmax(450px,.84fr) minmax(610px,1.16fr);gap:clamp(34px,5vw,82px);align-items:center}.web-hero-copy{padding-left:2.2%;max-width:790px}.web-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin:0 0 22px}.web-eyebrow span{color:var(--web-violet);margin-left:8px;position:relative}.web-eyebrow span:after{content:"";position:absolute;inset:-4px -9px;border:1.6px solid var(--web-violet);border-radius:50%;transform:rotate(-4deg)}.web-hero h1{font:700 clamp(50px,4.35vw,82px)/.95 var(--web-serif);letter-spacing:-.052em;margin:0 0 26px;max-width:900px}.web-hero h1 em,.web-intro h2 em,.web-journey h2 em,.web-projects h2 em,.web-manifesto h2 em,.web-method h2 em,.web-stack h2 em,.web-offers h2 em,.web-faq h2 em{font-style:normal;position:relative}.web-hero h1 em:after{content:"";position:absolute;left:-1%;right:-3%;bottom:-6px;height:3px;background:var(--web-violet);transform:rotate(-1deg)}.web-lead{font-size:15.5px;line-height:1.72;color:#302d29;max-width:700px;margin:0 0 22px}.web-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.web-hero-tags span{font-size:10.5px;font-weight:800;border:1px solid var(--web-line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.62)}.web-actions{display:flex;gap:10px;flex-wrap:wrap}
.web-lab{height:540px;position:relative;border:1px solid rgba(25,22,18,.1);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.38);box-shadow:0 30px 75px rgba(17,16,14,.06);transition:transform .22s ease}.web-lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.web-lab-toolbar{position:absolute;z-index:7;left:50%;top:18px;translate:-50% 0;display:flex;gap:3px;padding:4px;border:1px solid var(--web-line);border-radius:999px;background:rgba(247,244,238,.92);backdrop-filter:blur(10px)}.web-lab-toolbar button{border:0;background:transparent;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:900;cursor:pointer;color:#5f5952}.web-lab-toolbar button.is-active{background:var(--web-ink);color:#fff}.web-lab-canvas{position:absolute;left:8%;right:8%;top:14%;bottom:12%;border:1px solid rgba(17,16,14,.15);border-radius:12px;background:#fbfaf7;box-shadow:0 25px 55px rgba(17,16,14,.13);overflow:hidden;transition:transform .25s ease}.web-lab-view{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.99);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.web-lab-view.is-active{opacity:1;transform:none;pointer-events:auto}.web-lab-browser-bar{height:34px;border-bottom:1px solid rgba(17,16,14,.1);display:flex;align-items:center;gap:6px;padding:0 12px;background:#f3f0e9}.web-lab-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c6c0b8}.web-lab-browser-bar span{font-size:8px;font-weight:700;margin-left:8px;color:#7a746d}.web-lab-nav{height:50px;display:grid;grid-template-columns:1fr 28px 28px 28px auto;align-items:center;gap:10px;padding:0 20px}.web-lab-nav strong{font:700 13px var(--web-serif)}.web-lab-nav>span{height:2px;background:#c9c4bc}.web-lab-nav b{background:var(--web-violet);color:#fff;border-radius:3px;font-size:7px;padding:7px 9px}.web-lab-brand-hero{margin:0 20px;min-height:188px;background:#11100e;color:#fff;padding:26px;position:relative;overflow:hidden}.web-lab-brand-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-25px;top:-60px;box-shadow:0 0 0 34px rgba(120,57,238,.09),0 0 0 70px rgba(255,255,255,.035)}.web-lab-brand-hero small,.web-mobile-copy small,.web-shop-head small{font-size:7px;letter-spacing:.12em;color:#b99cff}.web-lab-brand-hero strong{font:700 29px/.95 var(--web-serif);display:block;margin:11px 0 14px;position:relative;z-index:2}.web-lab-brand-hero em{display:block;width:58px;height:2px;background:var(--web-violet);margin-bottom:16px}.web-lab-brand-hero b{font-size:8px;position:relative;z-index:2}.web-lab-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 20px}.web-lab-mini-grid span{height:42px;border:1px solid rgba(17,16,14,.1);background:linear-gradient(135deg,#eeeae2,#fff);border-radius:4px}.web-shop-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:34px 32px 22px}.web-shop-head strong{font:700 28px/.98 var(--web-serif);display:block;margin-top:7px}.web-shop-head>span{font-size:9px;font-weight:900;border:1px solid var(--web-line);border-radius:999px;padding:7px 10px}.web-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 32px}.web-product-grid article{padding:10px;border:1px solid var(--web-line);border-radius:7px;background:#fff}.web-product-grid article i{display:block;height:105px;border-radius:5px;background:linear-gradient(140deg,#ddd8cf,#f7f4ee 55%,#d4c5ef)}.web-product-grid article b,.web-product-grid article small{display:block;margin-top:8px;font-size:9px}.web-product-grid article small{color:var(--web-violet);font-weight:900}.web-lab-view[data-view=mobile]{display:grid;grid-template-columns:1fr 230px;align-items:center;padding:38px 45px;gap:35px;background:linear-gradient(125deg,#fbfaf7,#eee9f8)}.web-mobile-copy strong{display:block;font:700 31px/.96 var(--web-serif);margin:9px 0 14px}.web-mobile-copy p{font-size:11px;line-height:1.6;color:#5d5750;max-width:280px}.web-phone{height:330px;border:7px solid #161512;border-radius:28px;background:#fff;box-shadow:0 18px 38px rgba(17,16,14,.18);padding:11px;position:relative}.web-phone>span{display:block;width:55px;height:5px;border-radius:5px;background:#161512;margin:0 auto 15px}.web-phone>div{height:275px;border-radius:17px;background:#11100e;color:#fff;padding:24px 17px}.web-phone small{font-size:6px;letter-spacing:.12em;color:#c2a8ff}.web-phone strong{display:block;font:700 24px/.95 var(--web-serif);margin:11px 0 22px}.web-phone b{font-size:7px;background:var(--web-violet);padding:8px;border-radius:3px}.web-phone i{display:block;height:31px;border:1px solid #ffffff1f;border-radius:4px;margin-top:14px}.web-lab-note{position:absolute;z-index:8;padding:13px 15px;border:1px solid rgba(17,16,14,.14);border-radius:8px;background:rgba(247,244,238,.96);box-shadow:0 16px 34px rgba(17,16,14,.1);transition:transform .25s ease}.web-lab-note>span{font-size:7px;letter-spacing:.12em;font-weight:900;color:var(--web-violet)}.web-lab-note strong{display:block;font:700 17px var(--web-serif);margin:3px 0}.web-lab-note small{font-size:7px;color:#5a544e}.web-lab-note-speed{left:2%;bottom:2%;width:178px}.web-lab-note-control{right:2%;bottom:3%;width:205px}.web-stage-doodle{position:absolute;right:2%;top:5%;width:80px;opacity:.42;transform:rotate(8deg)}
.web-proof{margin-top:-28px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--web-line);background:rgba(250,248,243,.92);box-shadow:0 14px 32px rgba(17,16,14,.045);backdrop-filter:blur(8px)}.web-proof span{min-height:78px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-right:1px solid var(--web-line);font-size:11px;font-weight:800}.web-proof span:last-child{border-right:0}.web-proof b{font-size:9px;letter-spacing:.1em;color:var(--web-violet)}

/* INTRO */
.web-intro{padding:clamp(100px,10vw,160px) 0 clamp(95px,8vw,130px);display:grid;grid-template-columns:62px minmax(460px,1.1fr) minmax(330px,.75fr);gap:clamp(28px,5vw,78px);align-items:end}.web-intro-mark{font-size:12px;font-weight:900;color:var(--web-violet);padding-bottom:12px}.web-intro-title h2{font:700 clamp(39px,3.7vw,65px)/.98 var(--web-serif);letter-spacing:-.045em;margin:0}.web-intro-title h2 em:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--web-violet);transform:rotate(-1deg)}.web-intro-copy p{font-size:13px;line-height:1.75;color:#47413b;margin:0}

/* CREATE / REFIT / SELL / GROW — no artificial hierarchy */
.web-journey{padding:0 0 clamp(120px,12vw,190px);display:grid;grid-template-columns:310px minmax(0,1fr);gap:clamp(48px,7vw,115px);align-items:start}.web-journey-sticky{position:sticky;top:112px}.web-journey-sticky h2{font:700 clamp(39px,3.5vw,59px)/.96 var(--web-serif);letter-spacing:-.045em;margin:0 0 22px}.web-journey-sticky h2 em{color:var(--web-violet)}.web-journey-sticky>p:last-of-type{font-size:12.5px;line-height:1.7;color:#514b45}.web-journey-nav{margin-top:30px;display:grid;border-top:1px solid var(--web-line)}.web-journey-nav a{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--web-line);font-size:11px;text-decoration:none;color:#716a62;transition:.2s}.web-journey-nav a b{font-size:8px;color:var(--web-violet)}.web-journey-nav a.is-active{color:var(--web-ink);padding-left:8px;font-weight:900}.web-journey-stream{border-top:1px solid var(--web-line)}.web-journey-step{min-height:560px;padding:48px 0 56px;border-bottom:1px solid var(--web-line);display:grid;grid-template-columns:minmax(330px,.83fr) minmax(390px,1.17fr);gap:clamp(34px,5vw,72px);align-items:center}.web-journey-copy>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--web-violet)}.web-journey-copy h3{font:700 clamp(31px,2.8vw,48px)/1 var(--web-serif);letter-spacing:-.035em;margin:15px 0 18px}.web-journey-copy>p{font-size:12.5px;line-height:1.72;color:#4d4740;max-width:560px}.web-journey-copy ul{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:7px}.web-journey-copy li{font-size:9px;font-weight:850;border:1px solid var(--web-line);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.55)}.web-scene{min-height:370px;position:relative;border-radius:14px;background:rgba(255,255,255,.35);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(25,22,18,.08)}.web-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.035) 1px,transparent 1px);background-size:32px 32px}.web-scene-create{display:grid;place-items:center}.web-scene-browser{position:relative;z-index:2;width:78%;height:245px;background:#fff;border:1px solid var(--web-line);border-radius:9px;box-shadow:0 22px 48px rgba(17,16,14,.12);padding:18px}.web-scene-browser>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c9c3bb;margin-right:4px}.web-scene-browser strong{display:block;margin:44px 0 18px;font:700 31px/1 var(--web-serif)}.web-scene-browser i{display:block;height:8px;background:#e8e4dc;margin:8px 0;border-radius:4px}.web-scene-browser i:nth-last-child(1){width:55%}.web-scene-note{position:absolute;z-index:3;right:5%;bottom:9%;font:13px var(--web-hand);color:var(--web-violet);transform:rotate(-5deg)}.web-scene-refit{display:flex;align-items:center;justify-content:center;gap:24px;padding:35px}.web-scene-refit>div{position:relative;z-index:2;width:40%;height:240px;border:1px solid var(--web-line);border-radius:8px;padding:18px;background:#eeeae3}.web-scene-refit>div small{font-size:8px;font-weight:900}.web-scene-refit>div i{display:block;height:19px;margin-top:13px;background:#d3cec6}.web-scene-refit .web-after{background:#fff;box-shadow:0 20px 38px rgba(17,16,14,.1)}.web-scene-refit .web-after strong{display:block;font:700 27px var(--web-serif);margin:35px 0 24px}.web-scene-refit> b{position:relative;z-index:2;font:30px var(--web-hand);color:var(--web-violet)}.web-scene-sell{padding:44px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:center}.web-scene-products{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.web-scene-products span{height:130px;border-radius:7px;border:1px solid var(--web-line);background:linear-gradient(140deg,#e6e1d9,#fff 65%,#d7c7f5)}.web-scene-products span:last-child{grid-column:1/-1;height:78px}.web-scene-cart{position:relative;z-index:2;background:#11100e;color:#fff;border-radius:9px;padding:22px;box-shadow:0 18px 38px rgba(17,16,14,.2)}.web-scene-cart small{font-size:7px;color:#c5aaff}.web-scene-cart strong{display:block;font:700 21px var(--web-serif);margin:9px 0 22px}.web-scene-cart p,.web-scene-cart b{display:inline-block;font-size:9px}.web-scene-cart b{float:right}.web-scene-cart i{display:block;background:var(--web-violet);margin-top:20px;padding:9px;border-radius:3px;font-size:8px;font-style:normal}.web-scene-grow{display:grid;place-items:center}.web-grow-core{position:absolute;z-index:4;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--web-ink);color:#fff;font:700 22px var(--web-serif);box-shadow:0 0 0 25px rgba(120,57,238,.07),0 0 0 50px rgba(17,16,14,.03)}.web-scene-grow span{position:absolute;z-index:3;min-width:72px;text-align:center;padding:10px;border:1px solid var(--web-line);border-radius:7px;background:#fff;font-size:9px;font-weight:900}.web-scene-grow span:nth-of-type(1){left:12%;top:16%}.web-scene-grow span:nth-of-type(2){right:12%;top:16%}.web-scene-grow span:nth-of-type(3){left:8%;top:48%}.web-scene-grow span:nth-of-type(4){right:8%;top:48%}.web-scene-grow span:nth-of-type(5){left:17%;bottom:12%}.web-scene-grow span:nth-of-type(6){right:17%;bottom:12%}

/* REAL PROJECTS */
.web-projects{padding:0 0 clamp(115px,10vw,165px)}.web-projects-early{padding-top:0}.web-projects-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:24px}.web-projects-head h2{font:700 clamp(39px,3.7vw,62px)/.98 var(--web-serif);letter-spacing:-.045em;margin:0}.web-projects-head h2 em{color:var(--web-violet)}.web-projects-head>a{font-size:11px;font-weight:850;color:var(--web-violet)}.web-project-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px}.web-project-track::-webkit-scrollbar{height:5px}.web-project-track::-webkit-scrollbar-thumb{background:rgba(17,16,14,.18);border-radius:9px}.web-project-card{flex:0 0 min(64vw,930px);scroll-snap-align:start;border:1px solid var(--web-line);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.55);transition:.28s}.web-project-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(17,16,14,.08)}.web-project-card img{display:block;width:100%;height:clamp(320px,35vw,560px);object-fit:cover}.web-project-card>div{padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:5px 20px}.web-project-card span{grid-column:1/-1;font-size:8px;text-transform:uppercase;color:var(--web-violet);font-weight:900;letter-spacing:.1em}.web-project-card strong{font:700 24px var(--web-serif)}.web-project-card b{align-self:center;font-size:10px;color:var(--web-violet)}

/* DARK PIVOT */
.web-manifesto{position:relative;background-image:var(--phocea-cta-bg);background-size:cover;background-position:center;color:#fff;overflow:hidden;margin-bottom:clamp(110px,11vw,170px)}.web-manifesto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,17,.9),rgba(10,13,17,.66),rgba(10,13,17,.9));pointer-events:none}.web-manifesto-inner{min-height:500px;padding:clamp(75px,7vw,115px) 0;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,130px);align-items:center}.web-manifesto-copy{position:relative;z-index:1}.web-manifesto .web-kicker{color:#b99cff}.web-manifesto h2{font:700 clamp(40px,3.8vw,66px)/.98 var(--web-serif);letter-spacing:-.045em;margin:0 0 24px}.web-manifesto h2 em{color:#c4a9ff}.web-manifesto-copy>p:last-child{font-size:13px;line-height:1.72;color:#cbc5be;max-width:560px}.web-manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr}.web-manifesto-grid article{min-height:170px;border-top:1px solid rgba(255,255,255,.16);padding:24px 20px}.web-manifesto-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}.web-manifesto-grid span{font-size:8px;color:#a986ff;font-weight:900}.web-manifesto-grid strong{display:block;font:700 27px var(--web-serif);margin:23px 0 8px}.web-manifesto-grid p{font-size:10px;color:#bdb6ae;margin:0}.web-manifesto-doodle{position:absolute;right:2%;bottom:2%;width:120px;opacity:.45;filter:invert(1)}

/* 3-PHASE METHOD */
.web-method{padding:0 0 clamp(120px,11vw,175px)}.web-method-head{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:55px}.web-method-head h2{font:700 clamp(42px,4vw,68px)/.96 var(--web-serif);letter-spacing:-.045em;margin:0}.web-method-head h2 em{color:var(--web-violet)}.web-method-head>p{font-size:13px;line-height:1.75;color:#514b45;max-width:600px}.web-method-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--web-line);border-bottom:1px solid var(--web-line)}.web-method-step{position:relative;min-height:390px;padding:34px 34px 38px;border-right:1px solid var(--web-line);background:rgba(255,255,255,.22);transition:background .3s ease,transform .3s ease}.web-method-step:nth-child(3){border-right:0}.web-method-step:hover{background:rgba(255,255,255,.55);transform:translateY(-5px)}.web-method-step>span{font:700 72px/.9 var(--web-serif);color:rgba(120,57,238,.11);position:absolute;right:24px;top:24px}.web-method-step>small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--web-violet);font-weight:900}.web-method-step h3{font:700 clamp(26px,2vw,35px)/1 var(--web-serif);margin:75px 0 18px}.web-method-step p{font-size:12px;line-height:1.72;color:#514b45;max-width:420px}.web-method-step>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:25px}.web-method-step b{font-size:8px;border:1px solid var(--web-line);border-radius:999px;padding:6px 8px;background:rgba(255,255,255,.55)}.web-method-line{position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--web-violet);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}.web-method-track.is-visible .web-method-line{width:100%}

/* TECH STACK AS A SYSTEM */
.web-stack{padding:0 0 clamp(120px,11vw,175px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,135px);align-items:center}.web-stack-copy h2{font:700 clamp(39px,3.55vw,60px)/.98 var(--web-serif);letter-spacing:-.045em;margin:0 0 25px}.web-stack-copy h2 em{color:var(--web-violet)}.web-stack-copy>p:not(.web-hand-note){font-size:13px;line-height:1.75;color:#514b45;max-width:560px}.web-stack-map{height:520px;position:relative;border:1px solid var(--web-line);border-radius:16px;background:rgba(255,255,255,.32);overflow:hidden}.web-stack-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.035) 1px,transparent 1px);background-size:36px 36px}.web-stack-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.web-stack-map path{fill:none;stroke:rgba(120,57,238,.28);stroke-width:1.2;stroke-dasharray:5 7}.web-stack-core{position:absolute;z-index:4;left:50%;top:50%;translate:-50% -50%;width:170px;height:170px;border-radius:50%;background:var(--web-ink);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 28px rgba(120,57,238,.06),0 0 0 58px rgba(17,16,14,.025)}.web-stack-core small{font-size:7px;letter-spacing:.16em;color:#bca0ff}.web-stack-core strong{font:700 28px var(--web-serif);margin:5px 0}.web-stack-core span{font-size:8px;color:#aaa39b}.web-stack-node{position:absolute;z-index:3;min-width:128px;padding:12px 15px;border:1px solid var(--web-line);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 15px 30px rgba(17,16,14,.07)}.web-stack-node b,.web-stack-node span{display:block}.web-stack-node b{font-size:10px}.web-stack-node span{font-size:8px;color:#777067;margin-top:3px}.node-shop{left:7%;top:12%}.node-pay{right:7%;top:10%}.node-seo{right:4%;top:47%}.node-speed{right:14%;bottom:8%}.node-api{left:11%;bottom:8%}.node-mobile{left:3%;top:48%}

/* SERVICE → OFFER BRIDGE */
.web-offers{padding:0 0 clamp(125px,12vw,185px)}.web-offers-head{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end;margin-bottom:34px}.web-offers-head h2{font:700 clamp(40px,3.8vw,64px)/.98 var(--web-serif);letter-spacing:-.045em;margin:0}.web-offers-head h2 em{color:var(--web-violet)}.web-offers-head>p{font-size:13px;line-height:1.75;color:#514b45}.web-offer-gateway{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.web-offer-gateway>a,.web-offer-card{min-height:275px;border:1px solid var(--web-line);border-radius:12px;padding:30px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:.25s}.web-offer-gateway>a:after,.web-offer-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-110px;top:-120px;background:rgba(120,57,238,.065)}.web-offer-gateway>a:hover,.web-offer-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(17,16,14,.06)}.web-offer-gateway-main{background:linear-gradient(140deg,rgba(255,255,255,.75),rgba(120,57,238,.055))}.web-offer-gateway-custom{background:rgba(255,255,255,.42)}.web-offer-gateway span,.web-offer-card>span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--web-violet);font-weight:900}.web-offer-gateway h3,.web-offer-card h3{font:700 clamp(28px,2.3vw,40px)/1 var(--web-serif);margin:55px 0 13px;max-width:520px}.web-offer-gateway p,.web-offer-card p{font-size:11.5px;line-height:1.65;color:#514b45;max-width:570px}.web-offer-gateway b,.web-offer-card>b{margin-top:auto;color:var(--web-violet);font-size:10px}.web-offer-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.web-offer-card{background:rgba(255,255,255,.5)}.web-offer-card strong{font:700 22px var(--web-serif);margin:15px 0}.web-offer-custom{background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(120,57,238,.045))}

/* FAQ */
.web-faq{padding:0 0 clamp(100px,10vw,150px);display:grid;grid-template-columns:330px 1fr;gap:clamp(50px,8vw,125px);align-items:start}.web-faq-title{position:sticky;top:110px}.web-faq-title h2{font:700 clamp(38px,3.2vw,56px)/.98 var(--web-serif);letter-spacing:-.04em;margin:0 0 22px}.web-faq-title h2 em{color:var(--web-violet)}.web-faq-title>p:last-child{font-size:12.5px;line-height:1.7;color:#514b45}.web-faq-list{border-top:1px solid var(--web-line)}.web-faq-list details{border-bottom:1px solid var(--web-line);padding:0}.web-faq-list summary{list-style:none;cursor:pointer;padding:25px 4px;display:flex;justify-content:space-between;gap:20px;font:700 clamp(19px,1.55vw,25px)/1.2 var(--web-serif)}.web-faq-list summary::-webkit-details-marker{display:none}.web-faq-list summary span{font-family:var(--web-sans);font-weight:400;color:var(--web-violet);transition:.2s}.web-faq-list details[open] summary span{transform:rotate(45deg)}.web-faq-list details p{font-size:12.5px;line-height:1.72;color:#4d4740;padding:0 50px 25px 4px;margin:0;max-width:800px}body.phocea-service-web .phocea-global-cta{margin-top:0}

@media(max-width:1200px){.web-hero{grid-template-columns:.9fr 1.1fr}.web-lab{height:490px}.web-journey{grid-template-columns:260px 1fr;gap:55px}.web-journey-step{grid-template-columns:.9fr 1.1fr}.web-stack{grid-template-columns:.9fr 1.1fr}.web-stack-map{height:470px}}
@media(max-width:900px){.web-hero{grid-template-columns:1fr;min-height:0;padding-top:42px}.web-hero-copy{padding-left:0}.web-lab{height:500px}.web-proof{grid-template-columns:1fr 1fr;margin-top:0}.web-proof span:nth-child(2){border-right:0}.web-proof span:nth-child(-n+2){border-bottom:1px solid var(--web-line)}.web-intro{grid-template-columns:45px 1fr;gap:20px 28px;padding:90px 0}.web-intro-copy{grid-column:2}.web-journey{grid-template-columns:1fr;gap:32px}.web-journey-sticky{position:relative;top:auto}.web-journey-nav{grid-template-columns:repeat(4,1fr)}.web-journey-nav a{grid-template-columns:1fr;gap:4px;border-right:1px solid var(--web-line);padding:10px}.web-journey-nav a:last-child{border-right:0}.web-journey-step{min-height:0;grid-template-columns:1fr;padding:46px 0}.web-scene{min-height:350px}.web-manifesto-inner{grid-template-columns:1fr}.web-method-head,.web-stack,.web-offers-head{grid-template-columns:1fr;gap:28px}.web-method-track{grid-template-columns:1fr}.web-method-step{min-height:280px;border-right:0;border-bottom:1px solid var(--web-line)}.web-method-step:nth-child(3){border-bottom:0}.web-method-line{width:3px!important;height:0;left:auto;right:-2px;top:0;bottom:auto}.web-method-track.is-visible .web-method-line{height:100%}.web-stack-map{height:500px}.web-offer-gateway{grid-template-columns:1fr}.web-offer-products{grid-template-columns:1fr 1fr}.web-faq{grid-template-columns:1fr;gap:30px}.web-faq-title{position:relative;top:auto}}
@media(max-width:620px){.web-hero h1{font-size:46px}.web-lead{font-size:14px}.web-lab{height:445px}.web-lab-canvas{left:4%;right:4%;top:15%;bottom:12%}.web-lab-toolbar{top:10px}.web-lab-note{display:none}.web-lab-view[data-view=mobile]{grid-template-columns:1fr 160px;padding:28px 20px;gap:15px}.web-phone{height:280px;border-width:5px;padding:8px}.web-phone>div{height:235px;padding:18px 12px}.web-phone strong{font-size:20px}.web-product-grid{padding:0 14px;gap:6px}.web-product-grid article i{height:78px}.web-shop-head{padding:28px 15px 18px}.web-shop-head strong{font-size:22px}.web-lab-brand-hero{margin:0 12px;padding:20px;min-height:165px}.web-lab-brand-hero strong{font-size:24px}.web-lab-mini-grid{margin:8px 12px}.web-proof{grid-template-columns:1fr}.web-proof span{border-right:0;border-bottom:1px solid var(--web-line)!important}.web-proof span:last-child{border-bottom:0!important}.web-intro{grid-template-columns:1fr;padding:75px 0}.web-intro-mark{display:none}.web-intro-copy{grid-column:1}.web-intro-title h2{font-size:40px}.web-journey-sticky h2{font-size:43px}.web-journey-nav{overflow-x:auto;grid-template-columns:repeat(4,minmax(90px,1fr))}.web-journey-step{padding:38px 0}.web-journey-copy h3{font-size:34px}.web-scene{min-height:315px}.web-scene-refit{gap:10px;padding:20px}.web-scene-refit>div{width:43%;height:215px}.web-scene-sell{padding:22px;grid-template-columns:1fr}.web-scene-products{grid-template-columns:repeat(3,1fr)}.web-scene-products span,.web-scene-products span:last-child{height:75px;grid-column:auto}.web-scene-cart{max-width:260px;margin:auto}.web-projects-head{align-items:flex-start;flex-direction:column}.web-project-card{flex-basis:84vw}.web-project-card img{height:250px}.web-manifesto-grid{grid-template-columns:1fr}.web-manifesto-grid article:nth-child(odd){border-right:0}.web-manifesto-grid article{min-height:130px}.web-method-step{padding:28px 20px}.web-method-step h3{margin-top:62px}.web-stack-map{height:420px}.web-stack-core{width:130px;height:130px}.web-stack-core strong{font-size:22px}.web-stack-node{min-width:105px;padding:9px}.node-shop{left:4%;top:9%}.node-pay{right:4%;top:8%}.node-seo{right:2%;top:44%}.node-speed{right:6%;bottom:7%}.node-api{left:6%;bottom:7%}.node-mobile{left:2%;top:46%}.web-offer-products{grid-template-columns:1fr}.web-offer-gateway>a,.web-offer-card{min-height:235px;padding:24px}.web-offer-gateway h3,.web-offer-card h3{margin-top:42px}.web-faq{padding-bottom:85px}.web-faq-list summary{font-size:20px;padding:21px 2px}.web-faq-list details p{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.web-reveal{opacity:1;transform:none;transition:none}.web-lab,.web-lab-canvas,.web-lab-note,.web-project-card,.web-method-step,.web-offer-gateway>a,.web-offer-card{transition:none!important;transform:none!important}.web-lab-view{transition:none!important}}