.brf{padding:1.2rem 1.2rem 1.1rem}@media (min-width:640px){.brf{padding:1.5rem 1.6rem 1.35rem}}.brf-head{justify-content:space-between;align-items:center;display:flex}.brf-count{font-variant-numeric:tabular-nums;color:var(--color-mute);font-size:.72rem}.brf-progress{gap:.3rem;margin-top:.8rem;display:flex}.brf-progress span{background:#ffffff1a;border-radius:9999px;flex:1;height:2px;overflow:hidden}.brf-progress span:after{background:var(--color-bone);content:"";transform-origin:0;height:100%;transition:transform .6s var(--ease-out-expo);display:block;transform:scaleX(0)}[dir=rtl] .brf-progress span:after{transform-origin:100%}.brf-progress span[data-on]:after{transform:scaleX(1)}.brf-step{animation:brf-in .55s var(--ease-out-expo) both}.brf-step[data-back]{animation-name:brf-in-back}@keyframes brf-in{0%{opacity:0;filter:blur(4px);transform:translate(18px)}}@keyframes brf-in-back{0%{opacity:0;filter:blur(4px);transform:translate(-18px)}}[dir=rtl] .brf-step{animation-name:brf-in-back}[dir=rtl] .brf-step[data-back]{animation-name:brf-in}.brf-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-bone);margin-top:1.35rem;font-size:clamp(1.35rem,2.4vw,1.65rem);font-weight:500;line-height:1.1}.brf-hint{color:var(--color-mute);margin-top:.45rem;font-size:.78rem}.brf-field{margin-top:1rem;display:block}.brf-field>span{color:#ede9e399;font-size:.75rem}.brf-field input{width:100%;height:3.15rem;color:var(--color-bone);background:#ffffff0f;border-radius:.95rem;outline:none;margin-top:.45rem;padding-inline:1rem;font-size:1rem;font-weight:500;transition:background-color .3s,box-shadow .3s;display:block}.brf-field input::placeholder{color:#ede9e352;font-weight:400}.brf-field input:focus{background-color:#ffffff17;box-shadow:inset 0 -1.5px #d4af6abf}.brf-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.brf-style{text-align:start;min-width:0;transition:background-color .3s, translate .5s var(--ease-out-expo);background:#ffffff0a;border-radius:1.05rem;flex-direction:column;padding:.45rem .45rem .75rem;display:flex;position:relative}.brf-style:hover{background-color:#ffffff12;translate:0 -2px}.brf-style[aria-checked=true]{background-color:#ffffff1c}.brf-style:after{top:.8rem;background:var(--color-bone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230a0a0a' stroke-width='2.2'%3E%3Cpath d='M4 8.5l2.6 2.6L12 5.5'/%3E%3C/svg%3E") center / .7rem no-repeat;content:"";opacity:0;width:1.15rem;height:1.15rem;transition:opacity .25s, scale .4s var(--ease-out-expo);border-radius:9999px;position:absolute;inset-inline-end:.8rem;scale:.6}.brf-style[aria-checked=true]:after{opacity:1;scale:1}.brf-style-name{color:var(--color-bone);margin-top:.65rem;padding-inline:.3rem;font-size:.9rem;font-weight:600}.brf-style-hint{color:var(--color-mute);margin-top:.1rem;padding-inline:.3rem;font-size:.72rem;line-height:1.35}@media (max-width:479px){.brf-style-hint{display:none}}.brf-mock{aspect-ratio:4/3;background:color-mix(in oklab, var(--a) 6%, #0c0b0a);border-radius:.7rem;transition:background-color .4s;display:block;position:relative;overflow:hidden}.brf-mock i{transition:background-color .4s;display:block;position:absolute}.brf-mock__nav{top:9%;background:linear-gradient(90deg,#f3f0ea80 0 18%,#0000 18% 60%,#f3f0ea2e 60%);border-radius:9999px;height:4%;inset-inline:8%}.brf-mock__h{top:32%;background:#f3f0ead9;border-radius:2px;width:46%;height:7%;inset-inline-start:8%}.brf-mock__h--2{width:32%;top:44%}.brf-mock__btn{top:62%;background:var(--a);border-radius:9999px;width:22%;height:9%;inset-inline-start:8%}.brf-mock__art{top:26%;width:30%;height:56%;inset-inline-end:8%}.brf-mock[data-style=luxury] .brf-mock__h{background:#f3f0eabf;height:4%}.brf-mock[data-style=luxury] .brf-mock__h--2{top:40%}.brf-mock[data-style=luxury] .brf-mock__art{background:linear-gradient(180deg, color-mix(in oklab, var(--a) 55%, transparent), color-mix(in oklab, var(--a) 8%, transparent));border-radius:9999px 9999px .25rem .25rem}.brf-mock[data-style=minimal]{background:color-mix(in oklab, var(--a) 5%, #f5f2ec)}.brf-mock[data-style=minimal] .brf-mock__nav{background:linear-gradient(90deg,#121212b3 0 18%,#0000 18% 60%,#12121233 60%)}.brf-mock[data-style=minimal] .brf-mock__h{background:#141414;width:50%;height:10%}.brf-mock[data-style=minimal] .brf-mock__h--2{width:34%;top:46%}.brf-mock[data-style=minimal] .brf-mock__btn{top:66%}.brf-mock[data-style=minimal] .brf-mock__art{aspect-ratio:1;background:var(--a);border-radius:9999px;width:26%;height:auto;top:30%}.brf-mock[data-style=tech]{background:linear-gradient(#ffffff0d 1px, transparent 1px) 0 0 / 100% 18%, linear-gradient(90deg, #ffffff0d 1px, transparent 1px) 0 0 / 14% 100%, color-mix(in oklab, var(--a) 5%, #07080a)}.brf-mock[data-style=tech] .brf-mock__h{height:8%}.brf-mock[data-style=tech] .brf-mock__btn{border-radius:.2rem}.brf-mock[data-style=tech] .brf-mock__art{background:linear-gradient(160deg, transparent 55%, color-mix(in oklab, var(--a) 70%, transparent) 56% 60%, transparent 61%), color-mix(in oklab, var(--a) 10%, #12141a);width:36%;height:50%;box-shadow:0 0 1.2rem -.2rem color-mix(in oklab, var(--a) 45%, transparent);border-radius:.3rem}.brf-colours{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.1rem;display:flex}.brf-swatch{background:var(--c);outline-offset:3px;width:1.75rem;height:1.75rem;transition:outline-color .3s, scale .4s var(--ease-out-expo);border-radius:9999px;outline:1.5px solid #0000;flex:none}.brf-swatch:hover{scale:1.1}.brf-swatch[aria-checked=true]{outline-color:var(--c)}.brf-colour-name{color:#ede9e3a6;font-size:.8rem}.brf-features{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.brf-feature{color:#ede9e3d9;min-height:2.65rem;transition:background-color .3s, color .3s, padding .4s var(--ease-out-expo), scale .2s;background:#ffffff0f;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem 1.05rem;font-size:.9rem;font-weight:500;display:inline-flex}.brf-feature:hover{color:var(--color-bone);background-color:#ffffff1c}.brf-feature:active{scale:.97}.brf-feature[aria-pressed=true]{background:var(--color-bone);color:var(--color-ink);padding-inline-start:.8rem}.brf-tick{width:0;transition:width .4s var(--ease-out-expo);display:grid;overflow:hidden}.brf-tick svg{width:.85rem;height:.85rem}.brf-feature[aria-pressed=true] .brf-tick{width:.85rem}.brf-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.brf-back{color:#ede9e399;align-items:center;gap:.45rem;font-size:.85rem;transition:color .3s;display:inline-flex}.brf-back:hover{color:var(--color-bone)}.brf-next{background:var(--color-bone);height:2.9rem;color:var(--color-ink);border-radius:9999px;align-items:center;gap:.55rem;padding-inline:1.35rem 1.15rem;font-size:.92rem;font-weight:600;transition:background-color .3s,opacity .3s,scale .2s;display:inline-flex}.brf-next:hover{background-color:#fff}.brf-next:active{scale:.97}.brf-next:disabled{opacity:.35;pointer-events:none}.brf--sent{align-items:center;gap:.9rem;padding-block:1rem;display:flex}.brf-done{background:var(--color-bone);width:2.2rem;height:2.2rem;color:var(--color-ink);border-radius:9999px;flex:none;place-items:center;display:grid}.brf-done-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-bone);margin-top:.2rem;font-size:1.05rem;font-weight:500}@media (prefers-reduced-motion:reduce){.brf-step{animation:none}}
.cdoc-overlay{--doc-bg:#0b0b0b;--doc-surface:#131313;--doc-fg:#ede9e3;--doc-soft:#ede9e3b8;--doc-mute:#8c877f;--doc-line:#ede9e31f;--doc-accent:#8c877f;--doc-rule:#ede9e33d;z-index:100;overscroll-behavior:contain;background:var(--doc-bg);color:var(--doc-fg);contain:strict;animation:cdoc-doc-in .7s var(--ease-out-expo) both;outline:none;position:fixed;inset:0;overflow-y:auto}.cdoc-overlay[data-closing]{animation:cdoc-doc-out .35s var(--ease-out-quart) both}@keyframes cdoc-doc-in{0%{opacity:0;transform:translateY(28px)}}@keyframes cdoc-doc-out{to{opacity:0;transform:translateY(16px)}}.cdoc-bar{z-index:1;border-bottom:1px solid var(--doc-line);padding:.75rem var(--gutter);background:#0b0b0bf0;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.cdoc-doc{max-width:64rem;padding:clamp(2.5rem, 7vw, 6rem) var(--gutter) 6rem;margin-inline:auto;container-type:inline-size}.cdoc-cover{border-bottom:1px solid var(--doc-line);padding-bottom:clamp(2.5rem,6vw,4.5rem)}.cdoc-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--doc-accent);font-size:.7rem;font-weight:500}.cdoc-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.6rem,7cqi,5.4rem);font-weight:600;line-height:.98}.cdoc-lead{max-width:46rem;color:var(--doc-soft);margin-top:1.75rem;font-size:clamp(1.1rem,2.1cqi,1.4rem);line-height:1.55}.cdoc-stats{flex-wrap:wrap;gap:2.5rem;margin-top:2.5rem;display:flex}.cdoc-stats div{flex-direction:column-reverse;display:flex}.cdoc-stats dd{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,6cqi,3.6rem);font-weight:600;line-height:1}.cdoc-stats dt{color:var(--doc-mute);margin-top:.5rem;font-size:.8rem}.cdoc-meta{color:var(--doc-mute);margin-top:2.5rem;font-size:.8rem}.cdoc-section{border-bottom:1px solid var(--doc-line);break-inside:avoid-page;padding-block:clamp(2.5rem,6vw,4.5rem)}.cdoc-head{font-family:var(--font-display);letter-spacing:-.035em;align-items:baseline;gap:1rem;font-size:clamp(1.5rem,3.4cqi,2.2rem);font-weight:600;display:flex}.cdoc-head span{font-family:var(--font-sans);letter-spacing:.08em;color:var(--doc-accent);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:500}.cdoc-statement{max-width:50rem;font-family:var(--font-display);letter-spacing:-.025em;color:var(--doc-soft);margin-top:1.5rem;font-size:clamp(1.3rem,3cqi,1.9rem);font-weight:500;line-height:1.3}.cdoc-index{color:var(--doc-accent);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500;display:block}.cdoc-goals{border:1px solid var(--doc-line);background:var(--doc-line);border-radius:1.25rem;gap:1px;margin-top:1.75rem;display:grid;overflow:hidden}.cdoc-goals li{background:var(--doc-bg);gap:.6rem;padding:1.4rem 1.5rem;font-size:1.05rem;line-height:1.5;display:grid}@container (min-width:40rem){.cdoc-goals{grid-template-columns:1fr 1fr}}.cdoc-features{gap:.75rem;margin-top:1.75rem;display:grid}.cdoc-features li{border:1px solid var(--doc-line);background:var(--doc-surface);break-inside:avoid;border-radius:1.25rem;padding:1.4rem 1.5rem}.cdoc-features h3,.cdoc-stack h3,.cdoc-phases h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.2rem;font-weight:600}.cdoc-features p,.cdoc-stack p{color:var(--doc-soft);margin-top:.45rem;font-size:.95rem;line-height:1.55}@container (min-width:40rem){.cdoc-features{grid-template-columns:1fr 1fr}}.cdoc-stack{margin-top:1.25rem}.cdoc-stack li{border-bottom:1px solid var(--doc-line);gap:.25rem;padding-block:1.15rem;display:grid}.cdoc-stack li:last-child{border-bottom:0}@container (min-width:40rem){.cdoc-stack li{grid-template-columns:14rem 1fr;align-items:baseline;gap:1.5rem}.cdoc-stack p{margin-top:0}}.cdoc-phases{gap:.75rem;margin-top:1.75rem;display:grid}.cdoc-phases>li{border:1px solid var(--doc-line);background:var(--doc-surface);break-inside:avoid;border-radius:1.25rem;padding:1.4rem 1.5rem 1.5rem;position:relative}.cdoc-phases h3{margin-top:.5rem}.cdoc-phases ul{gap:.45rem;margin-top:.9rem;display:grid}.cdoc-phases ul li{color:var(--doc-soft);padding-inline-start:1rem;font-size:.9rem;line-height:1.45;position:relative}.cdoc-phases ul li:before{content:"";inset-inline-start:0;background:var(--doc-accent);width:.45rem;height:1px;position:absolute;top:.62em}@container (min-width:36rem){.cdoc-phases{grid-template-columns:1fr 1fr}}@container (min-width:56rem){.cdoc-phases{grid-template-columns:repeat(4,1fr)}}.cdoc-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding-top:2.5rem;display:flex}.cdoc-footer p{max-width:36rem;color:var(--doc-mute);font-size:.9rem}.cdoc-tree-wrap{margin-top:2rem;container-type:inline-size}.cdoc-tree{--gap:1.6rem;flex-direction:column;align-items:center;display:flex}.cdoc-node{border:1px solid var(--doc-line);background:var(--doc-surface);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;max-width:100%;padding:.7rem .85rem .8rem;display:inline-flex}.cdoc-root{border-color:#ede9e366}.cdoc-page{font-family:var(--font-display);letter-spacing:-.015em;font-size:.95rem;font-weight:600}.cdoc-sections{color:var(--doc-mute);gap:.2rem;margin-top:.5rem;font-size:.72rem;line-height:1.35;display:grid}.cdoc-children{width:100%;padding-top:var(--gap);display:flex;position:relative}.cdoc-children:before{content:"";top:0;height:var(--gap);border-inline-start:1px solid var(--doc-rule);position:absolute;inset-inline-start:50%}.cdoc-child{min-width:0;padding:var(--gap) .3rem 0;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.cdoc-child:before,.cdoc-child:after{content:"";top:0;width:50%;height:var(--gap);border-top:1px solid var(--doc-rule);position:absolute;inset-inline-end:50%}.cdoc-child:after{border-inline-start:1px solid var(--doc-rule);inset-inline:50% auto}.cdoc-child:first-child:before,.cdoc-child:last-child:after{border:0}.cdoc-child:last-child:before{border-inline-end:1px solid var(--doc-rule);border-start-end-radius:.75rem}.cdoc-child:first-child:after{border-start-start-radius:.75rem}.cdoc-child .cdoc-node{width:100%}@container (max-width:44rem){.cdoc-tree{align-items:stretch}.cdoc-tree>.cdoc-node{text-align:start;align-items:flex-start}.cdoc-children{padding-top:.9rem;flex-direction:column;width:auto;margin-inline-start:1.25rem;padding-inline-start:1.25rem}.cdoc-children:before{height:.9rem;inset-inline-start:0}.cdoc-child{align-items:stretch;padding:0 0 .75rem}.cdoc-child:before,.cdoc-child:first-child:before,.cdoc-child:last-child:before{top:1.3rem;border:0;border-top:1px solid var(--doc-rule);border-radius:0;width:1.25rem;height:0;inset-inline:-1.25rem auto}.cdoc-child:after,.cdoc-child:first-child:after{top:0;bottom:0;border:0;border-inline-start:1px solid var(--doc-rule);border-radius:0;width:0;height:auto;display:block;inset-inline-start:-1.25rem}.cdoc-child:last-child:after{border:0;border-inline-start:1px solid var(--doc-rule);height:1.3rem;bottom:auto}.cdoc-child .cdoc-node{text-align:start;align-items:flex-start}.cdoc-sections{flex-wrap:wrap;gap:.25rem .9rem;display:flex}}@media (prefers-reduced-motion:reduce){.cdoc-overlay,.cdoc-overlay[data-closing]{animation-name:cdoc-fade}@keyframes cdoc-fade{0%{opacity:0}}}@media print{@page{margin:16mm 14mm}html,body{background:#fff!important;height:auto!important;overflow:visible!important}body>:not(.cdoc-overlay){display:none!important}.cdoc-overlay{contain:none;--doc-bg:#fff;--doc-surface:#faf8f4;--doc-fg:#141414;--doc-soft:#3d3a36;--doc-mute:#77726b;--doc-line:#e6e1d8;--doc-accent:#77726b;--doc-rule:#cfc9be;-webkit-print-color-adjust:exact;print-color-adjust:exact;position:static;overflow:visible;animation:none!important}.cdoc-bar,.cdoc-footer button{display:none!important}.cdoc-doc{max-width:none;padding:0}.cdoc-title{font-size:40pt}}
