/* Measured reference composition, with Kingdom content and offer. */
.reference-theme{--layout-unit:clamp(11.022px,1.111111vw,18.6667px);font-size:var(--layout-unit)}
.reference-theme .container{max-width:1680px;padding-inline:3em}
.reference-theme .section{padding-block:9em}
.reference-theme h2,.reference-theme .section-heading h2{font-size:6.5em;line-height:.9;letter-spacing:-.5px}
.reference-theme .section-heading{margin-bottom:3.5em}
.reference-theme .section-heading>p{font-size:1.5em;max-width:38em;margin-top:1.4em}
.reference-theme .section-heading .eyebrow{display:none}
.reference-theme .hand-note{font-size:2.1em}
.reference-theme .button{min-height:3.75em;font-size:1.125em;padding:.9em 1.8em;gap:1em}
.reference-theme .button svg{width:.9em;height:.9em}
.reference-theme .home-hero{padding-top:8.5em;padding-bottom:4.75em}
.reference-theme .hero-grid{min-height:37.5em}
.reference-theme .hero-copy{padding-bottom:2em}
.reference-theme .hero-copy h1{font-size:8.75em;line-height:.92;letter-spacing:-1px}
.reference-theme .hero-copy>p{font-size:1.5em;line-height:1.42;max-width:25.5em;margin-top:2.2em}
.reference-theme .hero-copy .actions{margin-top:2em}
.reference-theme .hero-copy .button{font-size:1.125em;min-height:3.75em;padding-inline:1.8em}
.reference-theme .hero-portrait{height:39em;width:40%;bottom:-5em}
.reference-theme .portrait-frame{height:120%;width:116%;right:-7%;bottom:-13%}
.reference-theme .portrait-note{left:-30%;top:52%;width:12em}
.reference-theme .portrait-note .hand-note{font-size:1.7em}
.reference-theme .portrait-note svg{width:6.5em;height:3.8em;margin:.4em 0 0 5.5em}
.reference-theme .proof-band{margin-top:-3.25em;border-width:.75em;border-radius:3.25em;min-height:12em}
.reference-theme .proof-inner{min-height:10.5em;padding:2em 3em;gap:3em}
.reference-theme .proof-caption{display:none}
.reference-theme .robell-logo,.reference-theme .fiverise-logo,.reference-theme .proovium-logo{font-size:2.75em}
.reference-theme .proof-star{color:var(--ink);width:2.25em;height:2.25em;font-size:1em}
.reference-theme .problem-section .split{grid-template-columns:5fr 6fr;gap:4em;align-items:start}
.reference-theme .problem-section h2{font-size:6.5em;margin-top:.3em;line-height:.9}
.reference-theme .problem-section .split p{font-size:1.5em;max-width:90%;margin-top:1.75em}
.reference-theme .problem-section .hand-note{font-size:2.1em}
.reference-theme .notepad{border-radius:.25em;padding-inline:2em;transform:rotate(1deg)}
.reference-theme .notepad-top{font-size:.75em;padding:1.5em 2.667em;margin-inline:-2.667em}
.reference-theme .notepad li{font-size:1.2em;padding:1.25em 0 1.25em 3.5em}
.reference-theme .fix-section{background:var(--ink);padding:9em 0;color:white}
.reference-theme .fix-section>.container{padding-inline:0;max-width:none}
.reference-theme .fix-section .hand-note{font-size:2.1em;background:var(--yellow);color:var(--ink);margin-bottom:1.1em}
.reference-theme .fix-section h2{font-size:10em;line-height:.9;white-space:nowrap}
.reference-theme .fix-section h2 .yellow-text{display:inline-block;position:relative}
.reference-theme .fix-section h2 .yellow-text:after{content:'';position:absolute;left:0;bottom:-.18em;width:100%;height:.08em;border-top:.045em solid var(--yellow);border-radius:80% 80% 0 0;transform:rotate(1deg)}
.reference-theme .fix-section p{font-size:1.5em;max-width:34em;margin:2.4em auto 0;line-height:1.5}
.solution-stage{display:grid;place-items:center;position:relative;min-height:31em;margin:3em 0 2.5em;isolation:isolate}
.solution-backdrop{position:absolute;left:50%;width:max-content;transform:translateX(-50%);display:flex;gap:1.25em;align-items:center;z-index:-1}
.solution-tile{width:17em;aspect-ratio:1/1.12;border-radius:1.75em;background:linear-gradient(135deg,#6166ff,#00f);padding:2em 1em 0;overflow:hidden}
.solution-tile:nth-child(2){background:#f2b400}.solution-tile:nth-child(3){background:#db26a6}.solution-tile:nth-child(4){background:#5cbdff}.solution-tile:nth-child(5){background:#6f63ee}
.solution-tile img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:.6em .6em 0 0;box-shadow:0 1em 2em #16105f44;transform:translateY(1em);transition:transform .6s}
.solution-stage:hover .solution-tile img{transform:translateY(0)}
.solution-laptop{width:44em;max-width:80%;filter:drop-shadow(0 2.5em 3.5em #03021e8c);transition:translate .5s}
.solution-laptop:hover{translate:0 -.5em}
.laptop-lid{width:86%;margin:auto;background:#07052e;border-radius:1.4em 1.4em 0 0;padding:.7em .7em .9em;box-shadow:inset 0 0 0 .12em #ffffff33}
.laptop-screen{aspect-ratio:16/10;background:white;border-radius:.7em .7em .2em .2em;overflow:hidden}
.laptop-screen .browser-bar{height:2.2em;min-height:0;background:#2c2392;color:#d2d0fa;font-size:.65em;padding-inline:1em}
.laptop-screen>img{width:100%;height:100%;object-fit:cover;object-position:top}
.laptop-base{height:1.1em;border-radius:.1em .1em 60% 60%;background:linear-gradient(#cbd0e7,#8e94ba 30%,#4d5275);position:relative}
.laptop-base:before{content:'';position:absolute;top:0;left:42%;height:.45em;width:16%;border-radius:0 0 .5em .5em;background:#747a9a}
.reference-theme .fix-section .actions{gap:1.75em}
.reference-theme .fix-section .text-link{font-size:1.125em}
.reference-theme .home-services .container,.reference-theme .home-work .container{padding-right:0}
.reference-theme .rail-head{margin-bottom:4em;gap:3em;padding-right:3em}
.reference-theme .rail-head .section-heading{margin-bottom:0}
.reference-theme .home-services .section-heading h2{white-space:nowrap}
.reference-theme .rail-controls button{width:3.25em;height:3.25em}
.reference-theme .home-services .service-grid{gap:1.25em}
.reference-theme .home-services .service-card{width:24em;min-width:0;min-height:32em;padding:1.5em;border-radius:1.25em;gap:0}
.reference-theme .home-services .service-art{height:16em;min-height:16em;border-radius:.75em;padding:1.25em;position:relative}
.reference-theme .home-services .service-art:before{display:none}
.reference-theme .home-services .service-card h3{font-size:1.875em;margin:1em 0 .7em;line-height:1.1}
.reference-theme .home-services .service-card p{font-size:1.125em;min-height:0;margin-bottom:2em;line-height:1.5}
.service-card-cta{display:flex;align-items:center;gap:1em;justify-content:center;background:var(--blue);color:white;border-radius:100px;padding:.95em 1em;margin-top:auto;font-size:1em;line-height:1.2}
.service-card-cta svg{width:.9em;height:.9em;fill:none;stroke:currentColor;stroke-width:1.5}
.reference-theme .home-services .service-illustration{display:grid;place-items:center;background:linear-gradient(135deg,#6166ff,#00f);color:white}
.reference-theme .home-services .art-refresh,.reference-theme .home-services .art-target{background:var(--ink)}
.mini-browser{width:100%;height:11.5em;position:relative;background:white;border-radius:.5em;box-shadow:0 1em 2em #16105f55;transform:rotate(-3deg)}
.mini-toolbar{display:flex;gap:.25em;height:1.25em;align-items:center;background:#e6e8fb;padding:0 .5em;border-radius:.5em .5em 0 0}
.mini-toolbar i{width:.25em;height:.25em;border-radius:100%;background:#a9a6d3}
.mini-browser img{width:100%;height:calc(100% - 1.25em);object-fit:cover;object-position:top;border-radius:0 0 .5em .5em}
.art-sticker{font-family:KingdomHand,cursive;font-size:1.35em;color:var(--ink);background:var(--yellow);padding:.15em .45em;line-height:1.1;position:absolute;bottom:-.5em;right:-.3em;white-space:nowrap;transform:rotate(3deg);z-index:4;box-shadow:0 .1em .2em #16105f15}
.mini-rebuild{width:100%;height:11.25em;display:flex;position:relative;transform:rotate(2deg);border:.35em solid #e6e8fb;border-radius:.6em;background:white}
.mini-rebuild>div{width:50%;overflow:hidden}
.mini-rebuild img{max-width:none;width:200%;height:100%;object-fit:cover;object-position:top left}
.mini-rebuild>div:nth-child(2) img{margin-left:-100%}
.mini-divider{position:absolute;height:100%;left:50%;border-left:.15em solid var(--yellow)}
.mini-divider:after{content:'';display:grid;place-items:center;position:absolute;left:0;top:45%;transform:translateX(-50%);color:var(--ink);background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316105f' stroke-width='1.5'%3E%3Cpath d='M3 12h18M7 8l-4 4 4 4M17 8l4 4-4 4'/%3E%3C/svg%3E") center/70% no-repeat;border-radius:100%;height:1.6em;width:1.6em;font-size:1.4em}
.mini-search{width:100%;font-size:.95em}
.search-query{background:#ffffff16;border:1px solid #ffffff40;border-radius:100px;padding:.7em 1em;display:flex;align-items:center;gap:.7em;margin-bottom:1.4em}
.reference-theme .home-services .search-query svg{width:1.2em;height:1.2em;filter:none}
.search-result{padding:.5em .8em .8em}.search-result>span{font-size:.55em;letter-spacing:.12em;color:#ffffffe0}.search-result strong{display:block;font-size:.95em;font-weight:400;margin:.3em 0 .6em}.search-result i{display:block;width:90%;height:.2em;border-radius:10px;background:#ffffff40;margin:.3em 0}.search-result i:last-child{width:65%}
.mini-enquiry{width:90%;background:white;color:var(--ink);padding:1.3em;border-radius:.7em;transform:rotate(-3deg);box-shadow:0 .5em 1em #05053d44;font-size:.8em}
.mini-eyebrow{display:block;font-size:.62em;font-family:monospace;margin-bottom:1em}.mini-enquiry>div{font-size:.85em;margin:1em 0}.mini-enquiry>div i{display:block;height:1.5em;margin-top:.3em;border:1px solid #16105f25;background:#f6f7ff;border-radius:.3em}
.mini-submit{display:flex;justify-content:space-between;gap:1em;background:var(--blue);color:white;border-radius:100px;padding:.8em 1em;font-size:.85em}
.mini-ad{width:90%;background:var(--yellow);color:var(--ink);padding:1.2em;transform:rotate(3deg);border-radius:.65em;box-shadow:0 .5em 1em #16105f33}.mini-ad>span{font: .48em/1.3 monospace;letter-spacing:.1em}.mini-ad strong{font-family:var(--display);display:block;font-size:3.5em;line-height:.9;margin:.25em 0}.mini-ad>div{display:flex;justify-content:space-between;font-size:.65em;border-top:1px solid #16105f40;padding-top:.8em}
.mini-calendar{position:relative;width:88%;background:white;color:var(--ink);padding:1.4em 1.25em 1.6em;transform:rotate(-4deg);border-radius:.55em;box-shadow:0 .75em 1.25em #16105f33}.mini-calendar>i{position:absolute;top:-.4em;left:1.5em;width:.45em;height:1em;border-radius:1em;background:var(--ink)}.mini-calendar>i:nth-child(2){left:auto;right:1.5em}.mini-calendar>span:not(.art-sticker){display:block;font:.55em/1.5 monospace;text-align:center;color:var(--blue);margin-bottom:1em}.mini-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:.6em .3em;text-align:center;font:.65em/1.5 monospace}.mini-calendar b{font-weight:400}.mini-calendar b:nth-child(17){background:var(--yellow);border-radius:100%}
.reference-theme .included-section{min-height:52em;display:flex;align-items:stretch;padding-block:9em 2em}
.reference-theme .included-section>.container{display:flex;flex-direction:column;align-items:center}
.reference-theme .included-section .section-heading{max-width:100%;margin-bottom:0}
.reference-theme .included-section h2{font-size:6.5em}
.reference-theme .included-section p{font-size:1.5em;max-width:32em;margin:1.5em auto 0}
.reference-theme .included-section>.container>.hand-note{font-size:2em;margin:1em 0 0;align-self:end}
.reference-theme .chip-playground{margin-top:auto;padding-top:4em;max-width:100%;min-height:14em;gap:1.5em .75em;justify-content:center}
.reference-theme .throw-chip{font-size:1.35em;padding:.8em 1.4em;border:0}
.reference-theme .prices-section>.container>.hand-note{font-size:2.1em;margin-bottom:1.2em}
.reference-theme .prices-section h2{font-size:6.25em;white-space:nowrap}
.reference-theme .prices-section .section-heading{margin-bottom:4em}
.reference-theme .home-package-picker{border-radius:2em;padding:2.5em 3.5em 3.5em}
.reference-theme .home-package-panels .price-card{grid-template-columns:minmax(0,1fr) 25em;column-gap:5em;min-height:36em}
.reference-theme .package-tabs{width:calc(100% - 29em);max-width:none;margin-bottom:2.5em}
.reference-theme .package-tabs button{font-size:.875em;padding:.9em .6em}
.reference-theme .home-package-panels .price-value>strong{font-size:10.5em;line-height:.95;margin-top:.2em}
.reference-theme .home-package-panels .price-value>span{font-size:.8em}
.reference-theme .home-package-panels .price-card-top{margin-top:1.5em}
.reference-theme .home-package-panels .price-card-top h3{font-size:2.2em;margin-bottom:.65em}
.reference-theme .home-package-panels .price-card-top p{font-size:1.25em}
.reference-theme .home-package-panels .price-card>.button{margin-top:2em;font-size:1.125em;min-height:3.75em}
.reference-theme .home-package-panels .package-receipt{margin-top:-8.2em;min-height:43em;padding:2.5em 2em 2em}
.reference-theme .home-package-panels .receipt-top{padding-bottom:1.7em;margin-bottom:1.7em;font-size:.7em}
.reference-theme .home-package-panels .receipt-wordmark{font-size:3em}
.reference-theme .home-package-panels .price-card li{font-size:.78em;padding:1.2em 4.8em 1.2em 0;line-height:1.65}
.reference-theme .home-package-panels .price-card li:after{font-size:.72em}
.reference-theme .home-package-panels .receipt-bottom{font-size:.75em;padding-top:2em}
.reference-theme .pricing-caption{font-size:.875em;margin-top:2em;max-width:55em}
.reference-theme .home-builder-link{padding:2.5em 0 0;border:0;justify-content:center;gap:2em;font-size:1.35em}
.reference-theme .home-builder-link .button{font-size:.8em}
.reference-theme .home-work{background:linear-gradient(90deg,#00f,#6166ff);color:white;overflow:hidden;padding-block:7em 6em}
.reference-theme .home-work .section-heading{max-width:none}
.reference-theme .home-work .section-heading h2{font-size:7.5em;white-space:nowrap;color:white}
.reference-theme .home-work .rail-head{display:block;position:relative;margin-bottom:3em}
.reference-theme .home-work .rail-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:2.5em}
.reference-theme .home-work .button{background:white;color:var(--ink);border:0}
.reference-theme .home-work .rail-controls button{background:transparent;color:white;border-color:#ffffff55}
.reference-theme .home-work .rail-controls button:hover{background:white;color:var(--blue)}
.reference-theme .home-work .work-rail{gap:1.5em}
.reference-theme .home-work .work-rail .project-card{width:26em;min-width:0}
.reference-theme .home-work .project-image{height:30em;border-radius:1.5em;background:#ffffff20;padding:1em 1em 0;border:0}
.reference-theme .home-work .project-image>img{border-radius:.6em .6em 0 0;object-position:top}
.reference-theme .home-work .browser-bar{display:none}
.reference-theme .home-work .project-caption{padding-top:1.5em}
.reference-theme .home-work .project-caption .eyebrow{font-size:.65em;color:#ffffffa0}
.reference-theme .home-work .project-caption h3{font-size:1.75em;color:white;margin-top:.7em}
.reference-theme .home-work .project-caption p{font-size:1.125em;color:#ffffffd0}
.reference-theme .home-work .home-comparison-link{border-color:#ffffff40;font-size:1.05em;margin-top:3em;margin-right:3em}
.reference-theme .home-work .home-comparison-link>span{color:white}
.reference-theme .studio-section{background:var(--ink);color:white}
.reference-theme .studio-section .split{grid-template-columns:minmax(0,1fr) 38em;gap:5em;align-items:start}
.reference-theme .studio-section h2{font-size:6.5em;line-height:.9}
.reference-theme .studio-section .blue-text{color:white}
.reference-theme .studio-section .hand-note{font-size:1.7em;background:none;padding:0;color:var(--yellow)}
.reference-theme .studio-section .split p{font-size:1.25em;color:#d2d0fa;margin-top:1.5em}
.reference-theme .studio-section .split .button{background:white;color:var(--ink);margin-top:2.5em}
.reference-theme .studio-image{border:1px solid #ffffff40;background:#201878;border-radius:2em;box-shadow:none;transform:none;margin-right:2.5em;padding-top:6em;position:relative;overflow:visible}
.reference-theme .studio-image .browser-bar{position:absolute;inset:0 0 auto;height:3.5em;background:#2c2392;color:#b3b0f2;border-radius:2em 2em 0 0;border-bottom:1px solid #ffffff30;font-size:.8em;padding-inline:1.5em}
.reference-theme .studio-image img{width:100%;aspect-ratio:1;object-fit:cover;object-position:bottom;border-radius:0 0 2em 2em;transform:scale(1.12);transform-origin:bottom}
.reference-theme .studio-image:after{content:'hello!';font:3.5em/1 KingdomHand,cursive;color:var(--ink);background:var(--yellow);padding:.15em .3em;position:absolute;bottom:8%;right:-.75em;transform:rotate(8deg)}
.reference-theme .studio-values{margin-top:5em;gap:3em}
.reference-theme .studio-values>div{border-color:#ffffff55;padding-top:1.75em}
.reference-theme .studio-values strong{font-size:4em;color:white}
.reference-theme .studio-values span{color:#b3b0f2;font-size:1em;margin-top:.8em}
.reference-theme .quote-section{background:var(--blue);color:white;padding-block:9em}
.reference-theme .quote-section>.container>div:first-child{display:block}
.reference-theme .quote-section .hand-note{font-size:2.1em;color:var(--ink);background:var(--yellow);margin-bottom:1em}
.reference-theme .quote-section h2{font-size:6.5em}
.reference-theme .testimonial-sheet{margin-top:4em;border-radius:2em;background:white;color:var(--ink);padding:3.5em;max-width:65em}
.reference-theme .quote-section blockquote{font-size:2.5em;line-height:1.3;margin:0 0 1.5em;max-width:none;letter-spacing:-.02em}
.reference-theme .quote-credit{gap:1em;font-size:1em}
.reference-theme .quote-credit>div{font-size:1em}
.reference-theme .quote-credit>div>span{font-size:.875em}
.reference-theme .quote-credit>a{font-size:1em}
.ref-process{background:var(--ink);color:white}
.ref-process-head{display:grid;grid-template-columns:6fr 5fr;align-items:end;gap:3em}
.ref-process-head .hand-note{margin-bottom:1.3em;font-size:2.1em}
.ref-process-head h2{font-size:6.5em;line-height:.9;color:#b3b0f2}
.ref-process-head h2>span{color:white}
.ref-process-head>p{font-size:1.25em;max-width:35em;color:#d2d0fa;line-height:1.5}
.ref-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25em;margin-top:3.5em}
.ref-process-grid article{border:1px solid #ffffff30;border-radius:2em;padding:2.25em;background:#201878}
.ref-process-grid article:first-child{background:linear-gradient(#00f,#6166ff);border-color:transparent}
.ref-step-top{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:2em}
.ref-step-top>svg{height:3.5em;width:3.5em;padding:.8em;border-radius:.75em;background:#ffffff16;stroke:currentColor;fill:none;stroke-width:1.6}
.ref-process-grid article:first-child .ref-step-top>svg{background:white;color:var(--blue)}
.ref-step-top>span{font:.75em/1.3 monospace;color:var(--yellow)}
.ref-process-grid h3{font-size:1.875em;line-height:1.15;margin-bottom:.8em}
.ref-process-grid p{font-size:1.125em;line-height:1.5;color:#d2d0fa}
.ref-process-grid article:first-child p{color:white}
.ref-process-cta{text-align:center;margin-top:3em}
.reference-theme .faq-section .faq-grid{grid-template-columns:5fr 7fr;gap:5em;align-items:start}
.reference-theme .faq-section h2{font-size:6.5em;line-height:1}
.reference-theme .faq-section .section-heading>p{font-size:1.25em}
.reference-theme .faq-section .hand-note{font-size:2em;color:var(--blue);background:none;padding:0;margin-top:1em}
.reference-theme .faq-list{display:grid;gap:.75em;border:0}
.reference-theme .faq-list details{border:0;border-radius:2.25em;background:var(--paper);transition:background .3s,box-shadow .3s;overflow:hidden}
.reference-theme .faq-list details:hover{background:#e6e8fb}
.reference-theme .faq-list details[open]{background:white;box-shadow:inset 0 0 0 1px var(--blue)}
.reference-theme .faq-list summary{font-size:1.25em;line-height:1.3;padding:1em 1em 1em 1.75em;gap:1.5em}
.reference-theme .faq-list summary>span{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:white;flex:none;font-size:1.1em}
.reference-theme .faq-list details[open] summary>span{background:var(--blue);color:white}
.reference-theme .faq-list details>p{font-size:1.125em;line-height:1.6;padding:0 2em 2em}
.reference-theme .home-insights{background:var(--paper)}
.reference-theme .home-insights .insight-grid{gap:1.25em}
.reference-theme .home-insights .insight-card{border:0;background:white;padding:2em;min-height:21em;border-radius:1.25em}
.reference-theme .home-insights .insight-card h3{font-size:2em;margin:1.5em 0}
.reference-theme .home-insights .eyebrow{font-size:.7em}
.reference-theme .home-insights .text-link{font-size:1em}
.reference-theme .home-final{background:white;padding-block:9em;position:relative;overflow:hidden}
.home-final-card{position:relative;background:linear-gradient(#00f,#6166ff);border-radius:2em;overflow:hidden;color:white}
.reference-theme .home-final .end-cta{background:none;padding:0;text-align:left}
.reference-theme .home-final .end-cta>.container{max-width:none;padding:3em 3.5em}
.reference-theme .home-final .end-cta .hand-note{font-size:1.8em;background:none;padding:0;color:var(--yellow);max-width:55%}
.reference-theme .home-final .end-cta h2{font-size:5.25em;max-width:56%;line-height:.9;margin: .45em 0 0;color:white}
.reference-theme .home-final .end-cta h2 span{color:white}
.reference-theme .home-final .end-cta p{max-width:50%;font-size:1.25em;color:white;margin:1.5em 0}
.reference-theme .home-final .actions{justify-content:start;max-width:56%;gap:.75em}
.reference-theme .home-final .button{font-size:1em;background:white;color:var(--ink);border-color:white}
.reference-theme .home-final .button.ghost{background:none;color:white;border-color:#ffffff55}
.reference-theme .final-projects{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);width:38%;top:3.5em;bottom:-1em;right:3.5em;gap:1em;padding:0;margin:0;max-width:none}
.reference-theme .final-projects a{height:40em;transform:none;margin:7em 0 0;border:0;border-radius:.75em .75em 0 0;box-shadow:0 1.1em 2.5em #05053d47}
.reference-theme .final-projects a:nth-child(2){margin-top:0}.reference-theme .final-projects a:nth-child(3){margin-top:3.5em}
.reference-theme .final-projects .browser-bar{display:none}
.reference-theme .final-projects img{height:100%;width:100%;object-fit:cover;object-position:top}
.reference-theme .reference-footer{padding:7em 0 2.5em;background:linear-gradient(90deg,#00f,#6166ff)}
.footer-mega{display:block;color:white;font-family:var(--display);font-size:26.1em;line-height:.78;white-space:nowrap;letter-spacing:0;text-transform:uppercase;width:100%}
.footer-mega>span{display:block}.footer-mega>span+span{margin-top:.045em}.footer-mega>span:nth-child(1){opacity:.56}.footer-mega>span:nth-child(2){opacity:.76}
.footer-mega:hover>span:first-child{opacity:1}
.footer-personal{display:flex;align-items:center;justify-content:space-between;gap:2em;padding:3em 0 4em}
.footer-personal .hand-note{font-size:2.3em;background:none;color:var(--yellow)}
.footer-personal p{color:#ffffffbb;font-size:1.125em}
.reference-theme .reference-footer .footer-grid{padding-block:4em;border-color:#ffffff40}
.reference-theme .reference-footer .footer-grid p{font-size:1em}
.reference-theme .reference-footer .footer-grid>div:not(:first-child){font-size:1em}
.reference-theme .reference-footer .footer-bottom{font-size:.8em}
@media(max-width:991px){
.reference-theme{--layout-unit:clamp(14.734px,1.91846vw,19.01px)}
.reference-theme .container{padding-inline:1.5em}
.reference-theme .section{padding-block:6.5em}
.reference-theme h2,.reference-theme .section-heading h2{font-size:5em}
.reference-theme .home-hero{padding-top:7em}.reference-theme .hero-copy h1{font-size:6em}.reference-theme .hero-grid{min-height:34em}.reference-theme .hero-portrait{height:30em;width:44%}.reference-theme .hero-copy>p{max-width:25em;font-size:1.125em}.reference-theme .hero-copy .button{font-size:.9em}
.reference-theme .problem-section .split{grid-template-columns:1fr;gap:3em}
.reference-theme .problem-section h2{font-size:5em}
.reference-theme .fix-section{padding-block:6.5em}.reference-theme .fix-section h2{font-size:7em}
.reference-theme .home-services .container,.reference-theme .home-work .container{padding-right:0}
.reference-theme .rail-head{padding-right:1.5em}
.reference-theme .home-services .service-card{width:22em}
.reference-theme .included-section{min-height:44em;padding-block:6.5em 2em}.reference-theme .included-section h2{font-size:5em}
.reference-theme .prices-section h2{font-size:4.5em;white-space:normal}
.reference-theme .home-package-panels .price-card{grid-template-columns:minmax(0,1fr) 21em;gap:2.5em;min-height:34em}
.reference-theme .home-package-picker{padding:2em}
.reference-theme .package-tabs{width:calc(100% - 23em);font-size:.8em;min-width:20em}
.reference-theme .home-package-panels .package-receipt{margin-top:-6em;padding:2em 1.5em;min-height:38em}
.reference-theme .home-package-panels .price-value>strong{font-size:8em}
.reference-theme .home-package-panels .price-card-top p{font-size:1.125em}
.reference-theme .home-work .section-heading h2{font-size:5.5em;white-space:normal}
.reference-theme .studio-section .split{grid-template-columns:minmax(0,1fr) 20em;gap:2.5em}
.reference-theme .studio-section h2{font-size:4.5em}
.reference-theme .studio-section .split p{font-size:1.125em}
.reference-theme .studio-image{margin-right:1em;padding-top:4em}
.reference-theme .quote-section{padding-block:6.5em}.reference-theme .quote-section h2{font-size:5em}
.reference-theme .faq-section .faq-grid{grid-template-columns:1fr;gap:3em}.reference-theme .faq-section h2{font-size:5em}
.reference-theme .home-final{padding-block:6.5em}.reference-theme .home-final .end-cta>.container{padding:2.5em}
.reference-theme .home-final .end-cta h2{font-size:4.5em}
.reference-theme .final-projects{right:2.5em;gap:.75em}
.footer-mega{font-size:26em}
}
@media(max-width:767px){
.reference-theme{--layout-unit:clamp(13.9636px,2.90909vw,22.3127px)}
.reference-theme .container{padding-inline:1em}
.reference-theme .section{padding-block:5em}
.reference-theme h2,.reference-theme .section-heading h2{font-size:4em;line-height:.94}
.reference-theme .section-heading>p{font-size:1.125em}
.reference-theme .home-hero{padding-top:7.5em;padding-bottom:2.75em}
.reference-theme .hero-grid{min-height:0}
.reference-theme .hero-copy{width:100%;padding-bottom:0}
.reference-theme .hero-copy h1{font-size:4.7em;line-height:.96;white-space:nowrap}
.reference-theme .hero-copy>p{font-size:1.125em;line-height:1.5;max-width:none;margin-top:2em}
.reference-theme .hero-copy .actions{gap:.65em;margin-top:1.5em}
.reference-theme .hero-copy .button{font-size:.95em;min-height:3.5em;padding:.85em 1.4em;gap:.7em}
.reference-theme .hero-portrait{position:relative;right:auto;bottom:-2em;width:100%;height:25em;margin:1em 0 0}
.reference-theme .portrait-frame{width:110%;height:120%;right:-18%;bottom:-15%}
.reference-theme .big-arrow{height:95%;width:80%;right:0;top:0}
.reference-theme .portrait-note{left:0;top:38%;width:9.5em}
.reference-theme .portrait-note .hand-note{font-size:1.6em}
.reference-theme .portrait-note svg{width:5em;height:3em;margin:.4em 0 0 3em}
.reference-theme .proof-band{border-width:.5em;border-radius:2.5em;margin-top:0;min-height:0}
.reference-theme .proof-inner{min-height:8em;padding:1.7em 1.5em;gap:2.5em;overflow:auto;justify-content:flex-start}
.reference-theme .robell-logo,.reference-theme .fiverise-logo,.reference-theme .proovium-logo{font-size:2.3em}
.reference-theme .proof-star{width:2em;height:2em}
.reference-theme .problem-section{padding-top:3em}
.reference-theme .problem-section .split{grid-template-columns:1fr;gap:2.5em}
.reference-theme .problem-section h2{font-size:3.6em;line-height:1}
.reference-theme .problem-section .split p{font-size:1.125em;max-width:none;margin-top:1.5em}
.reference-theme .problem-section .hand-note{font-size:2em}
.reference-theme .notepad{transform:none;padding-inline:1.5em}
.reference-theme .notepad-top{font-size:.65em;margin-inline:-2.307em;padding:1.5em 2.307em}
.reference-theme .notepad li{font-size:1em;padding:1.25em 0 1.25em 2.7em}
.reference-theme .fix-section{padding-block:5em}
.reference-theme .fix-section h2{font-size:5.1em;white-space:normal;padding-inline:.2em;line-height:.9}
.reference-theme .fix-section h2 .yellow-text{display:block;margin-top:.1em}
.reference-theme .fix-section .hand-note{font-size:2em;margin-bottom:1em}
.reference-theme .fix-section p{font-size:1.125em;max-width:90%;margin-top:2.5em}
.solution-stage{min-height:23em;margin-top:2.5em;margin-bottom:2em}
.solution-tile{width:13em;aspect-ratio:1/1.1;padding:1.5em .75em 0;border-radius:1.25em}
.solution-backdrop{gap:.75em}
.solution-laptop{width:36em;max-width:92%}
.laptop-lid{border-radius:1em 1em 0 0;padding:.5em .5em .6em}
.laptop-screen{border-radius:.5em .5em .15em .15em}
.laptop-screen .browser-bar{font-size:.5em;height:2em}
.laptop-base{height:.7em}
.reference-theme .fix-section .actions{gap:1.5em;flex-direction:column}
.reference-theme .fix-section .text-link{font-size:1em}
.reference-theme .home-services .container,.reference-theme .home-work .container{padding-right:0}
.reference-theme .rail-head{padding-right:1em;gap:2em;margin-bottom:2.5em}
.reference-theme .home-services .section-heading h2{white-space:normal}
.reference-theme .rail-controls button{width:3em;height:3em}
.reference-theme .home-services .service-card{width:20em;min-height:31em;padding:1.25em}
.reference-theme .home-services .service-art{height:15em;min-height:15em;padding:1em}
.reference-theme .home-services .service-card h3{font-size:1.75em;margin-top:1em}
.reference-theme .home-services .service-card p{font-size:1.1em;margin-bottom:1.5em}
.reference-theme .included-section{min-height:43em;padding-block:5em 2em}
.reference-theme .included-section h2{font-size:4em}
.reference-theme .included-section p{font-size:1.125em;max-width:32em;margin-top:1.5em}
.reference-theme .included-section>.container>.hand-note{font-size:1.8em;margin-top:1em}
.reference-theme .chip-playground{padding-top:2em;min-height:18em;gap:1em .6em;margin-top:auto}
.reference-theme .throw-chip{font-size:1.05em;padding:.85em 1em}
.reference-theme .prices-section>.container>.hand-note{font-size:2em;margin-bottom:1em}
.reference-theme .prices-section h2{font-size:3.5em;white-space:normal;line-height:1}
.reference-theme .prices-section .section-heading{margin-bottom:2.5em}
.reference-theme .home-package-picker{padding:1.5em 1.25em 2em;border-radius:1.5em}
.reference-theme .package-tabs{width:100%;min-width:0;font-size:1em;gap:.15em;padding:.3em;margin-bottom:2em}
.reference-theme .package-tabs button{font-size:.7em;padding:1em .5em}
.reference-theme .home-package-panels .price-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;min-height:0;gap:0}
.reference-theme .home-package-panels .price-value>strong{font-size:7.5em;letter-spacing:-1px;margin-top:.1em}
.reference-theme .home-package-panels .price-value>span{font-size:.7em}
.reference-theme .home-package-panels .price-card-top{margin-top:1.5em}
.reference-theme .home-package-panels .price-card-top h3{font-size:2em;margin-bottom:.5em}
.reference-theme .home-package-panels .price-card-top p{font-size:1.125em}
.reference-theme .home-package-panels .price-card>.button{font-size:1em;min-height:3.5em;margin-top:1.75em}
.reference-theme .home-package-panels .package-receipt{grid-column:1;grid-row:4;margin:2.5em 0 0;min-height:0;padding:2em 1.5em;transform:none}
.reference-theme .home-package-panels .receipt-top{font-size:.7em;margin-bottom:1.5em;padding-bottom:1.5em}
.reference-theme .home-package-panels .receipt-wordmark{font-size:3em}
.reference-theme .home-package-panels .price-card li{font-size:.7em;padding:1.2em 4.8em 1.2em 0}
.reference-theme .home-package-panels .receipt-bottom{font-size:.7em;padding-top:2em}
.reference-theme .pricing-caption{font-size:.75em;margin-top:1.5em}
.reference-theme .home-builder-link{display:block;text-align:center;font-size:1.25em;padding-top:2em}
.reference-theme .home-builder-link .button{font-size:.85em;margin-top:1.5em}
.reference-theme .home-work{padding-block:5em}
.reference-theme .home-work .section-heading h2{font-size:4.25em;white-space:normal;line-height:.92}
.reference-theme .home-work .section-heading h2 span{display:block}
.reference-theme .home-work .rail-actions{margin-top:2em;gap:1.5em;flex-wrap:wrap}
.reference-theme .home-work .rail-actions .button{font-size:.9em;min-height:3.5em}
.reference-theme .home-work .work-rail .project-card{width:22em;max-width:88%;min-width:0}
.reference-theme .home-work .project-image{height:27em;padding:1em 1em 0}
.reference-theme .home-work .project-caption h3{font-size:1.6em;white-space:normal}
.reference-theme .home-work .project-caption p{font-size:1.05em}
.reference-theme .home-work .project-caption .eyebrow{font-size:.6em}
.reference-theme .home-work .home-comparison-link{margin-top:2em;margin-right:1em;font-size:1em}
.reference-theme .studio-section .split{grid-template-columns:1fr;gap:3em}
.reference-theme .studio-section h2{font-size:4em}
.reference-theme .studio-section .split p{font-size:1.125em;margin-top:1.5em}
.reference-theme .studio-section .hand-note{font-size:1.7em}
.reference-theme .studio-image{grid-column:1;grid-row:2;margin:0 1em 0 0;padding-top:3em;border-radius:1.5em}
.reference-theme .studio-image .browser-bar{border-radius:1.5em 1.5em 0 0;font-size:.65em;height:3em}
.reference-theme .studio-image img{max-height:32em;border-radius:0 0 1.5em 1.5em}
.reference-theme .studio-image:after{font-size:3em;right:-.4em}
.reference-theme .studio-values{margin-top:4em;gap:2em 1.5em;grid-template-columns:1fr 1fr}
.reference-theme .studio-values strong{font-size:3em}
.reference-theme .studio-values span{font-size:.9em}
.reference-theme .quote-section{padding-block:5em}
.reference-theme .quote-section h2{font-size:4em}
.reference-theme .quote-section .hand-note{font-size:2em}
.reference-theme .testimonial-sheet{margin-top:2.5em;border-radius:1.5em;padding:1.75em}
.reference-theme .quote-section blockquote{font-size:1.8em;margin-bottom:1.5em;line-height:1.3}
.reference-theme .quote-credit{font-size:.9em;gap:1em;flex-wrap:wrap}
.reference-theme .quote-credit>div{font-size:.95em}
.reference-theme .quote-credit>a{margin-left:0;font-size:1em}
.ref-process-head{grid-template-columns:1fr;gap:2em}
.ref-process-head h2{font-size:4em}
.ref-process-head .hand-note{font-size:2em;margin-bottom:1em}
.ref-process-head>p{font-size:1.125em}
.ref-process-grid{grid-template-columns:1fr;gap:1.25em;margin-top:2.5em}
.ref-process-grid article{border-radius:1.5em;padding:1.75em 1.5em}
.ref-step-top{margin-bottom:1.5em}
.ref-process-grid h3{font-size:1.75em}
.ref-process-grid p{font-size:1.125em}
.ref-process-cta{margin-top:2.5em}
.reference-theme .faq-section .faq-grid{grid-template-columns:1fr;gap:2em}
.reference-theme .faq-section h2{font-size:4em}
.reference-theme .faq-section .section-heading>p{font-size:1.125em}
.reference-theme .faq-section .hand-note{font-size:1.8em}
.reference-theme .faq-list summary{font-size:1.125em;padding:1em 1em 1em 1.5em;gap:1em}
.reference-theme .faq-list details{border-radius:1.5em}
.reference-theme .faq-list details>p{font-size:1em;padding:0 1.7em 1.7em}
.reference-theme .home-insights .insight-grid{grid-template-columns:1fr;gap:1.25em}
.reference-theme .home-insights .insight-card{padding:1.75em;min-height:17em}
.reference-theme .home-insights .insight-card h3{font-size:1.8em;margin:1.5em 0}
.reference-theme .home-final{padding-block:5em}
.home-final-card{border-radius:1.5em}
.reference-theme .home-final .end-cta>.container{padding:2em 1.5em}
.reference-theme .home-final .end-cta .hand-note{max-width:100%;font-size:1.8em}
.reference-theme .home-final .end-cta h2{font-size:4em;max-width:100%;line-height:.95}
.reference-theme .home-final .end-cta p{font-size:1.125em;max-width:100%;margin:1.5em 0}
.reference-theme .home-final .actions{max-width:100%;gap:.75em}
.reference-theme .home-final .button{font-size:.9em;padding:.9em 1.2em;min-height:3.5em}
.reference-theme .final-projects{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:24em;padding:0 1.5em;gap:.75em;margin-top:1em}
.reference-theme .final-projects a{height:32em;margin-top:5em;border-radius:.5em .5em 0 0}
.reference-theme .final-projects a:nth-child(2){margin-top:0}.reference-theme .final-projects a:nth-child(3){margin-top:2.5em}
.reference-theme .reference-footer{padding:5em 0 2em}
.footer-mega{font-size:6.9em;line-height:.8}
.footer-personal{display:block;padding:2em 0 3em}
.footer-personal .hand-note{font-size:2.1em}
.footer-personal p{font-size:1em;margin-top:1.25em}
.reference-theme .reference-footer .footer-grid{padding-block:3em;gap:2.5em 1.5em}
.reference-theme .reference-footer .footer-grid>div:not(:first-child){font-size:.95em}
.reference-theme .reference-footer .footer-grid p{font-size:.9em}
.reference-theme .reference-footer .footer-bottom{font-size:.75em}
}
@media(max-width:479px){.reference-theme{--layout-unit:clamp(13.128px,4.102564vw,19.65px)}.reference-theme .hero-copy h1{font-size:4.25em}.reference-theme .hero-copy .button{font-size:.8em;padding-inline:1.2em}.reference-theme .portrait-note{width:8.5em}.reference-theme .portrait-note .hand-note{font-size:1.4em}.reference-theme .hero-portrait{height:22em}.reference-theme .home-services .service-card{width:20em;max-width:87%}.reference-theme .prices-section h2{font-size:3.2em}.reference-theme .home-work .section-heading h2{font-size:3.6em}.reference-theme .ref-process-head h2,.reference-theme .faq-section h2{font-size:3.5em}.reference-theme .included-section h2{font-size:3.5em}.reference-theme .footer-mega{font-size:6.9em}}
@media(prefers-reduced-motion:reduce){.solution-tile img,.solution-laptop{transition:none}}

.reference-theme .site-header .button.small{font-size:1em;min-height:3em;padding:.65em 1.4em}
.reference-theme .proof-band{overflow:hidden;display:flex;align-items:center}
.proof-track{width:max-content;display:flex;animation:kingdom-proof-drift 26s linear infinite;will-change:transform}
.proof-group{display:flex;align-items:center;justify-content:space-around;gap:9em;padding:2em 4.5em;min-width:80em}
.proof-group>a{flex:none}
.proof-band:hover .proof-track,.proof-band:focus-within .proof-track{animation-play-state:paused}
@keyframes kingdom-proof-drift{to{transform:translateX(-50%)}}
@media(max-width:767px){.reference-theme .proof-band{min-height:8em}.proof-group{gap:4em;padding:1.7em 2em;min-width:55em}.reference-theme .site-header .button.small{font-size:.9em;min-height:3em;padding:.65em 1.1em}}
@media(prefers-reduced-motion:reduce){.proof-track{animation:none;will-change:auto}.reference-theme .proof-band{overflow:auto}}
.reference-theme.kow-reduced .proof-track{animation:none}

.reference-theme .reference-footer>.container{container-type:inline-size}
.reference-theme .footer-mega{font-size:29.5cqw}
.reference-theme .home-services .mini-submit svg,.reference-theme .home-services .mini-ad svg{width:1em;height:1em;filter:none;display:inline-block;flex:none}
.reference-theme .home-services .service-card .service-art.art-search{background:var(--ink);color:white}
.reference-theme .home-services .service-card .service-art.art-shield{background:linear-gradient(135deg,#6166ff,#00f);color:white}

.reference-theme .final-projects .project-strip{display:flex;flex-direction:column;gap:1em;margin-top:7em;min-width:0}
.reference-theme .final-projects .project-strip:nth-child(2){margin-top:0}
.reference-theme .final-projects .project-strip:nth-child(3){margin-top:3.5em}
.reference-theme .final-projects .project-strip a{height:auto;margin:0;overflow:hidden;flex:none;display:block;border-radius:.75em;min-height:0}
.reference-theme .final-projects .project-strip img{width:100%;height:auto;object-fit:contain;display:block}
@media(max-width:767px){.reference-theme .final-projects .project-strip{margin-top:5em}.reference-theme .final-projects .project-strip:nth-child(2){margin-top:0}.reference-theme .final-projects .project-strip:nth-child(3){margin-top:2.5em}}
.reference-theme .faq-section{background:white}
.reference-theme .site-header.scrolled .menu-toggle{background:var(--blue);color:white}
.reference-theme .site-header.scrolled .menu-toggle span{background:white}

/* The reference's static ruled note: no selections, score or extra CTA. */
.reference-theme .problem-section .reveal>.hand-note{display:block;background:none;padding:0;margin-top:1.2em;color:var(--blue);width:fit-content}
.reference-theme .problem-section .notepad{background:#fff6c2;color:var(--ink);padding:4.25em 2.25em 1.75em;border-radius:1.5em;box-shadow:0 14px 34px #05053d14;position:relative;overflow:clip;transform:rotate(1deg)}
.reference-theme .problem-section .notepad:before{content:'';position:absolute;inset:0 0 auto;height:2.75em;background:var(--yellow);border-bottom:2px dashed #16105f47}
.reference-theme .problem-section .notepad:after{content:'';position:absolute;left:5.1em;top:2.75em;bottom:0;width:3px;border-inline:1px solid #ff565680;pointer-events:none}
.reference-theme .problem-section .note-list{display:grid;list-style:none;padding:0;margin:0}
.reference-theme .problem-section .note-list:before{display:none}
.reference-theme .problem-section .note-list>li{display:flex;align-items:center;gap:1.8em;padding:.95em 0;font-size:1.125em;line-height:1.5;color:var(--ink);border-bottom:1px solid #0000ff29;position:relative}
.reference-theme .problem-section .note-list>li:before{display:none}
.reference-theme .problem-section .note-cross{width:2em;height:2em;flex:none;fill:none;stroke:#f03a3a;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.reference-theme .problem-section .note-cross circle{stroke:#16105f47;stroke-width:1.5}
@media(max-width:767px){
.reference-theme .problem-section .notepad{padding:3.75em 1.25em 1.25em;transform:none}
.reference-theme .problem-section .notepad:after{left:3.9em}
.reference-theme .problem-section .note-list>li{font-size:1.0625em;gap:1.5em;padding:.95em 0}
.reference-theme .problem-section .reveal>.hand-note{margin-top:1.5em}
}
