/* GoBipp atelier: architectural space, editorial rhythm and clear actions. */
:root{--atelier-ink:#153f36;--atelier-line:#b8c5b4}
body:not(.universe-body){background:#f5f4ec}.header{border-bottom-color:#d7dfd1;background:#f5f4ecf5}.button{border-radius:6px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #183f2e20}.hero{padding-top:63px}.hero h1{letter-spacing:-.065em}.hero .serif{color:#2b6e57}.hero-art.brand-installation{background:linear-gradient(135deg,#d5e6d4,#f0efe4 65%);border-radius:48% 48% 6px 6px;overflow:hidden;isolation:isolate;height:525px;right:2%;top:42px;width:45%;box-shadow:inset 0 0 0 1px #d3deca}.installation-label{position:absolute;top:42px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.2em;color:#577e69;z-index:4}.paper-field{position:absolute;inset:17% 5% 20%;perspective:600px;transform:rotate(-12deg)}.paper-field i{position:absolute;inset:0 22%;border:1px solid #b5d4bb;background:linear-gradient(125deg,#f4f3df,#b2d1b0);box-shadow:12px 15px 24px #1d604022;transform:rotateY(-35deg) translateX(-75px);border-radius:100px 100px 5px 5px}.paper-field i:nth-child(2){transform:rotateY(-35deg) translateX(-35px)}.paper-field i:nth-child(3){transform:rotateY(-35deg) translateX(5px)}.paper-field i:nth-child(4){transform:rotateY(-35deg) translateX(45px)}.paper-field i:nth-child(5){transform:rotateY(-35deg) translateX(85px)}.paper-field i:nth-child(6){transform:rotateY(-35deg) translateX(125px)}.brand-plinth{position:absolute;left:24%;top:30%;width:58%;aspect-ratio:1.3;background:linear-gradient(135deg,#337e69,#143e34);border:1px solid #7ca792;border-radius:25px;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:12px 17px 0 #1e4c3e,25px 40px 35px #163c3340}.brand-plinth img{width:74%;height:auto;filter:drop-shadow(0 9px 2px #062d2e50)}.installation-message{position:absolute;bottom:61px;left:7%;right:7%;display:flex;align-items:center;gap:12px;background:#f7f8eceb;backdrop-filter:blur(10px);padding:24px 25px;border-radius:8px;box-shadow:0 20px 35px #22462c15;transform:rotate(-3deg);z-index:3}.installation-message small{font-size:6px;color:#759078;letter-spacing:.12em}.installation-message p{font-family:Georgia,serif;font-size:25px;line-height:1.16;margin:10px 0 0;color:#1e5141}.installation-message>b{margin-left:auto;font-size:25px}.installation-caption,.installation-index{position:absolute;bottom:24px;font-size:6px;letter-spacing:.15em;color:#4a7257}.installation-caption{left:8%}.installation-index{right:8%}.hero-bottom{margin-top:42px}.client-ribbon{display:flex;gap:35px;align-items:center;padding-top:28px;padding-bottom:28px;border-top:1px solid #cbd6c5;border-bottom:1px solid #cbd6c5}.client-ribbon>p{font-size:10px;line-height:1.8;min-width:160px;color:#75826d}.client-ribbon>p b{font-weight:400;color:#234c39}.client-ribbon>div{flex:1;display:flex;justify-content:space-around;align-items:center;gap:25px}.client-ribbon img{width:90px;height:53px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.7}.client-ribbon img:hover{filter:none;opacity:1}.client-ribbon>a{font-size:9px;white-space:nowrap;border-bottom:1px solid #adbda4;padding-bottom:8px}.channel-strip{background:none;border-bottom:1px solid #d6dece}.feature-rows article{transition:padding .3s,background .3s}.feature-rows article:hover{padding-left:20px;padding-right:20px;background:#e5ecdd}.feature-rows .row-mark{transition:transform .3s}.feature-rows article:hover .row-mark{transform:rotate(35deg)}.ai-example,.owned-preview{box-shadow:0 30px 65px #1e42341c}.experience-banner{background:linear-gradient(110deg,#082e2d,#276854);isolation:isolate}.experience-content{position:relative;z-index:2}.experience-art{transform:rotate(-18deg)}.experience-ring{border-radius:45% 45% 0 0;transform:rotateY(30deg);border-width:14px;box-shadow:18px 0 0 #68ba93,42px 0 0 #285f4b,64px 0 0 #70ba963b}.testimonials{background:#eceee2}.testimonials .source-link{opacity:.7}.quote-carousel blockquote{letter-spacing:-.035em}.contact{background:linear-gradient(115deg,#bae5c3,#88c5ad)}
.landing-hero{padding-top:62px;padding-bottom:70px}.landing-hero .serif{color:#276e55}.lost-chat{box-shadow:20px 28px 0 #dce4d3,30px 42px 70px #173e2816}.landing-cta-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.landing-cta-links .text-link{font-size:11px;gap:5px}.landing-sub{margin-top:19px}.conversion-section{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;scroll-margin-top:40px}.conversion-intro h2{font-size:clamp(39px,4.7vw,66px);margin:27px 0}.conversion-intro>p:not(.eyebrow){max-width:390px;font-size:14px;color:#71816c;line-height:1.8}.conversion-options{margin-top:35px;border-top:1px solid #c4cfba}.conversion-options button{display:flex;align-items:center;text-align:left;width:100%;padding:22px 0;gap:19px;border-bottom:1px solid #c4cfba;background:none;font-size:15px;color:#7b8973;transition:color .2s,padding .2s}.conversion-options button span{font-size:9px}.conversion-options button b{margin-left:auto;font-size:20px;font-weight:400}.conversion-options button[aria-pressed=true]{color:#184635;padding-left:15px;background:#e4ecdb}.conversion-offer{background:linear-gradient(145deg,#1c4a3f,#0f302c);border-radius:8px 80px 8px 8px;color:#f0f1e3;padding:45px 38px;box-shadow:12px 14px 0 #dce6d2}.offer-index{font-size:7px;letter-spacing:.15em;color:#b0c7a9}.conversion-offer h3{font-size:44px;font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:34px 0 24px;font-family:Georgia,serif}.conversion-offer>p{font-size:13px;color:#b1c6b2;line-height:1.8;min-height:75px}.conversion-offer ul{list-style:none;padding:14px 0;margin:15px 0 22px;border-top:1px solid #799d7c55}.conversion-offer li{font-size:11px;padding:10px 0;color:#c6d8bc;display:flex;gap:9px}.conversion-offer li:before{content:'↗';color:#9cd7a6}.conversion-offer .button{width:100%;justify-content:space-between;font-size:12px}.conversion-offer>small{display:block;font-size:9px;line-height:1.7;color:#9ab599;margin-top:17px}.conversion-dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%,130%);display:flex;align-items:center;gap:25px;background:#f4f5eaf5;backdrop-filter:blur(18px);padding:10px 12px 10px 24px;z-index:30;border:1px solid #b7c8ae;box-shadow:0 10px 50px #15382a26;border-radius:10px;width:max-content;max-width:calc(100% - 32px);transition:transform .35s}.conversion-dock.is-visible{transform:translate(-50%,0)}.conversion-dock>div{display:flex;align-items:center;gap:13px}.conversion-dock p{font-size:12px;margin:0;line-height:1.6}.conversion-dock small{display:block;font-size:9px;color:#6d8066}.conversion-dock .button{min-height:43px;font-size:10px}.conversion-dock>button{background:none;font-size:22px;padding:8px;color:#668060}
/* The immersive route is now an architectural descent, not an orbital diagram. */
.universe-shell{background:radial-gradient(ellipse at 72% 45%,#387c73,#062c2e 68%)!important}.universe-body{background:#062c2e}.universe-ambient{display:none}.universe-edition{position:absolute;inset:13% 0 auto 37%;font-size:clamp(80px,13vw,210px);font-weight:600;letter-spacing:-.075em;line-height:1;color:transparent;-webkit-text-stroke:1px #c7eee01a;white-space:nowrap;pointer-events:none}.universe-edition span{display:block;font-size:7px;font-weight:400;letter-spacing:.3em;color:#90c3b577;-webkit-text-stroke:0;margin:24px 0 0 12px}.world-vignette{background:linear-gradient(90deg,#062c2edd,transparent 55%),linear-gradient(0deg,#062c2e,transparent 28%)}.universe-copy{top:28%;width:35%;left:6%}.universe-copy h1{font-size:clamp(55px,5.8vw,86px);margin:20px 0 23px}.universe-copy h1 em{color:#b4ddc0}.universe-copy>p:not(.eyebrow){max-width:310px}.world-tools{background:#082f30d9;border-color:#a5dfc644;left:65%;bottom:62px}.interaction-hint{left:65%;bottom:35px}.drag-instruction{left:62%;bottom:135px;top:auto}.universe-footer{background:none;right:1.4%;}.world-hotspot span{background:#234f46bb}.universe-header .brand>span{font-size:28px}.world-hotspot small{background:#123f3766;padding:5px 7px;border-radius:3px}.universe-body[data-chapter="2"] .universe-shell{background:radial-gradient(ellipse at 70% 45%,#2a626e,#062c2e 72%)!important}.universe-body[data-chapter="3"] .universe-shell{background:radial-gradient(ellipse at 70% 45%,#546d53,#062c2e 72%)!important}
@media(max-width:1050px){.installation-message p{font-size:21px}.client-ribbon{gap:20px}.client-ribbon img{width:70px}.client-ribbon>div{gap:14px}.hero-art.brand-installation{height:490px}.conversion-section{gap:6%}.conversion-offer{padding:35px 28px}.conversion-offer h3{font-size:38px}}
@media(max-width:900px){.universe-copy{top:110px;left:7%;width:86%}.universe-copy h1{font-size:42px;max-width:380px;margin:15px 0}.universe-copy>p:not(.eyebrow){font-size:11px;max-width:320px}.universe-edition{left:5%;top:46%;font-size:18vw}.universe-edition span{display:none}.world-vignette{background:linear-gradient(180deg,#062c2e 0,#062c2ed9 26%,transparent 47%,#062c2e99 88%)}.world-tools{left:50%;bottom:125px}.interaction-hint{left:50%;bottom:104px}.universe-footer{right:0;bottom:22px}.world-hotspot small{display:none}.conversion-dock p{font-size:10px}.conversion-dock small{font-size:8px}}
@media(max-width:760px){.hero{padding-top:35px}.hero-art.brand-installation{position:relative;width:100%;height:405px;top:auto;right:auto;margin-top:30px;border-radius:45% 45% 5px 5px}.brand-plinth{width:54%;left:27%;top:28%}.installation-message{bottom:45px;padding:19px 21px}.installation-message p{font-size:23px}.installation-label{top:28px}.installation-caption,.installation-index{bottom:16px}.hero-bottom{margin-top:0}.client-ribbon{flex-wrap:wrap;gap:16px;padding-top:24px;padding-bottom:23px}.client-ribbon>p{min-width:0;font-size:9px;margin:0;flex:1}.client-ribbon>div{order:3;flex-basis:100%;gap:15px}.client-ribbon img{width:20%;height:45px}.client-ribbon>a{font-size:8px}.landing-hero{padding-top:38px}.lost-chat{box-shadow:10px 15px 0 #dce4d3,20px 20px 30px #173e2810}.conversion-section{grid-template-columns:1fr;gap:38px;scroll-margin-top:20px}.conversion-intro h2{font-size:40px}.conversion-intro>p:not(.eyebrow){font-size:12px}.conversion-options button{font-size:13px;padding-top:20px;padding-bottom:20px}.conversion-offer{padding:35px 27px;border-radius:7px 65px 7px 7px;box-shadow:7px 9px 0 #dce6d2}.conversion-offer h3{font-size:39px}.conversion-offer>p{min-height:0}.conversion-dock{left:12px;right:12px;max-width:none;width:auto;transform:translateY(140%);padding:8px;gap:8px;bottom:10px}.conversion-dock.is-visible{transform:translateY(0)}.conversion-dock>div{display:none}.conversion-dock .button{flex:1;justify-content:space-between}.conversion-dock>button{min-width:40px}.landing-cta-links{gap:14px}.landing-cta-links .text-link{font-size:10px}.feature-rows article:hover{padding-left:0;padding-right:0}}
@media(max-width:370px){.hero-art.brand-installation{height:355px}.installation-message p{font-size:21px}.installation-message small{font-size:5px}.installation-message{padding:17px}.installation-label{font-size:6px}.conversion-intro h2{font-size:35px}.conversion-offer h3{font-size:34px}.conversion-offer{padding:30px 23px}.universe-copy h1{font-size:36px}.world-tools button{font-size:7px}.world-tools{max-width:96%}.world-tools #inspect-world,.world-tools #pulse-world{padding:6px}.universe-copy>p:not(.eyebrow){font-size:10px}.universe-header .brand>span{font-size:22px}}
@media(min-width:901px){.universe-copy{top:24%}.universe-copy h1{font-size:clamp(48px,4.8vw,70px)}.world-footer-meta button{position:fixed;left:6%;bottom:50px}.universe-copy>p:not(.eyebrow){font-size:12px}.universe-copy .button{min-height:40px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.button,.feature-rows article,.conversion-dock{transition:none}.button:hover{transform:none}}