.chosen-layout .bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pages pages short" "pages pages domains" "analytics analytics analytics" "qr qr affiliate" "controls drawing affiliate";gap:24px;align-items:stretch}
.chosen-layout .bento-card{container:bento / inline-size;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px;min-height:290px;box-sizing:border-box;grid-column:auto;grid-row:auto}
.bento-copy{position:relative;z-index:1}.chosen-layout .bento-card h3{font-size:clamp(24px,3cqi,34px);line-height:1.2}.chosen-layout .bento-card p{line-height:1.7}.chosen-layout .bento-pages{grid-area:pages;perspective:1500px;background:#f3dfb8}.chosen-layout .bento-short{grid-area:short}.chosen-layout .bento-domains{grid-area:domains}.chosen-layout .bento-analytics{grid-area:analytics}.chosen-layout .bento-qr{grid-area:qr}.chosen-layout .bento-affiliate{grid-area:affiliate;background:#e5eee4;--card-highlight:#f4f8ed}.chosen-layout .bento-controls{grid-area:controls}.chosen-layout .bento-ownership{grid-area:ownership;background:#f2e5c7;--card-highlight:#fff5d9}
.bento-drawing-space{grid-area:drawing;display:grid;place-items:center;color:#84977a}.bento-drawing-space svg{width:70%;max-width:230px;opacity:.45}
.bento-page-stage{position:relative;perspective:1500px;display:grid;place-items:center;padding:35px 18px 55px;min-height:360px}
.chosen-layout .bento-page-preview{--page-angle-x:24deg;--page-angle-y:-13deg;--page-angle-z:0deg;--explode:0;position:relative;display:grid;width:min(100%,310px);max-width:310px;padding:42px 26px 28px;gap:16px;margin:0;box-sizing:border-box;transform-style:preserve-3d;transform:rotateX(calc(24deg + var(--tilt-y,0deg))) rotateY(calc(-13deg + var(--tilt-x,0deg)));transition:transform .4s ease;background:#fffbee;border-radius:24px;box-shadow:9px 16px 0 #c8b08444,16px 26px 30px #72573226}
.chosen-layout .bento-page-preview>img,.chosen-layout .bento-page-preview>span,.chosen-layout .bento-page-preview>i{transform:translate3d(calc(var(--explode)*var(--step)*7px),calc(var(--explode)*var(--step)*-9px),calc(var(--explode)*var(--step)*22px));transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease;position:relative}
.chosen-layout .bento-page-preview>img{--step:5;width:76px;height:76px;padding:10px;margin:8px 0 18px;box-sizing:border-box;justify-self:center;border-radius:50%;background:#e4eacb;border:2px solid #fafbef;box-shadow:4px 7px 0 #91a07944,8px 12px 16px #77562420}
.chosen-layout .bento-page-preview>span{--step:4;font:800 18px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;box-shadow:none;background:transparent;padding:5px 0;margin:0;text-align:center}
.chosen-layout .bento-page-preview>i{--step:1;box-shadow:4px 7px 0 #9daa8077,8px 13px 17px #77562422;font:600 12px/1.5 Manrope,sans-serif;padding:14px;background:#e8eccf;border:1px solid #bdc8a4;border-radius:12px;font-style:normal}
.chosen-layout .bento-page-preview>i:nth-of-type(1){--step:3}.chosen-layout .bento-page-preview>i:nth-of-type(2){--step:2}
.drawing-rails{position:absolute;inset:8% 12%;border:1px dashed #a5a88966;transform:skewY(-7deg);opacity:0;transition:opacity .5s}.drawing-rails:before,.drawing-rails:after{content:"";position:absolute;inset:20% -14%;border-top:1px dashed #a5a88966;border-bottom:1px dashed #a5a88966}
@media(hover:hover){.chosen-layout .bento-pages:hover .bento-page-preview{--explode:1;--page-lift:0;transform:rotateX(calc(24deg + var(--tilt-y,0deg))) rotateY(calc(-13deg + var(--tilt-x,0deg)))}.chosen-layout .bento-pages:hover .bento-page-preview>span{box-shadow:4px 7px 0 #c8b08444,8px 13px 17px #77562422}.chosen-layout .bento-pages:hover .bento-page-preview>i{box-shadow:6px 10px 0 #9daa8088,12px 21px 25px #77562430}.bento-pages:hover .drawing-rails{opacity:1}}
.bento-pages:focus-visible .bento-page-preview{--explode:1}
.short-route{display:grid;gap:0;align-content:center;min-height:112px;font:600 14px/1.6 Manrope,sans-serif}.short-source,.short-destination{background:#fffdf4;border:1px solid #cbd4bb;border-radius:12px;padding:12px 14px;overflow-wrap:anywhere;box-shadow:0 3px 0 #cbd4bb55}.short-source strong{color:#4d9392}.typing-caret{display:inline-block;width:1px;height:1em;background:#4d9392;vertical-align:-2px;margin-left:2px;animation:caret-blink 1s steps(1) infinite}.route-line{height:24px;width:1px;background:#acbb99;margin-left:28px;position:relative;overflow:hidden}.route-line:after{content:"";position:absolute;inset:0;background:#4d9392;transform:translateY(-100%);transition:transform .4s ease}.short-route[data-connected] .route-line:after{transform:translateY(0)}.short-destination{font-size:11px;color:#6d775f;min-height:18px}.short-destination span{transition:opacity .25s}
.domain-machine{display:grid;gap:14px;padding:22px 14px;background:#fffdf5;border:1px solid #d0d8c0;border-radius:16px;box-shadow:0 4px 0 #b3c19e55}.domain-reels{display:flex;justify-content:center;align-items:center;gap:3px;font:800 clamp(22px,8cqi,35px)/1.4 "Plus Jakarta Sans",sans-serif;white-space:nowrap;overflow:hidden;min-height:50px}.domain-reel{display:inline-block;min-width:2ch;text-align:center}.domain-reel[data-domain-tld]{color:#4d9392}.domain-note{text-align:center;font-size:10px;color:#728067}.domain-reel.is-spinning{animation:domain-reel .4s cubic-bezier(.2,.7,.2,1)}
.chosen-layout .bento-analytics{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);column-gap:48px;min-height:250px}.bento-analytics .bento-guide{grid-column:1/-1}.chosen-layout .bento-bars{height:150px;display:flex;align-items:flex-end;gap:clamp(6px,1.2cqi,18px);background:none;border:0;padding:0;margin:0;align-self:center}.chosen-layout .bento-bars i{height:var(--bar);min-width:0;flex:1;border-radius:8px 8px 2px 2px;background:#a4b88c;transform-origin:bottom;box-shadow:none}.chosen-layout .bento-bars i.bar-selected{background:#4d9392}.bento-analytics:is(:hover,:focus-visible) .bento-bars i{animation:bar-wander var(--tempo) ease-in-out var(--delay) infinite alternate}.bento-bars i:nth-child(3n){animation-direction:alternate-reverse!important}.bento-bars i:nth-child(2n){animation-name:bar-wander-alt!important}
.chosen-layout .bento-qr{position:relative;display:grid;grid-template-columns:1fr minmax(150px,.8fr);gap:24px;align-items:center}.bento-qr .bento-guide{grid-column:1/-1}.qr-stage{position:relative;display:grid;place-items:center;min-height:220px}.chosen-layout .bento-qr-preview{position:relative;padding:0;width:min(100%,210px);background:#fffdf5;border-radius:18px;box-shadow:0 5px 0 #a2784244,0 14px 24px #72573220;transform:rotate(-2deg);overflow:hidden}.bento-qr-preview img{display:block;width:100%;height:auto}.qr-scanner{position:absolute;left:var(--scan-x,50%);top:var(--scan-y,50%);width:var(--scan-size,90px);height:var(--scan-size,90px);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:width .18s ease,height .18s ease,opacity .18s ease;z-index:3}.qr-scanner i{position:absolute;width:18px;height:18px;border:3px solid #4d9392}.qr-scanner i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.qr-scanner i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.qr-scanner i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.qr-scanner i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}@media(hover:hover) and (pointer:fine){.bento-qr[data-scanning],.bento-qr[data-scanning] *{cursor:none}.bento-qr[data-scanning] .qr-scanner{opacity:1}}
.affiliate-path{display:grid;gap:0;align-content:center;max-width:340px;width:100%;align-self:center}.affiliate-product,.affiliate-account{display:flex;align-items:center;gap:12px;padding:20px 16px;background:#fffdf5;border:1px solid #c6d7c3;border-radius:16px;box-shadow:0 4px 0 #bbcead44;font-size:12px;font-weight:600}.affiliate-product svg{width:28px;height:28px;color:#4d9392;flex-shrink:0}.affiliate-account .overview-icon{width:28px;height:28px;padding:0;margin:0;background:transparent;flex-shrink:0}.affiliate-account svg{width:28px;height:28px}.affiliate-track{display:flex;flex-direction:column;align-items:center;gap:6px;height:42px;justify-content:center}.affiliate-track i{width:4px;height:4px;background:#8dad83;border-radius:50%}.affiliate-output{margin-top:22px;border:1px solid #8dad83;padding:20px 16px;border-radius:16px;background:#d8e8d2;font:800 18px/1.4 "Plus Jakarta Sans",sans-serif}.affiliate-output span{display:block;font:600 10px/1.5 Manrope,sans-serif;color:#3a7052;margin-top:8px}.chosen-layout .affiliate-path p{text-align:center;margin:14px 0 0;font-size:10px;color:#627758}
.sharing-console{display:grid;gap:0;background:#fffdf5;border:1px solid #d0dac3;border-radius:16px;box-shadow:0 5px 0 #bec9ab55;padding:4px 14px}.sharing-console>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px dashed #d5ddca;font-size:11px}.sharing-console>div:last-child{border-bottom:0}.sharing-console svg{width:23px;height:23px;color:#4d9392;flex-shrink:0}.sharing-console strong{margin-left:auto;font-size:10px;color:#4d9392}.control-toggle{width:29px;height:17px;border-radius:20px;background:#4d9392;margin-left:auto;position:relative}.control-toggle:before{content:"";position:absolute;width:11px;height:11px;right:3px;top:3px;border-radius:50%;background:#fffdf5}
.chosen-layout .bento-ownership{display:grid;grid-template-columns:1fr 1.5fr;gap:30px 44px;min-height:250px}.bento-ownership .bento-guide{grid-column:1/-1}.ownership-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:center}.ownership-tools>div{display:flex;flex-direction:column;gap:12px;padding:20px 16px;border:1px solid #d9caab;background:#fffdf5;border-radius:16px;box-shadow:0 4px 0 #ceb99055}.ownership-tools svg{width:26px;height:26px;color:#4d9392}.ownership-tools strong{font:800 14px/1.4 "Plus Jakarta Sans",sans-serif}.ownership-tools span{font-size:10px;line-height:1.6;color:#6d775f}
@container bento (max-width:400px){.bento-copy h3{font-size:26px!important}.bento-page-stage{padding:35px 0 55px}.chosen-layout .bento-page-preview{padding:40px 22px 26px;max-width:280px}.bento-bars{height:110px!important}.ownership-tools{grid-template-columns:1fr}.ownership-tools>div{display:grid;grid-template-columns:28px 1fr;padding:16px;gap:6px 12px}.ownership-tools svg{grid-row:1/3}.ownership-tools span{grid-column:2}.qr-stage{min-height:230px}.domain-reels{font-size:28px}.short-route{font-size:13px}}
@container bento (min-width:650px){.bento-page-stage{padding:70px 30px 65px;min-height:360px}.bento-copy h3{font-size:34px!important}}
@media(max-width:1050px) and (min-width:761px){.chosen-layout .bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"pages pages" "short domains" "analytics analytics" "qr affiliate" "controls affiliate"}.bento-drawing-space{display:none}.chosen-layout .bento-qr{display:flex}.chosen-layout .bento-analytics,.chosen-layout .bento-ownership{grid-template-columns:1fr}.ownership-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.chosen-layout .bento-grid{grid-template-columns:1fr;grid-template-areas:"pages" "short" "domains" "analytics" "qr" "affiliate" "controls";gap:24px}.chosen-layout .bento-card{padding:26px;min-height:0;gap:28px}.bento-drawing-space{display:none}.chosen-layout .bento-analytics,.chosen-layout .bento-qr,.chosen-layout .bento-ownership{display:flex}.chosen-layout .bento-bars{width:100%;min-height:130px}.qr-stage{width:100%}.chosen-layout .bento-page-preview{--page-angle-x:24deg;--page-angle-y:-13deg;--page-angle-z:0deg}.domain-machine{width:100%;box-sizing:border-box}.ownership-tools{width:100%}}
@keyframes caret-blink{50%{opacity:0}}@keyframes domain-reel{0%{transform:translateY(-60%);opacity:.1;filter:blur(3px)}70%{transform:translateY(5%);opacity:1;filter:blur(0)}100%{transform:translateY(0)}}@keyframes bar-wander{0%{transform:scaleY(.83)}28%{transform:scaleY(.97)}63%{transform:scaleY(.72)}100%{transform:scaleY(1.06)}}@keyframes bar-wander-alt{0%{transform:scaleY(1)}36%{transform:scaleY(.69)}70%{transform:scaleY(.91)}100%{transform:scaleY(.8)}}
@media(prefers-reduced-motion:reduce){.bento-grid *{animation:none!important;transition:none!important}.chosen-layout .bento-pages:hover .bento-page-preview{--explode:0;transform:rotateX(24deg) rotateY(-13deg)}.chosen-layout .bento-pages:hover .bento-page-preview>span{box-shadow:none}.qr-scanner{display:none!important}.bento-qr[data-scanning]{cursor:pointer!important}}

.chosen-layout .bento-pages:focus-visible .bento-page-preview>span{box-shadow:4px 7px 0 #c8b08444,8px 13px 17px #77562422}
.chosen-layout .sharing-console span,.chosen-layout .bento-controls>.bento-guide{border:0;padding:0;border-radius:0}
/* All illustrations sit on the card canvas; only the page and QR remain literal previews. */
.chosen-layout .bento-grid{grid-template-areas:"pages pages short" "pages pages domains" "qr qr affiliate" "controls analytics affiliate"}
.chosen-layout .short-source,.chosen-layout .short-destination,.chosen-layout .domain-machine,.chosen-layout .affiliate-product,.chosen-layout .affiliate-account,.chosen-layout .affiliate-output,.chosen-layout .sharing-console,.chosen-layout .ownership-tools>div{background:transparent;border:0;border-radius:0;box-shadow:none}
.chosen-layout .short-source,.chosen-layout .short-destination{padding:10px 0}.short-source{font-size:18px}.short-destination{font-size:12px}.route-line{margin-left:18px;background:#afbc9980}.short-route{min-height:130px}
.chosen-layout .domain-machine{padding:0;gap:12px}.domain-reels{height:160px;min-height:160px;overflow:hidden;align-items:stretch;gap:4px;font-size:32px}.domain-reel{height:160px;overflow:hidden;min-width:0;flex:1;animation:none!important}.domain-reel[data-domain-name]{text-align:right}.domain-reel[data-domain-tld]{text-align:left;color:#4d9392;flex:.7}.domain-dot{align-self:center;font-size:32px}.reel-track{display:flex;flex-direction:column;transform:translateY(0);transition:none}.reel-track>span{display:block;height:32px;line-height:32px;flex-shrink:0;opacity:.18;font-size:22px}.reel-track>span:nth-child(2),.reel-track>span:nth-child(4){opacity:.4;font-size:26px}.reel-track>span:nth-child(3){opacity:1;font-size:32px}.domain-reel.is-spinning .reel-track{transform:translateY(-32px);transition:transform .4s cubic-bezier(.25,.7,.25,1)}.domain-note{font-size:10px}
.chosen-layout .bento-page-preview>img,.chosen-layout .bento-page-preview>span,.chosen-layout .bento-page-preview>i{transform:translateZ(calc(var(--explode)*var(--step)*24px))}
.chosen-layout .bento-page-preview{box-shadow:6px 12px 24px #72573226}
.chosen-layout .bento-page-preview>i{box-shadow:3px 6px 10px #65573924,1px 2px 3px #65573917;border-color:#c9d2b4}
.chosen-layout .bento-page-preview>img{box-shadow:3px 6px 12px #65573924}
@media(hover:hover){.chosen-layout .bento-pages:hover .bento-page-preview>i{box-shadow:calc(var(--step)*2px) calc(var(--step)*4px) calc(12px + var(--step)*4px) #65573930}.chosen-layout .bento-pages:hover .bento-page-preview>span{box-shadow:6px 12px 22px #65573924}}
.chosen-layout .bento-analytics{display:flex;min-height:290px;gap:26px}.chosen-layout .bento-bars{width:100%;height:125px}.chosen-layout .bento-bars i{animation:bar-wander calc(var(--tempo)*20) ease-in-out var(--delay) infinite alternate}.chosen-layout .bento-analytics:is(:hover,:focus-visible) .bento-bars i{animation-duration:var(--tempo)}
.qr-scanner i{border-color:#ffe23d;filter:drop-shadow(0 1px 1px #55450060)}
.chosen-layout .affiliate-product,.chosen-layout .affiliate-account{padding:18px 0}.chosen-layout .affiliate-output{border-top:1px solid #afc4a4;padding:22px 0 0}.affiliate-output span{display:inline-block;margin-top:9px;color:#376748}.affiliate-path{max-width:100%}.affiliate-track{align-items:flex-start;padding-left:12px}.chosen-layout .affiliate-path p{text-align:left}
.chosen-layout .sharing-console{padding:0}.sharing-console>div{padding:17px 0}.ownership-tools>div{padding:10px 16px;border-left:1px solid #c9b88f!important}.ownership-tools>div:first-child{border-left:0!important}
@container bento (max-width:400px){.ownership-tools>div{border-left:0!important;border-top:1px solid #c9b88f!important;padding:18px 0}.ownership-tools>div:first-child{border-top:0!important}.domain-reels{font-size:28px}.reel-track>span:nth-child(3){font-size:28px}.short-source{font-size:17px}}
@media(max-width:1050px) and (min-width:761px){.chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "qr affiliate" "controls affiliate" "analytics analytics"}.chosen-layout .bento-analytics{display:grid;grid-template-columns:1fr 1.5fr}}
@media(max-width:760px){.chosen-layout .bento-grid{grid-template-areas:"pages" "short" "domains" "analytics" "qr" "affiliate" "controls"}.chosen-layout .bento-analytics{display:flex}}
@media(prefers-reduced-motion:reduce){.chosen-layout .bento-bars i{animation:none!important}.domain-reel.is-spinning .reel-track{transform:none!important}.chosen-layout .bento-pages:hover .bento-page-preview>*{transform:none!important}}
.domain-reel{mask-image:linear-gradient(to bottom,#0003 0%,#0007 23%,#000 43%,#000 57%,#0007 77%,#0003 100%)}.reel-track>span,.reel-track>span:nth-child(2),.reel-track>span:nth-child(3),.reel-track>span:nth-child(4){opacity:1;font-size:28px}

.chosen-layout .bento-pages:focus-visible .bento-page-preview>span{box-shadow:6px 12px 22px #65573924}
/* Two customizable page designs share one perspective stage. */
.bento-page-stage{isolation:isolate;min-height:440px;padding:48px 20px 55px}
.chosen-layout .bento-page-preview{width:58%;max-width:300px;justify-self:start;margin-left:5%;z-index:2}
.chosen-layout .bento-page-preview>i,.chosen-layout .bento-page-preview>i:nth-of-type(1),.chosen-layout .bento-page-preview>i:nth-of-type(2){--step:2.5}
.bento-page-alt{position:absolute;right:4%;top:13%;width:43%;max-width:260px;min-height:310px;box-sizing:border-box;padding:26px 22px;color:#fcf0d5;background:#284f54;border-radius:4px;transform:rotateX(calc(24deg + var(--tilt-y,0deg))) rotateY(calc(-13deg + var(--tilt-x,0deg))) translateZ(-35px);transform-style:preserve-3d;transition:transform .5s ease;box-shadow:8px 18px 28px #72573220;display:flex;flex-direction:column;gap:22px;z-index:1}
.alt-eyebrow{font:600 8px/1.5 Manrope,sans-serif;letter-spacing:.12em}.bento-page-alt strong{font:800 clamp(20px,4cqi,35px)/1.1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em}.alt-palette{display:flex;gap:6px;margin-top:auto}.alt-palette i{width:32px;height:44px;background:#f0b857;border-radius:50% 50% 0 0}.alt-palette i:nth-child(2){background:#da785c;transform:translateY(-10px)}.alt-palette i:nth-child(3){background:#a8c7b0}.alt-link{font:600 9px/1.4 Manrope,sans-serif;border-top:1px solid #fcf0d540;padding-top:16px}
@media(hover:hover){.bento-pages:hover .bento-page-alt{transform:rotateX(calc(24deg + var(--tilt-y,0deg))) rotateY(calc(-13deg + var(--tilt-x,0deg))) translateZ(20px)}.chosen-layout .bento-pages:hover .bento-page-preview>i{box-shadow:5px 10px 24px #6557392b}}
/* A small address launches an animated route to a much larger destination. */
.short-route{position:relative;gap:14px;min-height:170px}.short-source{font-size:clamp(18px,6cqi,24px);letter-spacing:-.035em}.short-flight{width:100%;height:90px;overflow:visible}.short-flight path{fill:none;stroke:#4d9392;stroke-width:1.5;stroke-dasharray:3 6;opacity:.4}.short-flight circle{fill:#4d9392;offset-path:path('M10 65C80 65 55 15 145 25S220 85 285 30');animation:route-flight 2s ease-in-out infinite;opacity:0}.short-route[data-connected] .short-flight circle{opacity:1}.short-destination{letter-spacing:.02em;color:#687b66;min-height:20px;max-width:100%;overflow-wrap:anywhere;font-size:11px}.short-route:not([data-connected]) .short-flight{opacity:.35}.short-flight{transition:opacity .6s ease}
@keyframes route-flight{0%{offset-distance:0%;transform:scale(.6)}70%{transform:scale(1)}100%{offset-distance:100%;transform:scale(.6)}}
/* Six slots keep the entering row moving through the bottom edge. */
.domain-reel.is-spinning .reel-track{transition:transform .32s cubic-bezier(.25,.65,.3,1)}
/* Definite size prevents the QR flex child from collapsing on narrow layouts. */
.chosen-layout .bento-qr-preview{width:210px;max-width:100%;height:auto;flex-shrink:0;opacity:1!important;visibility:visible!important;display:block!important}.chosen-layout .bento-qr-preview img{display:block!important;width:100%;height:auto;opacity:1!important;visibility:visible!important}.qr-stage{flex-shrink:0;min-height:240px}.qr-scanner{transition:left .28s cubic-bezier(.2,.7,.2,1),top .28s cubic-bezier(.2,.7,.2,1),width .35s ease,height .35s ease,opacity .25s ease}
/* Playback rate is eased in JS without resetting the graph's animation phase. */
.chosen-layout .bento-analytics:is(:hover,:focus-visible) .bento-bars i{animation-duration:calc(var(--tempo)*20)}
/* Affiliate links orbit a connected, authorized program. */
.affiliate-path{position:relative;gap:10px}.affiliate-orbit{position:relative;height:210px;width:100%;max-width:310px;margin:0 auto 10px}.affiliate-orbit>svg{width:100%;height:100%;fill:none;stroke:#809e80;stroke-width:1;stroke-dasharray:4 7;opacity:.65}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#376748}.orbit-core .overview-icon{width:62px;height:62px;background:transparent;margin:0;padding:0}.orbit-core svg{width:62px;height:62px}.orbit-item{position:absolute;color:#4d9392;animation:orbit-bob 4s ease-in-out infinite alternate}.orbit-item svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.item-one{left:7%;top:40%;transform:rotate(-18deg)}.item-two{right:10%;top:15%;animation-delay:-1.7s}.item-three{right:12%;bottom:12%;animation-delay:-2.9s}.chosen-layout .affiliate-product{display:none}.chosen-layout .affiliate-track{display:none}.chosen-layout .affiliate-account{justify-content:center;padding:0;font-size:10px;color:#64785d}.affiliate-account .overview-icon{display:none}.chosen-layout .affiliate-output{border:0;padding:12px 0 0;text-align:center;font-size:26px;letter-spacing:-.04em}.affiliate-output span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.14em}.chosen-layout .affiliate-path p{text-align:center;font-size:9px}
@keyframes orbit-bob{to{translate:0 -12px;rotate:12deg}}
/* Sharing controls become three illustrated dials, directly on the canvas. */
.chosen-layout .sharing-console{display:flex;gap:12px;justify-content:space-between;padding:12px 0;width:100%;box-sizing:border-box}.sharing-console>div{border:0;position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:0;text-align:center}.sharing-console>div:before{content:"";width:68px;height:68px;border-radius:50%;border:1px dashed #8eaa94;position:absolute;top:0;left:50%;translate:-50% 0;transition:rotate 1s ease}.sharing-console svg{width:30px;height:30px;margin:18px 0 8px;transition:transform .8s ease}.sharing-console>div>span{font-size:10px}.sharing-console strong{margin:0;font-size:9px}.control-toggle{margin:0;width:25px;height:14px}.control-toggle:before{width:9px;height:9px;top:2.5px;right:3px}@media(hover:hover){.bento-controls:hover .sharing-console>div:before{rotate:65deg}.bento-controls:hover .sharing-console svg{transform:translateY(-3px) rotate(-8deg)}.bento-controls:hover .sharing-console>div:nth-child(2) svg{transform:rotate(35deg)}.bento-controls:hover .sharing-console>div:nth-child(3) svg{transform:rotate(180deg)}}
/* Export, API and MCP appear as a connected, open diagram. */
.ownership-tools{position:relative;padding-top:70px;gap:20px}.ownership-bridge{position:absolute;top:0;left:0;width:100%;height:90px;fill:none;stroke:#4d9392;stroke-width:1.3;stroke-dasharray:3 5;opacity:.6}.ownership-bridge circle{fill:#e8ba65;stroke:none}.chosen-layout .ownership-tools>div{border:0!important;padding:0;align-items:center;text-align:center;gap:13px}.ownership-tools svg:not(.ownership-bridge){width:36px;height:36px;transition:transform .7s ease}.ownership-tools strong{font-size:13px}.ownership-tools span{font-size:10px}.bento-ownership:hover .ownership-tools>div:nth-of-type(1)>svg{transform:translateY(6px)}.bento-ownership:hover .ownership-tools>div:nth-of-type(2)>svg{transform:rotate(-12deg)}.bento-ownership:hover .ownership-tools>div:nth-of-type(3)>svg{transform:rotate(12deg)}
@container bento (max-width:400px){.bento-page-stage{min-height:390px;padding:30px 0}.chosen-layout .bento-page-preview{width:72%;margin-left:0;padding:26px 13px 22px;gap:12px}.chosen-layout .bento-page-preview>img{width:65px;height:65px;margin:8px 0 10px}.chosen-layout .bento-page-preview>span{font-size:14px}.chosen-layout .bento-page-preview>i{font-size:10px;padding:11px}.bento-page-alt{width:55%;right:0;top:12%;min-height:275px;padding:20px 13px}.bento-page-alt strong{font-size:23px}.alt-eyebrow{font-size:6px}.alt-palette i{width:23px;height:34px}.alt-link{font-size:8px}.ownership-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:55px}.chosen-layout .ownership-tools>div{display:flex;gap:10px;align-items:center}.ownership-tools strong{font-size:11px}.ownership-tools span{font-size:9px}.ownership-bridge{height:60px}.sharing-console{gap:6px!important}.sharing-console>div:before{width:58px;height:58px}.sharing-console svg{margin-top:14px;width:26px;height:26px}}
@media(max-width:760px){.chosen-layout .bento-qr{display:flex;align-items:stretch}.qr-stage{width:100%;height:250px;min-height:250px}.chosen-layout .bento-page-stage{min-height:390px}.chosen-layout .bento-ownership{gap:36px}}
@media(prefers-reduced-motion:reduce){.short-flight circle,.orbit-item{animation:none!important}.chosen-layout .bento-pages:hover .bento-page-alt{transform:rotateX(24deg) rotateY(-13deg) translateZ(-35px)}.bento-controls:hover .sharing-console svg,.bento-controls:hover .sharing-console>div:before,.bento-ownership:hover .ownership-tools>div>svg{transform:none;rotate:none}}
@container bento (max-width:400px){.chosen-layout .bento-page-preview{width:58%;padding:24px 11px 20px}.chosen-layout .bento-page-preview>span{font-size:12px}.chosen-layout .bento-page-preview>i{font-size:9px}.bento-page-alt{width:44%;top:20%;min-height:265px;padding:20px 10px}.bento-page-alt strong{font-size:18px}.alt-palette{gap:4px}.alt-palette i{width:20px;height:32px}.alt-eyebrow{letter-spacing:.04em}.alt-link{font-size:7px}}
@container bento (max-width:400px){.bento-page-alt strong{font-size:clamp(14px,5cqi,18px)}}
/* Both themes render the same page and lift every element together. */
.chosen-layout .bio-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center;justify-items:center;padding:55px 18px;min-height:400px}
.chosen-layout .bio-pair .bento-page-preview{position:relative;justify-self:center;width:100%;max-width:290px;margin:0;z-index:1}
.chosen-layout .bento-page-preview>img,.chosen-layout .bento-page-preview>span,.chosen-layout .bento-page-preview>i{transform:translateZ(calc(var(--explode)*60px));transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease}
.chosen-layout .page-style-dark{background:#294e54;border-radius:12px;color:#fff5dc;box-shadow:6px 12px 24px #72573226}
.chosen-layout .page-style-dark>span{color:#fff5dc;font-family:Manrope,sans-serif;letter-spacing:.015em}
.chosen-layout .page-style-dark>img{background:#d9e4d2;border-color:#b6c9b8}
.chosen-layout .page-style-dark>i{background:#ebbe82;border-color:#d3a46c;border-radius:4px;color:#29443e;font-family:"Plus Jakarta Sans",sans-serif;box-shadow:3px 6px 12px #102c3033}
@media(hover:hover){.chosen-layout .bento-pages:hover .page-style-dark>i{box-shadow:5px 10px 24px #102c3040}.chosen-layout .bento-pages:hover .page-style-dark>span{box-shadow:6px 12px 22px #102c3030}}
@container bento (max-width:400px){.chosen-layout .bio-pair{gap:12px;padding:28px 0;min-height:350px}.chosen-layout .bio-pair .bento-page-preview{width:100%;padding:24px 10px 20px;gap:12px}.chosen-layout .bio-pair .bento-page-preview>img{width:58px;height:58px;margin:8px 0 10px}.chosen-layout .bio-pair .bento-page-preview>span{font-size:11px;min-height:31px}.chosen-layout .bio-pair .bento-page-preview>i{font-size:9px;padding:11px 7px;min-height:46px;box-sizing:border-box;display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){.chosen-layout .bio-pair .bento-page-preview>*{transform:none!important}.chosen-layout .bento-pages:hover .page-style-dark>span{box-shadow:none}}
.chosen-layout .bio-pair .bento-page-preview>img,.chosen-layout .bio-pair .bento-page-preview>span,.chosen-layout .bio-pair .bento-page-preview>i{--step:2.5}
/* Shared page layout, two inward-facing planes. */
.chosen-layout .page-style-light{--face-angle:11deg;--face-roll:-2deg}
.chosen-layout .page-style-dark{--face-angle:-11deg;--face-roll:2deg;border:0!important;outline:0}
.chosen-layout .bio-pair .bento-page-preview{transform:rotateX(calc(22deg + var(--tilt-y,0deg))) rotateY(calc(var(--face-angle) + var(--tilt-x,0deg))) rotateZ(var(--face-roll))}
@media(hover:hover){.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview{transform:rotateX(calc(22deg + var(--tilt-y,0deg))) rotateY(calc(var(--face-angle) + var(--tilt-x,0deg))) rotateZ(var(--face-roll))}}
.drawing-rails{display:none!important}
.chosen-layout .sharing-console{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 0}
.sharing-console>div{gap:12px}.sharing-console>div:before{display:none}.sharing-console svg{width:30px;height:30px;margin:0;color:#709582;transition:color .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.sharing-console>div>span{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
@media(hover:hover){.chosen-layout .bento-controls:hover .sharing-console svg,.chosen-layout .bento-controls:hover .sharing-console>div:nth-child(2) svg,.chosen-layout .bento-controls:hover .sharing-console>div:nth-child(3) svg{transform:translateY(-2px);color:#355e49}}
.domain-reel .reel-track,.domain-reel.is-spinning .reel-track{transition:none;will-change:transform;filter:blur(var(--reel-blur,0px))}
@media(max-width:760px){.chosen-layout .bio-pair{grid-template-columns:1fr;min-height:400px;padding:35px 14px}.chosen-layout .bio-pair .page-style-dark{display:none}.chosen-layout .bio-pair .page-style-light{width:100%;max-width:280px;padding:35px 24px 28px;gap:16px}.chosen-layout .bio-pair .page-style-light>img{width:76px;height:76px;margin:8px 0 18px}.chosen-layout .bio-pair .page-style-light>span{font-size:16px;min-height:0}.chosen-layout .bio-pair .page-style-light>i{font-size:11px;padding:14px;min-height:0}}
@media(prefers-reduced-motion:reduce){.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview{transform:rotateX(22deg) rotateY(var(--face-angle)) rotateZ(var(--face-roll))}.domain-reel .reel-track{filter:none}.chosen-layout .bento-controls:hover .sharing-console svg{transform:none}}
/* Long URLs enter from five directions, collapse into the tunnel, then emerge short. */
.chosen-layout .wormhole{position:relative;display:grid;place-items:center;align-content:normal;height:290px;min-height:290px;gap:0;overflow:hidden;isolation:isolate;width:100%;--entry-x:55px;--entry-y:-85px;--entry-angle:-9deg}
.wormhole-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}
.wormhole-rings>i{position:absolute;box-sizing:border-box;width:238px;height:238px;border:1.5px solid #4d939224;border-radius:50%;box-shadow:0 0 10px #4d939206,inset 0 0 10px #4d939206}
.wormhole-rings>i:nth-child(2){width:178px;height:178px;border-color:#4d939228}.wormhole-rings>i:nth-child(3){width:112px;height:112px;border-color:#4d93922c}
.wormhole-swirl{position:absolute;width:238px;height:238px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg 225deg,#4d939204 225deg,#4d93920b 300deg,#4d93921c 359deg,transparent 360deg);mask:radial-gradient(circle,#000 0% 68%,transparent 70%);animation:wormhole-spin 4s linear infinite;animation-play-state:paused}
.bento-short[data-motion] .wormhole-swirl{animation-play-state:running}
.wormhole-core{position:absolute;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,#4d93921c 0%,#4d93920d 38%,transparent 70%);opacity:.55;transition:opacity .5s ease,transform .5s ease}
.wormhole-url{position:absolute;left:50%;top:50%;width:min(92%,290px);text-align:center;font:600 11px/1.6 Manrope,sans-serif;color:#355e49;overflow-wrap:anywhere;opacity:0;z-index:2;transform:translate(-50%,-50%);text-shadow:0 1px 6px #f5eedb}
.wormhole-result{position:relative;z-index:3;font:800 clamp(16px,6.2cqi,23px)/1.5 "Plus Jakarta Sans",sans-serif;letter-spacing:-.05em;white-space:nowrap;opacity:0;transform:scale(.8);filter:blur(4px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.wormhole-result strong{color:#4d9392;font-weight:800}.wormhole-result .typing-caret{margin-left:3px}
.wormhole[data-phase="enter"] .wormhole-url{animation:wormhole-absorb 2.2s cubic-bezier(.3,.5,.3,1) both}
.wormhole[data-phase="enter"] .wormhole-rings>i{animation:wormhole-breathe 2.2s ease-in-out both}.wormhole[data-phase="enter"] .wormhole-rings>i:nth-child(2){animation-delay:.06s}.wormhole[data-phase="enter"] .wormhole-rings>i:nth-child(3){animation-delay:.12s}
.wormhole[data-phase="reveal"] .wormhole-result,.wormhole[data-phase="still"] .wormhole-result{opacity:1;transform:scale(1);filter:none}
.wormhole[data-phase="reveal"] .wormhole-core{opacity:1;transform:scale(1.35)}
.bento-short:not([data-motion]) .wormhole *{animation-play-state:paused!important}
@keyframes wormhole-spin{to{transform:rotate(360deg)}}
@keyframes wormhole-breathe{0%{transform:scale(.85);opacity:.4}40%{transform:scale(1.08);opacity:1}78%{transform:scale(.88);opacity:1}100%{transform:scale(1);opacity:.8}}
@container bento (max-width:280px){.wormhole-result{font-size:16px}.wormhole-rings>i{width:210px;height:210px}.wormhole-rings>i:nth-child(2){width:160px;height:160px}.wormhole-rings>i:nth-child(3){width:105px;height:105px}.wormhole-swirl{width:195px;height:195px}.wormhole-url{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wormhole[data-phase="still"] .wormhole-url{opacity:.65;translate:0 110px;scale:1;rotate:0deg;font-size:9px}.wormhole[data-phase="still"] .wormhole-rings>i{transform:none}.wormhole-result{transition:none}.wormhole-swirl{animation:none}}
.wormhole{--orbit-x:clamp(-35px,var(--entry-x),35px)}.wormhole-url{width:min(66%,220px)}
@keyframes wormhole-absorb{0%{opacity:0;translate:calc(var(--orbit-x)*1.3) calc(var(--entry-y)*1.2);rotate:var(--entry-angle);scale:1;filter:blur(2px)}18%,40%{opacity:1;translate:var(--orbit-x) var(--entry-y);rotate:var(--entry-angle);scale:1;filter:blur(0)}68%{opacity:1;translate:calc(var(--orbit-x)*.3) calc(var(--entry-y)*.3);rotate:calc(var(--entry-angle)*-1);scale:.65;filter:blur(0)}88%{opacity:.4;translate:0 0;rotate:0deg;scale:.15;filter:blur(2px)}100%{opacity:0;translate:0 0;rotate:0deg;scale:0;filter:blur(3px)}}
/* Sharper shadows and a cooler emerald theme, with variables for the style lab. */
.chosen-layout .bio-pair .bento-page-preview{box-shadow:6px 12px 12px #72573226}
.chosen-layout .bio-pair .bento-page-preview>img{box-shadow:3px 6px 6px #65573924}
.chosen-layout .bio-pair .bento-page-preview>i{box-shadow:3px 6px 5px #65573924,1px 2px 1.5px #65573917}
.chosen-layout .bio-pair .page-style-dark{background:var(--bio-bg,#183e40);color:var(--bio-ink,#f4eedb);border-radius:var(--bio-radius,22px);gap:var(--bio-gap,16px);padding:var(--bio-padding,32px) 26px;--face-angle:var(--bio-angle,-11deg);--face-roll:var(--bio-roll,2deg);box-shadow:6px 12px var(--bio-shadow,12px) #26454033}
.chosen-layout .page-style-dark>span{color:var(--bio-ink,#f4eedb);font-family:var(--bio-font,"Plus Jakarta Sans"),sans-serif;font-size:var(--bio-title,18px);font-weight:var(--bio-weight,700);letter-spacing:-.035em}
.chosen-layout .page-style-dark>i{background:var(--bio-button,#b9dccc);color:var(--bio-button-ink,#183e40);border:var(--bio-stroke,0px) solid var(--bio-button-ink,#183e40);border-radius:var(--bio-button-radius,22px);font-family:var(--bio-font,"Plus Jakarta Sans"),sans-serif;font-weight:var(--bio-weight,700);box-shadow:3px 6px calc(var(--bio-shadow,12px)*.5) #0f292f50}
.chosen-layout .bio-pair .page-style-dark>*{transform:translateZ(calc(var(--explode)*var(--bio-lift,60px)))}
@media(hover:hover){.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview>i{box-shadow:5px 10px 12px #6557392b}.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview>span{box-shadow:6px 12px 11px #65573924}.chosen-layout .bento-pages:hover .bio-pair .page-style-dark>i{box-shadow:5px 10px var(--bio-shadow,12px) #0f292f50}.chosen-layout .bento-pages:hover .bio-pair .page-style-dark>span{box-shadow:6px 12px calc(var(--bio-shadow,12px)*.9) #0f292f40}}
.domain-reel .reel-track>span{font-size:clamp(17px,7cqi,25px)}
/* One continuous frame-driven path replaces phase changes between CSS animations. */
.wormhole[data-phase="enter"] .wormhole-url,.wormhole[data-phase="enter"] .wormhole-rings>i{animation:none!important}
.wormhole-url,.wormhole-result{transition:none!important;filter:none;will-change:transform,opacity}
.wormhole[data-phase="reveal"] .wormhole-core{transform:none;opacity:.65}.wormhole-core{transition:none}
.wormhole-rings>i{will-change:transform}
/* A portable archive opens and releases its contents. */
.chosen-layout .bento-ownership{grid-template-columns:1fr 1.5fr;align-items:center}
.ownership-visual{width:100%;min-width:0}.export-stage{position:relative;height:190px;display:grid;place-items:center;perspective:650px;isolation:isolate}
.export-floor{position:absolute;bottom:12px;width:180px;height:55px;background:radial-gradient(ellipse,#4d939233,transparent 70%);transform:rotateX(55deg)}
.export-door{position:relative;width:88px;height:120px;border:1px solid #365d4e;border-radius:44px 44px 5px 5px;background:linear-gradient(130deg,#254d49,#4d9392);box-shadow:7px 10px 12px #284e402b;transform:rotateY(-16deg);transform-origin:left;transition:transform 1s cubic-bezier(.2,.75,.2,1),box-shadow 1s;z-index:2;display:grid;place-items:center}
.export-door svg{width:36px;height:36px;color:#dfedce;stroke-width:1.3}
.export-download{position:absolute;left:calc(50% - 90px);bottom:44px;color:#4d9392}.export-download svg{width:30px;height:30px}
.export-packets{position:absolute;left:50%;top:50%;z-index:1}.export-packets span{position:absolute;font:800 12px/1.4 "Plus Jakarta Sans",sans-serif;color:#4d9392;opacity:0;transform:translate(-10px,-10px) scale(.5);animation:export-flight 3s cubic-bezier(.2,.7,.3,1) var(--wait) infinite;animation-play-state:paused;text-shadow:0 1px 0 #f2e5c7}
.export-packets span:nth-child(3n+2){color:#96702f}.export-packets span:nth-child(3n){color:#355c46;font-size:18px}
.ownership-tools{padding-top:16px;gap:16px}.ownership-tools>div{gap:8px}.ownership-tools>div>svg{width:24px;height:24px}.ownership-tools strong{font-size:12px}.ownership-tools span{font-size:9px}
@media(hover:hover){.bento-ownership:hover .export-door{transform:rotateY(-72deg);box-shadow:10px 12px 10px #284e4020}.bento-ownership:hover .export-packets span{animation-play-state:running}.bento-ownership:hover .ownership-tools>div>svg{transform:none}}
.bento-ownership:focus-visible .export-door{transform:rotateY(-72deg)}.bento-ownership:focus-visible .export-packets span{animation-play-state:running}
@keyframes export-flight{0%{opacity:0;transform:translate(-10px,-10px) scale(.4)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) scale(1)}}
@media(max-width:1050px){.chosen-layout .bento-ownership{grid-template-columns:1fr}.export-stage{height:185px}.ownership-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.export-door{transform:rotateY(-40deg)}.export-packets span{animation-play-state:running;animation-duration:5s}.ownership-tools{padding-top:16px}.chosen-layout .bento-ownership{gap:24px}}
@media(prefers-reduced-motion:reduce){.export-packets span{animation:none!important;opacity:1;transform:translate(calc(var(--flight-x)*.6),calc(var(--flight-y)*.6)) scale(.8)}.export-door,.bento-ownership:hover .export-door{transform:rotateY(-40deg);transition:none}.chosen-layout .bio-pair .bento-page-preview>span{box-shadow:none!important}}
.chosen-layout .bio-pair .page-style-dark>i{box-shadow:3px 6px calc(var(--bio-shadow,12px)*.5) #0f292f50}
.export-packets span{white-space:nowrap}

/* Keep the invitation near the feature grid while letting the hero breathe. */
.chosen-layout main>.hero{align-content:stretch;grid-template-rows:1fr 1fr auto;padding-bottom:8px;row-gap:24px}
.chosen-layout .hero .hero-scroll-cue{margin:clamp(60px,9svh,104px) auto 0;padding-bottom:8px;align-self:end}
.chosen-layout main>.feature-bento{padding-top:16px;scroll-margin-top:100px}
.chosen-layout .wormhole{height:290px;min-height:290px}
.chosen-layout .destination-card{display:flex;align-items:center;gap:11px;width:min(95%,290px);padding:16px 14px;border:1px solid #d7d9c5;border-radius:16px;background:#fffdf5;box-sizing:border-box;box-shadow:0 3px 0 #c5cfb433,0 10px 24px #355e4910;text-align:left;text-shadow:none;z-index:4}
.destination-icon{display:grid;place-items:center;background:#e4eddf;color:#355e49;width:42px;height:48px;flex:none;border-radius:11px}.destination-icon svg{width:24px;height:24px}.destination-card[data-kind="map"] .destination-icon{background:#f5dfb4}.destination-card[data-kind="report"] .destination-icon{background:#e1e9eb}.destination-card[data-kind="battery"] .destination-icon{background:#f0ded2}
.destination-content{display:grid;gap:5px;min-width:0}.destination-type{font:700 8px/1.3 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#64795d}.destination-content strong{font:800 12px/1.4 "Plus Jakarta Sans",sans-serif;color:#294b3a}.destination-address{font:500 8px/1.4 Manrope,sans-serif;color:#798171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destination-arrow{margin-left:auto;font-size:17px;align-self:flex-start;color:#748d71}
.chosen-layout .affiliate-orbit{height:240px;margin-bottom:16px}.provider-name{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffdf5;border:1px solid #c5d4c2;border-radius:12px;padding:10px 14px;box-shadow:0 3px 0 #c1cfb64d;font:800 15px/1.3 "Plus Jakarta Sans",sans-serif;color:#315742;animation:none;transform:none;min-width:56px}.provider-name>span{font:500 8px/1.6 Manrope,sans-serif;letter-spacing:.03em}.provider-name.item-one{left:0;top:23%}.provider-name.item-two{right:3%;top:6%}.provider-name.item-three{right:0;bottom:20%}.provider-name.item-four{left:4%;bottom:2%;font-size:12px}
@media(max-width:760px){.chosen-layout main>.hero{padding-bottom:8px;gap:18px}.chosen-layout .hero .hero-scroll-cue{margin-top:54px;padding-bottom:8px}.chosen-layout main>.feature-bento{padding-top:12px}.chosen-layout .wormhole{height:300px;min-height:300px}}
@media(prefers-reduced-motion:reduce){.chosen-layout .wormhole[data-phase="still"] .destination-card{transform:translate(-50%,30px);translate:none;scale:1;rotate:0deg;opacity:1}.wormhole[data-phase="still"] .wormhole-result{align-self:start;margin-top:36px}.wormhole[data-phase="still"] .wormhole-rings{opacity:.35}}

/* Bio planes share absolute inward hover angles and synchronized depth shadows. */
.chosen-layout .bio-pair .bento-page-preview{--explode:0;box-shadow:none;transform:rotateX(calc(5deg + var(--tilt-y,0deg))) rotateY(calc(var(--face-angle) + var(--tilt-x,0deg))) rotateZ(var(--face-roll));transition:transform 1500ms cubic-bezier(.2,.9,.2,1),box-shadow 1500ms cubic-bezier(.2,.9,.2,1)}
.chosen-layout .bio-pair .bento-page-preview>img,.chosen-layout .bio-pair .bento-page-preview>i{box-shadow:none;transition:transform 1500ms cubic-bezier(.2,.9,.2,1),box-shadow 1500ms cubic-bezier(.2,.9,.2,1)}
.chosen-layout .bio-pair .bento-page-preview>span{box-shadow:none!important;text-shadow:0 0 0 transparent;transition:transform 1500ms cubic-bezier(.2,.9,.2,1),text-shadow 1500ms cubic-bezier(.2,.9,.2,1)}
@media(hover:hover){
.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview{--explode:1;transform:rotateX(calc(22deg + var(--tilt-y,0deg))) rotateY(calc(var(--face-angle) + var(--tilt-x,0deg))) rotateZ(var(--face-roll));box-shadow:6px 12px 12px #72573226}
.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview>img{box-shadow:3px 6px 6px #65573924}
.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview>span{text-shadow:6px 12px 11px #65573924}
.chosen-layout .bento-pages:hover .bio-pair .page-style-dark>span{text-shadow:6px 12px 11px #0f292f40}
}
.chosen-layout .bento-pages:focus-visible .bio-pair .bento-page-preview{--explode:1;transform:rotateX(22deg) rotateY(var(--face-angle)) rotateZ(var(--face-roll));box-shadow:6px 12px 12px #72573226}
.chosen-layout .bento-pages:focus-visible .bio-pair .bento-page-preview>img{box-shadow:3px 6px 6px #65573924}
.chosen-layout .bento-pages:focus-visible .bio-pair .bento-page-preview>i{box-shadow:5px 10px 12px #6557392b}
.chosen-layout .bento-pages:focus-visible .bio-pair .bento-page-preview>span{text-shadow:6px 12px 11px #65573924}
@media(prefers-reduced-motion:reduce){.chosen-layout .bio-pair .bento-page-preview,.chosen-layout .bio-pair .bento-page-preview>*{transition:none!important}.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview,.chosen-layout .bento-pages:focus-visible .bio-pair .bento-page-preview{transform:rotateX(5deg) rotateY(var(--face-angle)) rotateZ(var(--face-roll))}}

.destination-card[data-kind="video"] .destination-icon{background:#f4e0d9;color:#a6574c}.destination-card[data-kind="book"] .destination-icon{background:#ebe3d4;color:#786548}

/* Equal reel columns put the dot and middle row on the card's centerline. */
.chosen-layout .bento-domains{align-self:start;justify-content:flex-start;gap:22px;min-height:0;padding-block:24px}
.chosen-layout .bento-domains .domain-machine{width:100%;padding:0;margin:0}
.chosen-layout .bento-domains .domain-reels{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:center;align-items:stretch;gap:6px;font-size:clamp(20px,7.8cqi,28px);line-height:32px;margin:0}
.chosen-layout .bento-domains .domain-reel{width:100%;min-width:0}
.chosen-layout .bento-domains .domain-dot{align-self:center;justify-self:center;font:inherit;line-height:32px}
.chosen-layout .bento-domains .reel-track>span{font-size:inherit;line-height:32px}
@media(max-width:760px){.chosen-layout .bento-domains{padding-block:24px;gap:20px}}

/* The address and destination logos share the radar center. */
.chosen-layout .wormhole .wormhole-result{position:absolute;left:50%;top:50%;bottom:auto;display:flex;align-items:baseline;gap:0;margin:0;opacity:1;transform:translate(-50%,-50%);filter:none;z-index:10;will-change:auto}
.short-prefix{flex:none}.short-slug{display:inline-block;width:12ch;text-align:left;flex:none}
@media(min-width:761px) and (max-width:1050px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "analytics analytics" "qr affiliate" "controls controls"}
 .chosen-layout .bento-short,.chosen-layout .bento-domains{display:grid;grid-template-rows:minmax(132px,auto) minmax(228px,1fr) auto;align-self:stretch;padding:28px;gap:22px}
 .chosen-layout .bento-short .wormhole{height:100%;min-height:228px}
 .chosen-layout .bento-domains .domain-machine{align-self:center}
 .chosen-layout .bento-domains .domain-reels{font-size:clamp(22px,8.8cqi,28px)}
 .chosen-layout .bento-analytics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:1fr auto;grid-template-areas:"copy chart" "guide chart";gap:24px 32px;align-items:center;min-height:280px;padding:28px}
 .chosen-layout .bento-analytics .bento-copy{grid-area:copy;align-self:center}
 .chosen-layout .bento-analytics h3{font-size:clamp(26px,3.6cqi,30px)!important}
 .chosen-layout .bento-analytics .bento-bars{grid-area:chart;align-self:center;height:160px;min-height:160px;margin:0;border-bottom:1px solid #a4b88c55}
 .chosen-layout .bento-analytics .bento-guide{grid-area:guide;grid-column:auto;align-self:end}
 .chosen-layout .bento-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"copy controls" "guide controls";align-items:center;gap:24px 32px;min-height:250px;padding:28px}
 .chosen-layout .bento-controls .bento-copy{grid-area:copy}
 .chosen-layout .bento-controls .sharing-console{grid-area:controls;padding:0}
 .chosen-layout .bento-controls .bento-guide{grid-area:guide}
}
@media(prefers-reduced-motion:reduce){.chosen-layout .wormhole[data-phase="still"] .destination-card{top:42%;transform:translate(-50%,-50%)}}
/* The avatar surface rounds; the logo inside it keeps its full silhouette. */
.chosen-layout .bio-pair{min-height:0;padding:24px 18px}
.chosen-layout .bio-pair .bento-page-preview{padding:24px 26px 20px;--bio-pointer-tracking:.65}
.chosen-layout .bio-pair .bento-page-preview>.bio-avatar{--step:2.5;position:relative;display:grid;place-items:center;width:76px;height:76px;padding:10px;margin:8px 0 18px;box-sizing:border-box;justify-self:center;border:2px solid #fafbef;border-radius:50%;background:#e4eacb;overflow:visible;transform:translateZ(calc(var(--explode)*60px));transition:transform 1600ms cubic-bezier(.2,.75,.2,1);box-shadow:none}
.chosen-layout .bio-pair .page-style-dark>.bio-avatar{background:#d9e4d2;border-color:#b6c9b8}
.chosen-layout .bio-pair .bento-page-preview>.bio-avatar>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border:0;border-radius:0;padding:0;margin:0;background:none;box-shadow:none;transform:none}
@media(hover:hover){.chosen-layout .bento-pages:hover .bio-pair .bento-page-preview>.bio-avatar{box-shadow:3px 6px 6px #65573924}}
.chosen-layout .bento-pages:focus-visible .bio-avatar{box-shadow:3px 6px 6px #65573924}
.chosen-layout .wormhole{height:200px;min-height:200px}
.chosen-layout .wormhole-rings{scale:.8}
.chosen-layout .wormhole .wormhole-result{justify-content:center;width:max-content;max-width:100%}
.chosen-layout .wormhole .short-slug{display:inline;width:auto;flex:none;text-align:center}
.chosen-layout .wormhole .destination-favicon{display:grid;place-items:center;left:50%;top:46%;width:52px;height:52px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:none;z-index:4}
.destination-favicon img{display:block;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 4px #355e4926)}
.chosen-layout .bento-domains .domain-machine,.chosen-layout .bento-domains .domain-reels{height:var(--reel-height,160px);min-height:0}
.chosen-layout .bento-domains .domain-reel{height:100%;mask-image:linear-gradient(transparent 0%,transparent 7%,#0002 22%,#0005 36%,#000 46%,#000 54%,#0005 64%,#0002 78%,transparent 93%,transparent 100%)}
.chosen-layout .bento-domains .reel-track>span{opacity:1!important}
.chosen-layout .bento-qr .qr-scanner{left:0;top:0;transform:translate3d(var(--scan-x,0px),var(--scan-y,0px),0) translate(-50%,-50%);transition:opacity 80ms ease;will-change:transform}
.chosen-layout .sharing-console{grid-template-columns:repeat(3,minmax(0,1fr))}
.chosen-layout .bento-ownership{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"copy art" "guide art";gap:24px 40px;align-items:center;min-height:290px;background:#f2edda;padding:30px}
.bento-ownership .bento-copy{grid-area:copy}.bento-ownership .bento-copy p{max-width:45ch}
.chosen-layout .bento-ownership h3{font-size:clamp(24px,3cqi,34px)!important;line-height:1.2!important;margin-bottom:18px!important}
.chosen-layout .bento-ownership .data-pill-row{gap:8px;margin-top:20px}
.chosen-layout .bento-ownership .data-pill-row>span{font:600 10px/1.5 Manrope,sans-serif;border:1px solid #a6b69b66;border-radius:8px;padding:6px 9px;color:#47624d}
.chosen-layout .bento-ownership .data-pill-row small{font:inherit;opacity:.7}
.bento-ownership .bento-guide{grid-area:guide}
.ownership-stack{grid-area:art;position:relative;height:200px;width:min(100%,360px);justify-self:center}
.ownership-file{position:absolute;display:grid;gap:14px;align-content:start;padding:22px;width:170px;height:170px;border:1px solid #a9b89c;border-radius:16px;background:#fffdf5;box-shadow:0 4px 0 #bdcba655;box-sizing:border-box;color:#3d654e;transition:transform .5s ease}
.ownership-file svg{width:28px;height:28px}.ownership-file strong{font:800 14px/1.4 "Plus Jakarta Sans",sans-serif}.ownership-file>span{font:600 10px/1.4 Manrope,sans-serif;color:#6b8166}
.source-file{left:8%;top:0;transform:rotate(-7deg)}.export-file{right:5%;bottom:0;transform:rotate(7deg);background:#e8efdd}
.ownership-code-lines,.ownership-export-lines{display:grid;gap:6px}.ownership-code-lines i,.ownership-export-lines i{display:block;height:3px;border-radius:2px;background:#a3b899;opacity:.55}.ownership-code-lines i:nth-child(2){width:75%;margin-left:10px}.ownership-code-lines i:nth-child(3){width:50%;margin-left:10px}.ownership-export-lines i:nth-child(2){width:75%}.ownership-export-lines i:nth-child(3){width:55%}
@media(hover:hover){.bento-ownership:hover .source-file{transform:translateX(-8px) rotate(-10deg)}.bento-ownership:hover .export-file{transform:translateX(8px) rotate(10deg)}}
@media(min-width:761px) and (max-width:1050px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "analytics analytics" "qr affiliate" "controls affiliate"}
 .chosen-layout .bento-qr{align-self:start;display:flex;justify-content:flex-start;min-height:0;gap:22px;padding:28px}
 .chosen-layout .bento-qr .qr-stage{height:230px;min-height:230px;width:100%}
 .chosen-layout .bento-controls{display:flex;justify-content:space-between;gap:24px;min-height:280px;padding:28px}
 .chosen-layout .bento-controls .sharing-console{padding:8px 0}
 .chosen-layout .bento-domains .domain-machine{align-self:center}
 .chosen-layout .bento-ownership{gap:24px 28px;padding:28px}
 .chosen-layout .bento-ownership h3{font-size:28px!important}
}
@media(max-width:760px){
 .chosen-layout .bio-pair{padding:20px 8px;min-height:0}
 .chosen-layout .bio-pair .page-style-light{padding:24px 24px 20px}
 .chosen-layout .wormhole{height:208px;min-height:208px}
 .chosen-layout .bento-ownership{display:flex;gap:26px;padding:26px;min-height:0}
 .ownership-stack{width:100%;max-width:330px;align-self:center;height:210px;flex:none}
 .chosen-layout .bento-ownership h3{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){.chosen-layout .wormhole[data-phase="still"] .destination-favicon{top:40%;transform:translate(-50%,-50%);translate:none;scale:1;rotate:none;opacity:1}.ownership-file{transition:none!important}.bento-ownership:hover .ownership-file{transform:none}}
.source-file strong{order:-1}

.chosen-layout .wormhole .destination-logo{position:absolute;display:grid;place-items:center;left:50%;top:50%;width:112px;height:72px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:0;z-index:4;will-change:transform,opacity}
.destination-logo img{display:block;width:104px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 3px #355e4918)}
.destination-logo[data-kind="book"] img{mix-blend-mode:multiply}
.chosen-layout .bento-controls .sharing-console svg{transform:none!important}
.control-shackle{animation:none!important;transition:none}
.control-clock-hands{transform-box:view-box;transform-origin:12px 12px}
.control-swap-top,.control-swap-bottom{animation:none!important;transition:none;opacity:1}
@media(hover:hover){
 .bento-controls:is(:hover,:focus-visible) .control-clock-hands{animation:control-clock-turn 1.1s cubic-bezier(.35,.05,.2,1) both}
}
@keyframes control-clock-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.chosen-layout .wormhole[data-phase="still"] .destination-logo{opacity:1;top:calc(50% - 76px);transform:translate(-50%,-50%);translate:none;scale:1;rotate:none}.control-shackle,.control-clock-hands,.control-swap-top,.control-swap-bottom{animation:none!important;transform:none!important}}
.bento-controls .sharing-console svg{overflow:visible}

.chosen-layout .wormhole[data-phase="still"] .wormhole-result{align-self:auto;margin:0}

@media(min-width:761px) and (max-width:1050px){
 .chosen-layout main#main>.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto auto;min-height:0;padding-top:36px;column-gap:28px;row-gap:28px}
 .chosen-layout main#main>.hero h1{grid-column:1/-1;grid-row:1;align-self:center;justify-self:center;text-align:center;width:100%;max-width:880px}
 .chosen-layout main#main>.hero h1,.chosen-layout main#main>.hero h1 em{font-size:clamp(46px,6.4vw,66px)!important;line-height:1.04}
 .chosen-layout main#main>.hero .hero-copy{grid-column:1;grid-row:2;margin:0;align-self:center}
 .chosen-layout main#main>.hero .hero-copy>p:first-of-type{font-size:16px;line-height:1.65}
 .chosen-layout main#main>.hero .hero-pond{grid-column:2;grid-row:2;width:100%;margin:0;transform:none;align-self:center}
 .chosen-layout main#main>.hero .hero-art{width:100%;max-width:100%;transform:none}
 .chosen-layout main#main>.hero .actions{margin-top:24px;gap:12px}
 .chosen-layout main#main>.hero .availability{margin-top:20px}
 .chosen-layout main#main>.hero .hero-scroll-cue{margin-top:24px}
}

.chosen-layout .affiliate-orbit .provider-name{left:50%;top:50%;right:auto;bottom:auto;font-size:12px;padding:8px 10px;min-width:56px;animation:none;translate:none;rotate:none;transition:none;will-change:transform;z-index:2}
.chosen-layout .affiliate-orbit{height:240px}
.chosen-layout .affiliate-orbit .orbit-core{z-index:1}
@media(prefers-reduced-motion:reduce){.chosen-layout .affiliate-orbit .provider-name{will-change:auto}}

/* Approved option 03: green first, quiet gallery second, matching page frames. */
.chosen-layout .bento-pages .bio-pair .page-style-light{--lab-background:#203b25;--lab-width:290px;--lab-minHeight:390px;--lab-radius:24px;--lab-paddingTop:20px;--lab-paddingBottom:20px;--lab-paddingX:26px;--lab-gap:12px;--lab-titleFont:"Plus Jakarta Sans";--lab-titleWeight:900;--lab-titleSize:21px;--lab-titleLine:1.4;--lab-titleTracking:-0.035em;--lab-titleAlign:center;--lab-titleInk:#f7f4e8;--lab-titleHoverInk:#f7f4e8;--lab-titleMargin:0px;--lab-titleLift:60px;--lab-titleScale:1;--lab-imageSize:84px;--lab-imagePadding:10px;--lab-imageRadius:50%;--lab-imageBorder:2px;--lab-imageBorderColor:#203b25;--lab-imageBackground:#d6ec89;--lab-imageFit:contain;--lab-imagePosition:center;--lab-imageAlign:center;--lab-imageMargin:4px;--lab-imageLift:60px;--lab-imageScale:1;--lab-imageRotation:0deg;--lab-buttonFont:"Plus Jakarta Sans";--lab-buttonWeight:800;--lab-buttonSize:14px;--lab-buttonPadding:14px;--lab-buttonRadius:30px;--lab-buttonBorder:0px;--lab-buttonBorderColor:#f7f4e8;--lab-buttonBackground:#d6ec89;--lab-buttonInk:#203b25;--lab-buttonHoverBackground:#d6ec89;--lab-buttonHoverInk:#203b25;--lab-buttonLift:60px;--lab-buttonScale:1;--lab-lightSource:pointer;--lab-lightX:50%;--lab-lightY:20%;--lab-lightHeight:1100px;--lab-lightReach:22px;--lab-lightStrength:1;--lab-lightSoftness:1.8;--lab-shadowColor:#16372b;--lab-shadowOpacity:0.16;--lab-shadowX:3px;--lab-shadowY:6px;--lab-shadowBlur:6px;--lab-hoverShadowBlur:12px;--lab-hoverShadowOffset:10px;--lab-perspective:1500px;--lab-tiltX:5deg;--lab-tiltY:0deg;--lab-roll:0deg;--lab-hoverTiltX:22deg;--lab-hoverTiltY:11deg;--lab-hoverRoll:0deg;--lab-hoverX:0px;--lab-hoverY:0px;--lab-hoverZ:0px;--lab-pointer:on;--lab-pointerX:5deg;--lab-pointerY:5deg;--lab-duration:1600ms;--lab-easing:smooth;--lab-shadow-rgb:22 55 43;--approved-hover-y:11deg}
.chosen-layout .bento-pages .bio-pair .page-style-dark{--lab-background:#f8f6ee;--lab-width:290px;--lab-minHeight:390px;--lab-radius:24px;--lab-paddingTop:20px;--lab-paddingBottom:20px;--lab-paddingX:26px;--lab-gap:14px;--lab-titleFont:Manrope;--lab-titleWeight:600;--lab-titleSize:18px;--lab-titleLine:1.4;--lab-titleTracking:-0.035em;--lab-titleAlign:left;--lab-titleInk:#252824;--lab-titleHoverInk:#252824;--lab-titleMargin:0px;--lab-titleLift:60px;--lab-titleScale:1;--lab-imageSize:84px;--lab-imagePadding:10px;--lab-imageRadius:8%;--lab-imageBorder:2px;--lab-imageBorderColor:#f8f6ee;--lab-imageBackground:#f8f6ee;--lab-imageFit:contain;--lab-imagePosition:center;--lab-imageAlign:start;--lab-imageMargin:4px;--lab-imageLift:60px;--lab-imageScale:1;--lab-imageRotation:0deg;--lab-buttonFont:Manrope;--lab-buttonWeight:850;--lab-buttonSize:14px;--lab-buttonPadding:14px;--lab-buttonRadius:2px;--lab-buttonBorder:0px;--lab-buttonBorderColor:#151515;--lab-buttonBackground:#151515;--lab-buttonInk:#f8f6ee;--lab-buttonHoverBackground:#151515;--lab-buttonHoverInk:#f8f6ee;--lab-buttonLift:60px;--lab-buttonScale:1;--lab-lightSource:pointer;--lab-lightX:50%;--lab-lightY:20%;--lab-lightHeight:1100px;--lab-lightReach:22px;--lab-lightStrength:1;--lab-lightSoftness:1.8;--lab-shadowColor:#16372b;--lab-shadowOpacity:0.16;--lab-shadowX:3px;--lab-shadowY:6px;--lab-shadowBlur:6px;--lab-hoverShadowBlur:12px;--lab-hoverShadowOffset:10px;--lab-perspective:1500px;--lab-tiltX:5deg;--lab-tiltY:0deg;--lab-roll:0deg;--lab-hoverTiltX:22deg;--lab-hoverTiltY:11deg;--lab-hoverRoll:0deg;--lab-hoverX:0px;--lab-hoverY:0px;--lab-hoverZ:0px;--lab-pointer:on;--lab-pointerX:5deg;--lab-pointerY:5deg;--lab-duration:1600ms;--lab-easing:smooth;--lab-shadow-rgb:22 55 43;--approved-hover-y:-11deg}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview{--lab-motion:0;--lab-pointer-x:0deg;--lab-pointer-y:0deg;position:relative!important;display:grid!important;width:min(100%,var(--lab-width))!important;max-width:var(--lab-width)!important;min-height:var(--lab-minHeight)!important;margin:0!important;padding:var(--lab-paddingTop) var(--lab-paddingX) var(--lab-paddingBottom)!important;gap:var(--lab-gap)!important;background:var(--lab-background)!important;border:0!important;border-radius:var(--lab-radius)!important;transform-style:preserve-3d!important;overflow:visible!important;transform:perspective(var(--lab-perspective)) rotateX(calc(var(--lab-tiltX) + 0deg + var(--explode,0)*(var(--lab-hoverTiltX) - var(--lab-tiltX)))) rotateY(calc(var(--lab-tiltY) + 0deg + var(--explode,0)*(var(--approved-hover-y) - var(--lab-tiltY)))) rotateZ(calc(var(--lab-roll) + var(--explode,0)*var(--lab-hoverRoll))) translate3d(calc(var(--explode,0)*var(--lab-hoverX)),calc(var(--explode,0)*var(--lab-hoverY)),calc(var(--explode,0)*var(--lab-hoverZ)))!important;box-shadow:none!important;transition:transform var(--lab-duration) var(--lab-ease),box-shadow var(--lab-duration) var(--lab-ease)!important}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>*{position:relative!important;transition:transform var(--lab-duration) var(--lab-ease),box-shadow var(--lab-duration) var(--lab-ease),text-shadow var(--lab-duration) var(--lab-ease),color var(--lab-duration) var(--lab-ease),background var(--lab-duration) var(--lab-ease)!important}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>.bio-avatar{width:var(--lab-imageSize)!important;height:var(--lab-imageSize)!important;padding:var(--lab-imagePadding)!important;margin:8px 0 var(--lab-imageMargin)!important;box-sizing:border-box!important;justify-self:var(--lab-imageAlign)!important;object-fit:var(--lab-imageFit)!important;object-position:var(--lab-imagePosition)!important;border:var(--lab-imageBorder) solid var(--lab-imageBorderColor)!important;border-radius:var(--lab-imageRadius)!important;background:var(--lab-imageBackground)!important;transform:translateZ(calc(var(--explode,0)*var(--lab-imageLift))) scale(calc(1 + var(--explode,0)*(var(--lab-imageScale) - 1))) rotate(calc(var(--explode,0)*var(--lab-imageRotation)))!important;box-shadow:none!important}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>span{font-family:var(--lab-titleFont),sans-serif!important;font-size:var(--lab-titleSize)!important;font-weight:var(--lab-titleWeight)!important;line-height:var(--lab-titleLine)!important;letter-spacing:var(--lab-titleTracking)!important;text-align:var(--lab-titleAlign)!important;color:var(--lab-titleInk)!important;background:transparent!important;margin:0 0 var(--lab-titleMargin)!important;padding:5px 0!important;min-height:0!important;transform:translateZ(calc(var(--explode,0)*var(--lab-titleLift))) scale(calc(1 + var(--explode,0)*(var(--lab-titleScale) - 1)))!important;box-shadow:none!important}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>i{font-family:var(--lab-buttonFont),sans-serif!important;font-size:var(--lab-buttonSize)!important;font-weight:var(--lab-buttonWeight)!important;line-height:1.5!important;padding:var(--lab-buttonPadding)!important;min-height:0!important;margin:0!important;background:var(--lab-buttonBackground)!important;color:var(--lab-buttonInk)!important;border:var(--lab-buttonBorder) solid var(--lab-buttonBorderColor)!important;border-radius:var(--lab-buttonRadius)!important;transform:translateZ(calc(var(--explode,0)*var(--lab-buttonLift))) scale(calc(1 + var(--explode,0)*(var(--lab-buttonScale) - 1)))!important;box-shadow:none!important}




body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>.bio-avatar>img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;padding:0;margin:0;background:none;transform:none;box-shadow:none}
body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview{width:min(100%,var(--lab-width))!important;box-sizing:border-box!important}body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair{padding-block:24px;min-height:0}
@media(max-width:760px){body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .page-style-dark{display:none!important}body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .page-style-light{display:grid!important}}
@media(prefers-reduced-motion:reduce){body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview,body.chosen-layout:not([data-bio-lab]) .bento-pages .bio-pair .bento-page-preview>*{transition:none!important}}

/* Balanced icon and spacer columns keep the label centered in the whole button. */
body.chosen-layout .bento-pages .bio-pair .bento-page-preview>i{display:grid!important;grid-template-columns:22px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;justify-items:center!important;font-style:normal!important;line-height:1.25!important;min-height:52px!important;padding:14px!important;text-align:center!important}
body.chosen-layout .bento-pages .bio-pair .bento-page-preview>i:after{content:"";display:block;width:22px;grid-column:3}
body.chosen-layout .bento-pages .bio-pair .bento-page-preview>i>.bio-service-icon{display:block;width:22px;height:22px;grid-column:1;color:inherit;align-self:center;filter:none;transform:none;box-shadow:none}
body.chosen-layout .bento-pages .bio-pair .bento-page-preview>i>.bio-button-label{display:block;grid-column:2;align-self:center;min-width:0;margin:0;padding:0;position:relative;top:1px;font:inherit;color:inherit;text-align:center}
body.chosen-layout .bento-pages .bio-pair .page-style-dark>i{text-transform:uppercase;letter-spacing:.045em}

body.chosen-layout .bento-pages .bio-pair .page-style-dark{align-content:center!important}

/* Each page supplies its own perspective; avoid applying a second projection on its parents. */
body.chosen-layout .bento-pages,body.chosen-layout .bento-pages .bio-pair{perspective:none!important}

.chosen-layout .bento-affiliate{justify-content:flex-start;gap:12px}.chosen-layout .bento-affiliate .affiliate-path{padding:0;margin:0;gap:0}.chosen-layout .bento-affiliate .affiliate-orbit{margin:0 auto}.chosen-layout .bento-affiliate .bento-guide{margin-top:auto;padding-top:16px}

/* The simplified affiliate card occupies one row alongside the QR card. */
@media(min-width:1051px){
 .chosen-layout .bento-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"pages pages pages pages short short" "pages pages pages pages domains domains" "qr qr qr affiliate affiliate affiliate" "controls controls controls analytics analytics analytics"}
}
@media(min-width:761px) and (max-width:1050px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "analytics analytics" "qr affiliate" "controls controls"}
 .chosen-layout .bento-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"copy controls" "guide controls";min-height:250px}
}
@media(min-width:761px){.chosen-layout .bento-qr{align-self:stretch}}

.chosen-layout main>.hero h1{padding-block:18px;box-sizing:border-box}
@media(max-width:760px){.chosen-layout main>.hero h1{padding-block:12px}}

@media(min-width:1051px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages pages pages short short" "pages pages pages pages domains domains" "controls controls controls affiliate affiliate affiliate" "qr qr qr analytics analytics analytics"}
}
@media(min-width:761px) and (max-width:1050px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "analytics analytics" "controls affiliate" "qr qr"}
 .chosen-layout .bento-controls{display:flex;min-height:0;gap:24px}
}
@media(min-width:761px){
 .chosen-layout .bento-qr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"copy qr" "guide qr";align-items:center;gap:18px 24px;min-height:0;justify-content:normal}
 .chosen-layout .bento-qr .bento-copy{grid-area:copy}
 .chosen-layout .bento-qr .qr-stage{grid-area:qr;height:240px;min-height:240px;width:100%}
 .chosen-layout .bento-qr .bento-guide{grid-area:guide;align-self:end}
}
@media(max-width:760px){.chosen-layout .bento-grid{grid-template-areas:"pages" "short" "domains" "analytics" "controls" "affiliate" "qr"}}

@media(min-width:761px) and (max-width:1050px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages" "short domains" "affiliate affiliate" "controls analytics" "qr qr"}
 .chosen-layout .bento-affiliate{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"copy orbit" "guide orbit";align-items:center;gap:18px 32px;padding:28px;min-height:0}
 .chosen-layout .bento-affiliate .bento-copy{grid-area:copy}
 .chosen-layout .bento-affiliate .affiliate-path{grid-area:orbit}
 .chosen-layout .bento-affiliate .bento-guide{grid-area:guide;align-self:end;margin-top:0;padding-top:0}
 .chosen-layout .bento-controls,.chosen-layout .bento-analytics{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:28px;min-height:0}
 .chosen-layout .bento-analytics .bento-bars{width:100%;height:130px;min-height:130px;margin:0}
 .chosen-layout .bento-analytics .bento-guide{align-self:flex-start}
}
@media(max-width:760px){.chosen-layout .bento-grid{grid-template-areas:"pages" "short" "domains" "affiliate" "controls" "analytics" "qr"}}

@media(min-width:1051px){
 .chosen-layout .bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pages pages short" "pages pages domains" "qr affiliate affiliate" "qr analytics analytics" "controls controls controls"}
 .chosen-layout .bento-qr{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
 .chosen-layout .bento-qr .qr-stage{width:100%;height:300px;min-height:300px;flex:1}
 .chosen-layout .bento-qr .bento-qr-preview{width:min(100%,280px)}
 .chosen-layout .bento-affiliate{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"copy orbit" "guide orbit";gap:20px 32px;align-items:center;min-height:0}
 .chosen-layout .bento-affiliate .bento-copy{grid-area:copy}
 .chosen-layout .bento-affiliate .affiliate-path{grid-area:orbit}
 .chosen-layout .bento-affiliate .bento-guide{grid-area:guide;margin:0;padding:0;align-self:end}
 .chosen-layout .bento-controls{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"copy controls" "guide controls";gap:20px 40px;min-height:0;align-items:center}
 .chosen-layout .bento-controls .bento-copy{grid-area:copy}
 .chosen-layout .bento-controls .sharing-console{grid-area:controls}
 .chosen-layout .bento-controls .bento-guide{grid-area:guide}
}
@media(max-width:760px){.chosen-layout .bento-grid{grid-template-areas:"pages" "short" "domains" "qr" "affiliate" "analytics" "controls"}}

@media(min-width:1051px){
 .chosen-layout .bento-grid{grid-template-areas:"pages pages short" "pages pages domains" "qr affiliate affiliate" "qr analytics controls"}
 .chosen-layout .bento-analytics,.chosen-layout .bento-controls{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:0}
 .chosen-layout .bento-analytics .bento-bars{width:100%;height:130px;min-height:130px}
 .chosen-layout .bento-controls .sharing-console{width:100%;box-sizing:border-box}
 .chosen-layout .bento-qr .bento-guide{align-self:flex-start}
}
.chosen-layout :is(.home-section-copy h2,.home-pricing-focus h2,.home-ownership h2,.closing h2){font-size:clamp(34px,3.8vw,52px);line-height:1.14;letter-spacing:-.045em}
.chosen-layout .pricing-focus-plan{transform:none;box-shadow:0 5px 0 #2c4432}
@media(hover:hover){.chosen-layout .pricing-focus-plan:hover{transform:translateY(-4px);box-shadow:0 9px 0 #2c4432}}
.chosen-layout .pricing-focus-plan:focus-within{transform:translateY(-4px);box-shadow:0 9px 0 #2c4432}
.chosen-layout .pricing-plan-top>span{font-size:12px;line-height:1.5;max-width:180px;letter-spacing:.035em}
.chosen-layout .home-pricing-focus .pricing-focus-plan li{font-size:14px}
.chosen-layout .pricing-plan-footer p{font-size:13px}
.chosen-layout .pricing-card-actions .button.cta,.chosen-layout .pricing-card-login{font-size:13px!important}
.chosen-layout .bento-guide{font-size:14px}
.chosen-layout .sharing-console>div>span{font-size:12px;line-height:1.4}
.chosen-layout .closing p{font-size:13px}
.chosen-layout .marketing-footer nav a{font-size:13px}
@media(min-width:1200px){body.chosen-layout .bento-pages .bio-pair .bento-page-preview{zoom:1.12}}
@media(min-width:1440px){body.chosen-layout .bento-pages .bio-pair .bento-page-preview{zoom:1.18}}
.capy-community{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:450px;width:100%;justify-self:center}
.capy-person{display:grid;justify-items:center;gap:12px;margin:0}.capy-avatar{width:100%;max-width:185px;aspect-ratio:1;border:2.5px solid #2c4432;border-radius:50%;box-shadow:0 5px 0 #2c4432;background-color:#e4ecd9;background-image:url('/brand/capybara-avatar-atlas-v1.webp');background-size:200% auto;background-repeat:no-repeat}
.capy-chef .capy-avatar{background-position:0% 0%;background-color:#f3dfb8}.capy-artist .capy-avatar{background-position:100% 0%}.capy-creator .capy-avatar{background-position:0% 100%;background-color:#e0ece9}.capy-team .capy-avatar{background-position:100% 100%;background-color:#fffbee}.capy-person figcaption{font:700 14px/1.5 Manrope,sans-serif;color:#2c4432;text-align:center}
@media(max-width:760px){.capy-community{max-width:340px;gap:22px;margin:20px auto 0}.capy-avatar{max-width:145px}.capy-person figcaption{font-size:12px}.chosen-layout .pricing-plan-top>span{font-size:12px;max-width:150px}}
@media(prefers-reduced-motion:reduce){.chosen-layout .pricing-focus-plan:hover,.chosen-layout .pricing-focus-plan:focus-within{transform:none}}

.capy-person{gap:0;animation:capy-avatar-float 7s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.capy-person:nth-child(2){animation-delay:-1.8s}.capy-person:nth-child(3){animation-delay:-3.6s}.capy-person:nth-child(4){animation-delay:-5.4s}
.capy-community[data-avatar-motion="active"] .capy-person{animation-play-state:running}
.capy-avatar{border:0;box-shadow:none;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease}
@media(hover:hover) and (pointer:fine){.capy-person:hover .capy-avatar{transform:translateY(-5px) scale(1.035);box-shadow:0 12px 24px #2c44321c}}
@keyframes capy-avatar-float{0%,100%{transform:translateY(4px) rotate(-.7deg)}50%{transform:translateY(-4px) rotate(.7deg)}}
@media(prefers-reduced-motion:reduce){.capy-person{animation:none;will-change:auto}.capy-avatar{transition:none}.capy-person:hover .capy-avatar{transform:none}}