@layer reset,base,brand;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}img,svg{max-width:100%}[hidden]{display:none!important}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}}
@layer base{
:root{--paper:#f8f6f2;--ink:#20201e;--muted:#63635f;--line:#d9d8d1;--accent:#ec543d;--radius:20px;--content:1200px;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}.brand-nine{--accent:#3154e8}body{min-width:320px}a{text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6b45dd;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3rem,7vw,6.5rem);font-weight:600}h2{font-size:clamp(1.9rem,4vw,3.3rem);font-weight:600}h3{font-size:1.3rem}.site-header,.site-footer{max-width:1320px;margin:auto;padding:24px 48px}.site-header{display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);min-height:100px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:28px;line-height:1;text-decoration:none;letter-spacing:-.07em}.brand-symbol{font-size:36px;color:var(--accent);letter-spacing:-.1em}.wordmark-dot{font-size:10px;align-self:flex-start;letter-spacing:0}.site-header nav{display:flex;gap:30px;margin-left:auto;align-items:center}.site-header nav a,.header-account{text-decoration:none;font-size:14px;font-weight:600}.site-header nav a[aria-current]{border-bottom:2px solid var(--ink)}.header-account{border:1px solid var(--ink);border-radius:999px;padding:12px 18px;white-space:nowrap}.header-account:hover{background:var(--ink);color:white}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:99}.skip-link:focus{top:15px}.site-footer{margin-top:80px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.footer-main p{margin:0;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:22px}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:600;font-size:14px}.button.primary{color:white;background:var(--ink)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{color:var(--ink);background:transparent}.button.secondary:hover{background:#eae8e2}.small{font-size:13px;color:var(--muted)}.account-intro,.account-wrap,.prose-page{max-width:var(--content);margin:auto;padding:72px 40px 0}.account-intro{display:block}.account-intro h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:24px}.account-intro>p:last-child{font-size:19px;color:var(--muted);max-width:520px}.account-wrap{padding-top:32px}.account-panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:36px}.account-panel h2{font-size:28px}.account-panel>p{color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.account-welcome h2{font-size:32px;margin:0}.account-panel label{display:block;font-size:14px;font-weight:600;margin:0 0 20px}.account-panel input{display:block;width:100%;border:1px solid #aaa;border-radius:8px;padding:12px;margin-top:7px;color:var(--ink);background:#fff;min-height:48px}.field-help,.optional{font-size:12px;font-weight:400;color:var(--muted)}.field-help{display:block;margin-top:5px}.form-status{font-size:14px;min-height:22px;margin-top:15px}.session-list{list-style:none;padding:0;margin:25px 0}.session-list li{border-bottom:1px solid var(--line);padding:16px 0;display:flex;align-items:center;gap:15px;justify-content:space-between}.session-list strong{display:block;font-size:13px;overflow-wrap:anywhere;max-width:270px}.session-list span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.text-button{border:0;background:none;text-decoration:underline;white-space:nowrap;font-size:12px;padding:12px}.account-help{padding-top:30px;margin-top:30px;border-top:1px solid var(--line)}.account-help h3{font-size:19px}.account-help p{font-size:14px}.account-connected{margin-top:24px;display:flex;gap:25px;align-items:center;justify-content:space-between}.account-connected h2{font-size:26px}.account-connected p{max-width:500px}.prose-page{max-width:850px;padding-bottom:40px}.prose-page h1{font-size:clamp(3rem,6vw,5rem)}.prose-page h2{font-size:28px;margin-top:40px}.prose-page p{color:var(--muted)}.prose-page .lead{font-size:22px}
@media(max-width:800px){.site-header,.site-footer{padding:22px 24px}.site-header{flex-wrap:wrap;gap:20px}.site-header nav{order:3;flex-basis:100%;margin:0;gap:24px;justify-content:center}.header-account{margin-left:auto}.footer-main{grid-template-columns:1fr auto}.footer-main p{grid-column:1/-1;order:3}.footer-bottom{flex-wrap:wrap}.account-grid{grid-template-columns:1fr}.account-connected{display:block}.account-intro,.account-wrap,.prose-page{padding-left:24px;padding-right:24px}.account-panel{padding:25px}.account-welcome{align-items:flex-start}.account-welcome h2{font-size:26px}.account-welcome .button{padding:10px 15px;min-width:96px}.session-list strong{max-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
}
@media(max-width:800px){.site-header nav{flex-wrap:wrap;row-gap:16px}} @media(max-width:380px){.site-header nav{gap:14px}.site-header{padding-left:20px;padding-right:20px}}
.account-panel select{display:block;min-height:48px;margin:8px 0 16px;width:100%;min-width:180px;border:1px solid #aaa;border-radius:8px;padding:10px;background:white;color:var(--ink);font:inherit}.account-panel select:focus-visible{outline:3px solid #6b45dd;outline-offset:4px}

.footer-bottom>div{flex-wrap:wrap}.prose-page code{overflow-wrap:anywhere;font-size:.9em}.prose-page dd{margin-inline-start:20px}.prose-page li{margin-block:12px}.prose-page nav{margin-block:24px}

/* CAKE's public visual layer. Every selector stays inside the brand wrapper. */
.brand-cake{--cake-paper:#f7f5ef;--cake-ink:#20211e;--cake-muted:#62645c;--cake-line:#d7d8cf;--cake-coral:#ff795f;--cake-lavender:#c6b5ee;background:var(--cake-paper);color:var(--cake-ink)}
.brand-cake .cake-container{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.brand-cake .cake-container *{box-sizing:border-box}
.brand-cake .cake-container a{color:inherit}
.brand-cake .cake-container a:focus-visible,.brand-cake .cake-search input:focus-visible{outline:3px solid #6c43be;outline-offset:5px}
.brand-cake .cake-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;line-height:1.5;margin:0 0 24px;text-transform:uppercase}
.brand-cake .cake-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-block:72px 88px}
.brand-cake .cake-hero h1,.brand-cake .cake-page-intro h1{font-size:clamp(56px,6.8vw,94px);line-height:1.01;letter-spacing:-.07em;font-weight:650;margin:0 0 30px}
.brand-cake .cake-hero em,.brand-cake .cake-page-intro em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
.brand-cake .cake-lead{font-size:clamp(17px,1.55vw,21px);line-height:1.6;color:var(--cake-muted);margin:0;max-width:580px;letter-spacing:-.015em}
.brand-cake .cake-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.brand-cake .cake-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:50px;padding:14px 22px;background:var(--cake-ink);border:1px solid var(--cake-ink);border-radius:5px;color:var(--cake-paper)!important;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s}
.brand-cake .cake-button:hover{background:#3f4239;transform:translateY(-2px)}
.brand-cake .cake-button-secondary{background:transparent;color:var(--cake-ink)!important}
.brand-cake .cake-button-secondary:hover{background:#e8e9df}
.brand-cake .cake-button span,.brand-cake .cake-text-link span{font-size:20px;font-weight:400;line-height:1}
.brand-cake .cake-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-size:14px;font-weight:650;line-height:1.5}
.brand-cake .cake-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.brand-cake .cake-hero-art{height:510px;min-width:0;position:relative;border-radius:9px;background:#eae7dc;overflow:hidden;isolation:isolate}
.brand-cake .cake-art-label{position:absolute;top:27px;left:28px;font-size:10px;letter-spacing:.16em;font-weight:700;z-index:3}
.brand-cake .cake-orbit{position:absolute;width:390px;height:390px;border:1px solid #9d9f94;border-radius:50%;top:75px;left:50%;transform:translateX(-50%)}
.brand-cake .cake-orbit:after{content:'';position:absolute;width:15px;height:15px;background:var(--cake-ink);border-radius:50%;top:51px;right:43px}
.brand-cake .cake-art-block{position:absolute;width:208px;height:208px;border-radius:16px}
.brand-cake .cake-art-lavender{background:var(--cake-lavender);transform:rotate(-14deg);left:46px;top:113px;box-shadow:0 20px 40px #2522180c}
.brand-cake .cake-art-lavender:after{content:'';position:absolute;inset:42px;border:1px solid #6d5d8b;border-radius:50%}
.brand-cake .cake-art-coral{background:var(--cake-coral);transform:rotate(15deg);right:31px;bottom:82px;border-radius:50% 50% 16px 16px;box-shadow:0 20px 40px #25221812}
.brand-cake .cake-art-disc{position:absolute;z-index:2;top:150px;left:50%;width:180px;height:180px;border-radius:50%;background:var(--cake-paper);display:grid;place-items:center;transform:translateX(-50%) rotate(-12deg);box-shadow:0 5px 30px #25221814}
.brand-cake .cake-art-disc span{font-size:130px;font-weight:750;line-height:1;letter-spacing:-.11em;transform:translate(-5px,-7px)}
.brand-cake .cake-art-star{position:absolute;font-size:136px;line-height:1;right:29px;top:40px;color:var(--cake-ink);transform:rotate(-13deg)}
.brand-cake .cake-art-caption{position:absolute;bottom:27px;left:28px;font-size:12px;color:#55584e}
.brand-cake .cake-marquee{display:flex;justify-content:center;align-items:center;gap:clamp(25px,4vw,64px);padding:21px 28px;border-top:1px solid var(--cake-line);border-bottom:1px solid var(--cake-line);font-size:14px;font-weight:600;letter-spacing:.02em;overflow:hidden}
.brand-cake .cake-marquee b{color:#ae452f;font-size:23px;font-weight:400}
.brand-cake .cake-section{padding-block:92px}
.brand-cake .cake-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.brand-cake .cake-section-heading h2,.brand-cake .cake-account-strip h2,.brand-cake .cake-roadmap-strip h2,.brand-cake .cake-community-info h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-.05em;font-weight:600;margin:0}
.brand-cake .cake-section-heading p:not(.cake-eyebrow){max-width:330px;font-size:15px;line-height:1.65;color:var(--cake-muted);margin:0 0 3px}
.brand-cake .cake-section-heading .cake-eyebrow{margin-bottom:19px}
.brand-cake .cake-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-cake .cake-product{display:flex;flex-direction:column;justify-content:space-between;min-height:430px;padding:28px;border-radius:8px;text-decoration:none;transition:transform .2s;overflow:hidden}
.brand-cake .cake-product:hover{transform:translateY(-5px)}
.brand-cake .cake-product-studio{background:var(--cake-lavender)}
.brand-cake .cake-product-racing{background:#252922;color:#f7f5ef!important}
.brand-cake .cake-product-community{background:#f1a58e}
.brand-cake .cake-product-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-cake .cake-product-top>span:last-child{font-size:26px;line-height:1}
.brand-cake .cake-tag{font-size:10px;font-weight:700;letter-spacing:.1em;border:1px solid currentColor;border-radius:99px;padding:6px 10px;line-height:1.2;opacity:.8}
.brand-cake .cake-studio-mark{font-size:88px;font-weight:600;letter-spacing:-.09em;line-height:1;padding-block:22px}
.brand-cake .cake-studio-mark span{font-family:Georgia,serif;font-style:italic;font-size:38px;padding:0 8px;letter-spacing:-.08em;font-weight:400}
.brand-cake .cake-product h3{font-size:28px;font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}
.brand-cake .cake-product p{font-size:14px;line-height:1.6;max-width:285px;margin:0 0 24px;opacity:.85}
.brand-cake .cake-product-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:650}
.brand-cake .cake-product-link>span{font-size:20px}
.brand-cake .cake-community-symbol{display:flex;position:relative;height:131px;align-items:center;padding-left:12px}
.brand-cake .cake-community-symbol span{width:64px;height:64px;border-radius:50%;border:2px solid #4f3128;margin-left:-12px;position:relative}
.brand-cake .cake-community-symbol span:nth-child(2){background:#f7f5ef;transform:translateY(-21px);z-index:2}
.brand-cake .cake-community-symbol span:nth-child(3){background:#d95c3d}
.brand-cake .cake-racing-mark{position:relative;height:130px;display:flex;align-items:center;overflow:hidden}
.brand-cake .cake-racing-mark>span{font-style:italic;font-size:84px;letter-spacing:-.1em;font-weight:750;position:relative;z-index:1;transform:translateX(18px)}
.brand-cake .cake-racing-mark i{position:absolute;left:15px;top:30px;width:200px;height:15px;transform:rotate(-19deg);background:#c6db8f}
.brand-cake .cake-racing-mark i:nth-child(2){top:57px;left:50px;opacity:.5}
.brand-cake .cake-racing-mark i:nth-child(3){top:84px;left:85px;opacity:.2}
.brand-cake .cake-community-section{padding-block:76px 86px;background:#eeeee6}
.brand-cake .cake-community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.brand-cake .cake-community-card{min-width:0;overflow:hidden;background:var(--cake-paper);border:1px solid #d8d9cf;border-radius:7px;transition:transform .18s}
.brand-cake .cake-community-card:hover{transform:translateY(-3px)}
.brand-cake .cake-community-card[hidden]{display:none}
.brand-cake .cake-community-art{height:165px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.brand-cake .cake-tone-coral{background:#f1a58e}
.brand-cake .cake-tone-lavender{background:#c6b5ee}
.brand-cake .cake-tone-lime{background:#d3dfa5}
.brand-cake .cake-tone-blue{background:#adc9d9}
.brand-cake .cake-community-art>span{font-size:65px;font-weight:700;letter-spacing:-.07em;z-index:1;transform:rotate(-8deg)}
.brand-cake .cake-community-art i{position:absolute;width:140px;height:140px;border:1px solid #20211e38;border-radius:50%;right:-35px;bottom:-45px}
.brand-cake .cake-community-art i:after{content:'';position:absolute;inset:-25px;border:1px solid #20211e25;border-radius:50%}
.brand-cake .cake-community-copy{padding:22px 19px 23px}
.brand-cake .cake-card-meta{font-size:10px;line-height:1.5;letter-spacing:.02em;margin:0 0 14px;color:var(--cake-muted)}
.brand-cake .cake-card-meta>span{padding-inline:3px;opacity:.5}
.brand-cake .cake-community-copy h3{font-size:19px;letter-spacing:-.04em;font-weight:650;margin:0 0 12px;line-height:1.3}
.brand-cake .cake-community-copy h3 a{display:flex;justify-content:space-between;align-items:center;gap:6px;text-decoration:none}
.brand-cake .cake-community-copy h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-cake .cake-community-copy h3 span{font-size:20px;font-weight:400;flex-shrink:0}
.brand-cake .cake-community-copy>p:last-child{font-size:13px;line-height:1.6;color:var(--cake-muted);margin:0}
.brand-cake .cake-roadmap-strip{padding-block:65px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand-cake .cake-roadmap-strip .cake-eyebrow{margin-bottom:16px}
.brand-cake .cake-roadmap-strip h2{font-size:36px}
.brand-cake .cake-roadmap-strip p:not(.cake-eyebrow){font-size:15px;line-height:1.6;color:var(--cake-muted);margin:16px 0 0;max-width:550px}
.brand-cake .cake-account-strip{background:var(--cake-lavender);border-radius:8px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:70px}
.brand-cake .cake-account-strip .cake-eyebrow{margin-bottom:18px}
.brand-cake .cake-account-strip p:not(.cake-eyebrow){max-width:420px;font-size:15px;line-height:1.65;margin:19px 0 0}
.brand-cake .cake-account-strip .cake-button{flex-shrink:0}
.brand-cake .cake-page-intro{padding-block:72px 62px}
.brand-cake .cake-page-intro h1{font-size:clamp(48px,6vw,82px);margin-bottom:28px}
.brand-cake .cake-page-intro .cake-lead{max-width:610px}
.brand-cake .cake-directory{padding-bottom:45px}
.brand-cake .cake-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--cake-line);padding-block:29px 34px}
.brand-cake .cake-directory-toolbar h2{font-size:20px;line-height:1.4;letter-spacing:-.025em;font-weight:650;margin:0}
.brand-cake #cake-community-count{font-size:13px;color:var(--cake-muted);margin:5px 0 0}
.brand-cake .cake-search{width:min(100%,380px)}
.brand-cake .cake-search label{font-size:12px;display:block;font-weight:650;margin-bottom:8px}
.brand-cake .cake-search>div{position:relative}
.brand-cake .cake-search>div>span{position:absolute;left:14px;top:8px;font-size:25px;line-height:1;pointer-events:none}
.brand-cake .cake-search input{font:inherit;font-size:13px;line-height:1.5;background:#fffefa;border:1px solid #a6aa9c;border-radius:5px;padding:13px 12px 13px 42px;min-height:48px;width:100%;color:var(--cake-ink);box-shadow:none}
.brand-cake .cake-search>p{font-size:11px;color:var(--cake-muted);margin:6px 0 0}
.brand-cake .cake-empty{padding:42px 24px;border:1px solid var(--cake-line);text-align:center;border-radius:6px;font-size:16px;line-height:1.6}
.brand-cake .cake-empty[hidden]{display:none}
.brand-cake .cake-note{padding:32px 0 68px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand-cake .cake-note h2{font-size:28px;letter-spacing:-.04em;line-height:1.25;margin:0 0 10px;font-weight:600}
.brand-cake .cake-note p{font-size:15px;line-height:1.65;color:var(--cake-muted);max-width:620px;margin:0}
.brand-cake .cake-note .cake-button{flex-shrink:0}
.brand-cake .cake-products-page{padding-bottom:35px}
.brand-cake .cake-breadcrumb{display:flex;align-items:center;gap:13px;padding-top:34px;font-size:12px;line-height:1.5;color:var(--cake-muted);flex-wrap:wrap}
.brand-cake .cake-breadcrumb a{text-underline-offset:4px}
.brand-cake .cake-community-detail{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px;padding-block:55px 75px;align-items:center}
.brand-cake .cake-community-detail-art{height:380px;border-radius:8px}
.brand-cake .cake-community-detail-art>span{font-size:140px}
.brand-cake .cake-community-detail-art i{width:270px;height:270px;right:-80px;bottom:-80px}
.brand-cake .cake-community-detail h1{font-size:clamp(40px,5vw,65px);line-height:1.1;letter-spacing:-.065em;font-weight:600;margin:0 0 24px;overflow-wrap:anywhere}
.brand-cake .cake-small{font-size:12px;line-height:1.6;color:var(--cake-muted);margin:18px 0 0}
.brand-cake .cake-community-info{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--cake-line);padding-block:58px}
.brand-cake .cake-community-info h2{font-size:35px}
.brand-cake .cake-prose{font-size:16px;line-height:1.75;color:var(--cake-muted)}
.brand-cake .cake-prose h3{font-size:19px;color:var(--cake-ink);margin:0 0 8px;line-height:1.4;font-weight:650}
.brand-cake .cake-prose p{margin:0 0 26px}
@media(min-width:1500px){.brand-cake .cake-hero{padding-block:88px 102px}.brand-cake .cake-hero-art{height:550px}.brand-cake .cake-art-block{width:230px;height:230px}.brand-cake .cake-art-lavender{top:126px;left:53px}.brand-cake .cake-art-coral{bottom:90px}.brand-cake .cake-art-disc{top:170px}.brand-cake .cake-orbit{top:90px}}
@media(max-width:1100px){.brand-cake .cake-container{width:calc(100% - 56px)}.brand-cake .cake-hero{gap:30px;padding-top:52px}.brand-cake .cake-hero h1{font-size:66px}.brand-cake .cake-hero-art{height:440px}.brand-cake .cake-art-block{width:175px;height:175px}.brand-cake .cake-art-lavender{left:23px;top:100px}.brand-cake .cake-art-coral{right:12px;bottom:75px}.brand-cake .cake-art-disc{width:150px;height:150px;top:145px}.brand-cake .cake-art-disc span{font-size:112px}.brand-cake .cake-art-star{font-size:115px;right:16px}.brand-cake .cake-orbit{width:320px;height:320px;top:67px}.brand-cake .cake-community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.brand-cake .cake-community-art{height:195px}.brand-cake .cake-product{padding:22px;min-height:425px}.brand-cake .cake-product h3{font-size:25px}.brand-cake .cake-tag{font-size:9px;padding:5px 7px}.brand-cake .cake-community-detail{gap:40px}.brand-cake .cake-community-detail-art{height:330px}.brand-cake .cake-community-info{gap:40px}}
@media(max-width:760px){.brand-cake .cake-container{width:calc(100% - 40px)}.brand-cake .cake-hero{grid-template-columns:1fr;gap:38px;padding-block:42px 48px}.brand-cake .cake-hero h1{font-size:clamp(52px,10vw,72px)}.brand-cake .cake-eyebrow{font-size:10px;margin-bottom:20px}.brand-cake .cake-hero-art{height:360px}.brand-cake .cake-art-lavender{left:calc(50% - 161px);top:70px}.brand-cake .cake-art-coral{right:calc(50% - 155px);bottom:52px}.brand-cake .cake-art-disc{top:105px}.brand-cake .cake-art-star{top:25px;right:calc(50% - 165px);font-size:100px}.brand-cake .cake-orbit{width:280px;height:280px;top:48px}.brand-cake .cake-art-label,.brand-cake .cake-art-caption{left:20px;font-size:9px}.brand-cake .cake-art-label{top:20px}.brand-cake .cake-art-caption{bottom:20px}.brand-cake .cake-marquee{gap:23px;font-size:12px;justify-content:flex-start;padding-block:15px;white-space:nowrap}.brand-cake .cake-marquee b{font-size:18px}.brand-cake .cake-section{padding-block:58px}.brand-cake .cake-section-heading{display:block;margin-bottom:28px}.brand-cake .cake-section-heading>p,.brand-cake .cake-section-heading>.cake-text-link{margin-top:23px!important}.brand-cake .cake-section-heading h2{font-size:37px}.brand-cake .cake-product-grid{grid-template-columns:1fr;gap:16px}.brand-cake .cake-product{padding:25px;min-height:390px}.brand-cake .cake-product h3{font-size:29px}.brand-cake .cake-product p{max-width:400px}.brand-cake .cake-community-section{padding-block:54px}.brand-cake .cake-community-grid{gap:15px}.brand-cake .cake-community-art{height:150px}.brand-cake .cake-community-art>span{font-size:58px}.brand-cake .cake-community-copy{padding:18px 14px 20px}.brand-cake .cake-community-copy h3{font-size:17px;overflow-wrap:anywhere}.brand-cake .cake-card-meta{font-size:9px}.brand-cake .cake-community-copy>p:last-child{font-size:12px}.brand-cake .cake-roadmap-strip{display:block;padding-block:46px}.brand-cake .cake-roadmap-strip h2{font-size:32px}.brand-cake .cake-roadmap-strip>.cake-text-link,.brand-cake .cake-roadmap-strip>.cake-button{margin-top:22px}.brand-cake .cake-account-strip{display:block;padding:32px 27px;margin-bottom:42px}.brand-cake .cake-account-strip h2{font-size:38px}.brand-cake .cake-account-strip .cake-button{margin-top:25px}.brand-cake .cake-page-intro{padding-block:46px 42px}.brand-cake .cake-directory-toolbar{display:block}.brand-cake .cake-search{margin-top:24px;width:100%}.brand-cake .cake-note{display:block;padding-bottom:44px}.brand-cake .cake-note .cake-button{margin-top:22px}.brand-cake .cake-community-detail{grid-template-columns:1fr;padding-block:32px 45px;gap:32px}.brand-cake .cake-community-detail-art{height:240px}.brand-cake .cake-community-detail-art>span{font-size:100px}.brand-cake .cake-community-info{grid-template-columns:1fr;gap:30px;padding-block:40px}.brand-cake .cake-community-info h2{font-size:30px}.brand-cake .cake-prose{font-size:15px}.brand-cake .cake-products-page{padding-bottom:10px}}
@media(max-width:480px){.brand-cake .cake-community-grid{grid-template-columns:1fr}.brand-cake .cake-community-art{height:165px}.brand-cake .cake-community-copy h3{font-size:20px}.brand-cake .cake-community-copy>p:last-child{font-size:14px}}
@media(max-width:380px){.brand-cake .cake-container{width:calc(100% - 32px)}.brand-cake .cake-hero h1{font-size:50px}.brand-cake .cake-hero-art{height:325px}.brand-cake .cake-art-block{width:153px;height:153px}.brand-cake .cake-art-lavender{left:18px}.brand-cake .cake-art-coral{right:15px}.brand-cake .cake-art-star{right:12px}.brand-cake .cake-page-intro h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.brand-cake .cake-button,.brand-cake .cake-product,.brand-cake .cake-community-card{transition:none}.brand-cake .cake-button:hover,.brand-cake .cake-product:hover,.brand-cake .cake-community-card:hover{transform:none}}

.brand-nine {
  --n9-ink: #172020;
  --n9-muted: #535c61;
  --n9-paper: #f8f8f3;
  --n9-line: #d9ddd8;
  --n9-blue: #264df2;
  --n9-lime: #d5f198;
  background: var(--n9-paper);
  color: var(--n9-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.brand-nine *, .brand-nine *::before, .brand-nine *::after { box-sizing: border-box; }
.brand-nine .n9-container { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.brand-nine .n9-container h1, .brand-nine .n9-container h2, .brand-nine .n9-container h3, .brand-nine .n9-container p { margin: 0; }
.brand-nine .n9-container a { color: inherit; }
.brand-nine .n9-container a:focus-visible, .brand-nine .n9-container summary:focus-visible { outline: 3px solid var(--n9-blue); outline-offset: 5px; border-radius: 3px; }
.brand-nine .n9-container h1 { font-size: clamp(3.2rem, 6.1vw, 5.4rem); font-weight: 620; line-height: 1.025; letter-spacing: -.065em; }
.brand-nine .n9-container h2 { font-size: clamp(2rem, 4vw, 3.65rem); font-weight: 580; line-height: 1.08; letter-spacing: -.055em; }
.brand-nine .n9-container h3 { font-size: 1.55rem; font-weight: 620; line-height: 1.15; letter-spacing: -.04em; }
.brand-nine .n9-container p { line-height: 1.65; }
.brand-nine .n9-eyebrow { display: flex; align-items: center; gap: 10px; font-size: .72rem; font-weight: 650; letter-spacing: .13em; line-height: 1.5; text-transform: uppercase; }
.brand-nine .n9-status-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #486c2d; }
.brand-nine .n9-lede { max-width: 500px; color: var(--n9-muted); font-size: clamp(1.05rem, 1.5vw, 1.23rem); }
.brand-nine .n9-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
.brand-nine .n9-button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 50px; padding: 14px 21px; border-radius: 5px; font-size: .9rem; font-weight: 600; line-height: 1.3; text-decoration: none; transition: transform .18s ease, background .18s ease; }
.brand-nine .n9-button:hover { transform: translateY(-2px); }
.brand-nine a.n9-button-blue { color: white; background: var(--n9-blue); }
.brand-nine a.n9-button-blue:hover { background: #1737c8; }
.brand-nine a.n9-button-dark { color: white; background: var(--n9-ink); }
.brand-nine a.n9-button-dark:hover { background: #334347; }
.brand-nine a.n9-button-light { color: #172020; background: #fff; }
.brand-nine .n9-text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; font-size: .88rem; font-weight: 600; text-decoration: none; }
.brand-nine .n9-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.brand-nine .n9-hero { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 48px; padding-block: 90px 78px; }
.brand-nine .n9-hero-copy h1 { margin-top: 26px; }
.brand-nine .n9-hero-copy h1 em { color: var(--n9-blue); font-weight: 550; font-style: normal; }
.brand-nine .n9-hero-copy .n9-lede { margin-top: 27px; }
.brand-nine .n9-hero-copy .n9-actions { margin-top: 32px; }
.brand-nine .n9-artwork { position: relative; min-width: 0; margin: 0; padding-block: 42px 34px; isolation: isolate; }
.brand-nine .n9-art-orbit { position: absolute; inset: 10px 30px 0 30px; z-index: -1; border: 1px solid #d7dcd5; border-radius: 50%; transform: rotate(-18deg); }
.brand-nine .n9-art-window { width: 94%; overflow: hidden; border: 1px solid #fff; border-radius: 12px; background: #fcfcf8; transform: rotate(-4deg); box-shadow: 0 20px 50px #1a253016, 0 2px 8px #1a253014; }
.brand-nine .n9-art-top { display: flex; justify-content: space-between; align-items: center; height: 42px; padding-inline: 18px; border-bottom: 1px solid #e2e5e1; }
.brand-nine .n9-art-wordmark { font-size: 1rem; font-weight: 750; letter-spacing: -.07em; }
.brand-nine .n9-art-dots { font-size: .45rem; letter-spacing: 5px; color: #aeb9bc; }
.brand-nine .n9-art-inside { display: grid; grid-template-columns: 48px 1fr; }
.brand-nine .n9-art-rail { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 20px; border-right: 1px solid #e2e5e1; font-size: 1.2rem; color: #788185; }
.brand-nine .n9-art-rail span { display: grid; width: 30px; height: 30px; place-items: center; }
.brand-nine .n9-art-rail .n9-rail-active { border-radius: 7px; color: var(--n9-blue); background: #e4eaff; }
.brand-nine .n9-art-workspace { padding: 25px 26px 28px; }
.brand-nine .n9-art-kicker { font-size: .48rem; letter-spacing: .13em; font-weight: 650; }
.brand-nine .n9-art-workspace strong { display: block; margin-block: 17px 23px; font-size: clamp(1.5rem, 3.5vw, 2.8rem); line-height: 1.06; font-weight: 560; letter-spacing: -.055em; }
.brand-nine .n9-art-swatch-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.brand-nine .n9-art-swatch-row span { min-height: 75px; padding: 12px; border-radius: 5px; background: #e8ece7; font-size: .55rem; font-weight: 650; }
.brand-nine .n9-art-swatch-row span:nth-child(2) { background: var(--n9-lime); }
.brand-nine .n9-art-swatch-row span:nth-child(3) { background: var(--n9-blue); color: white; }
.brand-nine .n9-art-bottom { display: flex; align-items: center; gap: 16px; margin-top: 24px; font-size: .55rem; line-height: 1.5; color: #66716d; }
.brand-nine .n9-art-mini-grid { display: grid; grid-template-columns: 18px 18px; gap: 4px; }
.brand-nine .n9-art-mini-grid i { width: 18px; height: 18px; background: #c2d4ff; border-radius: 4px; }
.brand-nine .n9-art-mini-grid i:nth-child(2) { background: #ecc4e0; }
.brand-nine .n9-art-mini-grid i:nth-child(3) { background: #c5dc9c; }
.brand-nine .n9-art-mini-grid i:nth-child(4) { background: #f5cc9b; }
.brand-nine .n9-floating-note { position: absolute; right: -5px; bottom: 76px; width: 150px; padding: 20px 19px 6px; background: #e2f2b1; transform: rotate(8deg); box-shadow: 0 10px 24px #1a253018; }
.brand-nine .n9-floating-note > span { font-size: .52rem; letter-spacing: .1em; }
.brand-nine .n9-floating-note strong { display: block; margin-top: 12px; font-size: 1.04rem; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; }
.brand-nine .n9-floating-note svg { display: block; width: 100%; height: 43px; margin-top: 8px; color: #314b21; }
.brand-nine .n9-floating-icon { display: grid; place-items: center; position: absolute; right: 0; top: 0; width: 65px; height: 65px; background: #d3c7f4; border: 5px solid #f1ebfc; border-radius: 17px; color: #4b3479; font-size: 2.15rem; font-weight: 650; transform: rotate(10deg); }
.brand-nine .n9-artwork figcaption { margin-top: 24px; text-align: center; font-size: .65rem; color: #666e70; }
.brand-nine .n9-intro-strip { display: grid; grid-template-columns: 1fr 1.7fr auto; align-items: center; gap: 52px; padding-block: 35px; border-top: 1px solid var(--n9-line); border-bottom: 1px solid var(--n9-line); }
.brand-nine .n9-intro-strip p:first-child { font-size: 1.06rem; line-height: 1.4; letter-spacing: -.025em; }
.brand-nine .n9-intro-strip p:first-child strong { font-weight: 600; }
.brand-nine .n9-intro-strip p:nth-child(2) { color: var(--n9-muted); font-size: .86rem; }
.brand-nine .n9-section { padding-block: 95px; }
.brand-nine .n9-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 38px; }
.brand-nine .n9-section-heading h2 { margin-top: 17px; }
.brand-nine .n9-section-heading > p { max-width: 320px; color: var(--n9-muted); font-size: .95rem; }
.brand-nine .n9-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.brand-nine .n9-feature { position: relative; display: flex; flex-direction: column; min-height: 405px; padding: 28px; border-radius: 8px; text-decoration: none; transition: transform .2s ease; }
.brand-nine .n9-feature:hover { transform: translateY(-4px); }
.brand-nine .n9-feature-create { background: #e9e9df; }
.brand-nine .n9-feature-organise { background: #dce7ec; }
.brand-nine .n9-feature-build { background: #e6e2ef; }
.brand-nine .n9-feature-index { font-size: .62rem; letter-spacing: .1em; font-weight: 650; }
.brand-nine .n9-feature p { margin-top: 12px; margin-bottom: 27px; font-size: .85rem; color: #414b4c; }
.brand-nine .n9-feature-link { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; font-size: .78rem; font-weight: 650; }
.brand-nine .n9-feature-shapes { display: flex; align-items: center; justify-content: center; min-height: 173px; padding-block: 30px; }
.brand-nine .n9-feature-shapes span { display: grid; place-items: center; width: 75px; height: 95px; border-radius: 6px; background: #fffef7; box-shadow: 0 6px 10px #26333315; font-size: 2.1rem; font-weight: 550; transform: rotate(-12deg); }
.brand-nine .n9-feature-shapes span:nth-child(2) { height: 78px; margin-inline: -8px; background: #c7e99a; border-radius: 15px; transform: rotate(8deg); z-index: 1; }
.brand-nine .n9-feature-shapes span:nth-child(3) { color: white; background: var(--n9-blue); transform: rotate(16deg); }
.brand-nine .n9-organise-art { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-height: 173px; padding: 20px 15px; transform: rotate(-6deg); }
.brand-nine .n9-organise-art span { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 6px; background: #fffdf7; font-size: .7rem; box-shadow: 0 4px 6px #2633330a; }
.brand-nine .n9-organise-art span:nth-child(2) { margin-left: 20px; background: #e9f0fe; }
.brand-nine .n9-organise-art span:nth-child(3) { margin-left: 8px; }
.brand-nine .n9-organise-art i { width: 13px; height: 13px; border-radius: 3px; background: #8eb1e0; }
.brand-nine .n9-organise-art span:nth-child(2) i { background: #b1b5df; }
.brand-nine .n9-organise-art span:nth-child(3) i { background: #99ba82; }
.brand-nine .n9-build-art { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 173px; }
.brand-nine .n9-build-art > span { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 15px; background: #fffdf7; font-size: 2.5rem; transform: rotate(-8deg); }
.brand-nine .n9-build-art code { font-size: .75rem; line-height: 2; color: #695c7f; }
.brand-nine .n9-build-art b { font-weight: 600; color: #372a57; }
.brand-nine .n9-dulche { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; padding: 64px 80px; border-radius: 10px; color: #fff; background: #1d2850; overflow: hidden; }
.brand-nine .n9-dulche .n9-eyebrow { color: #b9c7f8; }
.brand-nine .n9-dulche h2 { margin-block: 19px 22px; }
.brand-nine .n9-dulche p:not(.n9-eyebrow) { max-width: 390px; color: #d0d6ea; font-size: .95rem; }
.brand-nine .n9-dulche .n9-button { margin-top: 27px; }
.brand-nine .n9-dulche-symbol { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 1; width: min(100%, 300px); justify-self: center; transform: rotate(-12deg); }
.brand-nine .n9-dulche-symbol span { border-radius: 50% 50% 6% 50%; background: #a4b4ff; }
.brand-nine .n9-dulche-symbol span:nth-child(2) { transform: rotate(90deg); background: #c3d09d; }
.brand-nine .n9-dulche-symbol span:nth-child(3) { transform: rotate(-90deg); background: #e1b8d0; }
.brand-nine .n9-dulche-symbol span:nth-child(4) { transform: rotate(180deg); background: #f2d5a1; }
.brand-nine .n9-account-band { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; padding-block: 75px; }
.brand-nine .n9-account-band h2 { margin-top: 10px; font-size: clamp(1.5rem, 2.6vw, 2.35rem); }
.brand-nine .n9-account-band p:not(.n9-eyebrow) { margin-top: 10px; color: var(--n9-muted); font-size: .9rem; }
.brand-nine .n9-id-mark { display: flex; align-items: center; gap: 3px; width: 76px; height: 76px; padding: 14px; border: 1px solid #ccd2cb; border-radius: 20px; font-size: 2.5rem; font-weight: 750; letter-spacing: -.07em; }
.brand-nine .n9-id-mark span { align-self: end; margin-bottom: 5px; font-size: .65rem; letter-spacing: -.02em; }
.brand-nine .n9-page-hero { padding-block: 78px 50px; }
.brand-nine .n9-page-hero h1 { margin-top: 22px; max-width: 940px; }
.brand-nine .n9-page-hero .n9-lede { max-width: 640px; margin-top: 28px; }
.brand-nine .n9-release-note { display: flex; align-items: baseline; gap: 9px; margin-top: 27px !important; color: var(--n9-muted); font-size: .8rem; }
.brand-nine .n9-category-nav { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 15px 42px; }
.brand-nine .n9-category-nav a { display: flex; align-items: center; gap: 32px; min-height: 44px; padding: 11px 17px; border: 1px solid #ccd3d2; border-radius: 4px; font-size: .82rem; text-decoration: none; }
.brand-nine .n9-category-nav a:hover { color: var(--n9-blue); border-color: var(--n9-blue); }
.brand-nine .n9-home-feature { display: grid; grid-template-columns: auto 1fr; gap: 45px; align-items: center; padding: 45px 50px; border-radius: 8px; background: #e7ecfb; scroll-margin-top: 110px; }
.brand-nine .n9-home-logo { display: grid; place-items: center; width: 120px; height: 120px; color: white; background: var(--n9-blue); border-radius: 28px; font-size: 5rem; line-height: 1; }
.brand-nine .n9-home-feature h2 { margin-top: 12px; font-size: 2.4rem; }
.brand-nine .n9-home-feature p:not(.n9-eyebrow) { max-width: 690px; margin-block: 14px; color: #43516f; font-size: .92rem; }
.brand-nine .n9-small-status { display: inline-block; padding: 4px 8px; border: 1px solid #d3d9d3; border-radius: 3px; font-size: .62rem; line-height: 1.3; color: #4e5a53; background: #f6f8f2; white-space: nowrap; }
.brand-nine .n9-catalogue-section { padding-top: 76px; scroll-margin-top: 40px; }
.brand-nine .n9-catalogue-section .n9-section-heading h2 { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.brand-nine .n9-app-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--n9-line); border-left: 1px solid var(--n9-line); }
.brand-nine .n9-app-card { min-width: 0; padding: 30px; border-right: 1px solid var(--n9-line); border-bottom: 1px solid var(--n9-line); }
.brand-nine .n9-app-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 25px; border-radius: 12px; font-size: 1.4rem; font-weight: 620; letter-spacing: -.05em; }
.brand-nine .n9-icon-paper { background: #e8e5d9; color: #4d4a39; }
.brand-nine .n9-icon-blue { background: #dce5ff; color: #2044cd; }
.brand-nine .n9-icon-lime { background: #e0ebc7; color: #3c5a25; }
.brand-nine .n9-icon-pink { background: #efdae8; color: #824867; }
.brand-nine .n9-icon-orange { background: #f7e2ca; color: #8c551c; }
.brand-nine .n9-icon-purple { background: #e4ddef; color: #654685; }
.brand-nine .n9-app-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.brand-nine .n9-app-card .n9-app-line { margin-top: 14px; color: #263533; font-size: .91rem; }
.brand-nine .n9-app-card > p:last-child { margin-top: 10px; color: var(--n9-muted); font-size: .82rem; }
.brand-nine .n9-faq { padding-block: 85px 20px; }
.brand-nine .n9-faq h2 { margin-top: 18px; margin-bottom: 36px; }
.brand-nine .n9-faq details { border-top: 1px solid var(--n9-line); }
.brand-nine .n9-faq details:last-child { border-bottom: 1px solid var(--n9-line); }
.brand-nine .n9-faq summary { padding: 23px 32px 23px 0; font-size: 1rem; font-weight: 600; cursor: pointer; }
.brand-nine .n9-faq details p { max-width: 760px; padding-bottom: 26px; color: var(--n9-muted); font-size: .94rem; }
.brand-nine .n9-faq details a { text-decoration: underline; text-underline-offset: 3px; }
.brand-nine .n9-about-story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 76px; padding-block: 20px 0; }
.brand-nine .n9-about-mark { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 380px; background: #dbe4ff; border-radius: 8px; color: #284ac9; }
.brand-nine .n9-about-mark > span { font-size: clamp(7rem, 12vw, 10rem); line-height: 1; font-weight: 600; letter-spacing: -.09em; }
.brand-nine .n9-about-mark i { margin-top: 25px; padding-inline: 8px; font-size: 2rem; font-style: normal; font-weight: 400; }
.brand-nine .n9-about-story h2 { margin-block: 18px 25px; }
.brand-nine .n9-about-story p:not(.n9-eyebrow) { margin-top: 17px; font-size: .95rem; color: var(--n9-muted); }
.brand-nine .n9-about-story .n9-text-link { margin-top: 17px; }
.brand-nine .n9-principle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.brand-nine .n9-principle-grid article { padding-top: 20px; border-top: 1px solid var(--n9-line); }
.brand-nine .n9-principle-grid article > span { font-size: .7rem; color: #66736d; }
.brand-nine .n9-principle-grid h3 { margin-top: 32px; }
.brand-nine .n9-principle-grid p { margin-top: 18px; color: var(--n9-muted); font-size: .91rem; }
.brand-nine .n9-cake-bridge { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 45px; padding: 55px 65px; border-radius: 8px; background: #e9e5db; }
.brand-nine .n9-cake-bridge h2 { margin-top: 18px; }
.brand-nine .n9-cake-bridge p:not(.n9-eyebrow) { margin-top: 21px; max-width: 370px; color: #4f5851; font-size: .94rem; }
.brand-nine .n9-cake-bridge .n9-button { margin-top: 27px; }
.brand-nine .n9-cake-word { font-size: clamp(3.8rem, 8vw, 6.5rem); line-height: 1; font-weight: 800; letter-spacing: -.1em; transform: rotate(-7deg); }
.brand-nine .n9-cake-word > span { display: inline-block; padding-left: 12px; color: #315545; font-size: .65em; }
.brand-nine .n9-ai-hero .n9-button { margin-top: 28px; }
.brand-nine .n9-ai-vision { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 70px; margin-top: 12px; padding-block: 30px; }
.brand-nine .n9-ai-graphic { position: relative; display: grid; place-items: center; min-height: 360px; border-radius: 10px; color: white; background: #202c54; overflow: hidden; }
.brand-nine .n9-ai-graphic::before, .brand-nine .n9-ai-graphic::after { content: ""; position: absolute; width: 245px; height: 245px; border: 1px solid #788ab26b; border-radius: 50%; }
.brand-nine .n9-ai-graphic::after { width: 360px; height: 360px; }
.brand-nine .n9-ai-core { display: grid; place-items: center; width: 100px; height: 100px; border-radius: 30px; color: #263b5c; background: #d9e7bb; font-size: 3.5rem; font-weight: 600; transform: rotate(-10deg); }
.brand-nine .n9-ai-node { position: absolute; z-index: 1; padding: 12px 20px; border: 1px solid #7c8aa252; border-radius: 5px; color: #dce5ff; background: #2d3b62; font-size: .8rem; }
.brand-nine .n9-ai-node-one { top: 48px; left: 52px; }
.brand-nine .n9-ai-node-two { top: 63px; right: 42px; }
.brand-nine .n9-ai-node-three { bottom: 55px; left: 37px; }
.brand-nine .n9-ai-node-four { bottom: 43px; right: 63px; }
.brand-nine .n9-ai-vision h2 { margin-block: 18px 25px; }
.brand-nine .n9-ai-vision p:not(.n9-eyebrow) { margin-top: 17px; color: var(--n9-muted); font-size: .95rem; }
@media (min-width: 1500px) { .brand-nine .n9-hero { padding-block: 115px 100px; } }
@media (max-width: 1050px) {
  .brand-nine .n9-container { width: min(1200px, calc(100% - 64px)); }
  .brand-nine .n9-hero { gap: 24px; padding-block: 65px; }
  .brand-nine .n9-intro-strip { grid-template-columns: 1fr 2fr; gap: 30px; }
  .brand-nine .n9-intro-strip > a { grid-column: 2; margin-top: -20px; }
  .brand-nine .n9-feature { padding: 22px; }
  .brand-nine .n9-feature-shapes span { width: 58px; height: 78px; }
  .brand-nine .n9-build-art { flex-direction: column; gap: 8px; padding-block: 20px; }
  .brand-nine .n9-build-art > span { width: 55px; height: 55px; font-size: 2rem; }
  .brand-nine .n9-dulche { padding: 45px; gap: 45px; }
  .brand-nine .n9-account-band { grid-template-columns: auto 1fr; }
  .brand-nine .n9-account-band > .n9-button { grid-column: 2; justify-self: start; }
  .brand-nine .n9-app-card { padding: 24px; }
  .brand-nine .n9-about-story, .brand-nine .n9-ai-vision { gap: 42px; }
  .brand-nine .n9-cake-bridge { padding: 45px; }
}
@media (max-width: 760px) {
  .brand-nine .n9-container { width: calc(100% - 40px); }
  .brand-nine .n9-hero { grid-template-columns: 1fr; gap: 35px; padding-block: 50px 40px; }
  .brand-nine .n9-container h1 { font-size: clamp(3.25rem, 10.7vw, 5rem); }
  .brand-nine .n9-hero-copy { max-width: 540px; }
  .brand-nine .n9-artwork { width: min(100% - 14px, 490px); margin-inline: auto; }
  .brand-nine .n9-art-workspace strong { font-size: clamp(2rem, 6.5vw, 2.9rem); }
  .brand-nine .n9-art-orbit { inset: 0 8px 62px; transform: none; }
  .brand-nine .n9-intro-strip { grid-template-columns: 1fr; gap: 17px; padding-block: 29px; }
  .brand-nine .n9-intro-strip > a { grid-column: auto; margin-top: 0; }
  .brand-nine .n9-section { padding-block: 60px; }
  .brand-nine .n9-section-heading { display: block; margin-bottom: 28px; }
  .brand-nine .n9-section-heading > p { max-width: 510px; margin-top: 20px; }
  .brand-nine .n9-feature-grid { grid-template-columns: 1fr; gap: 16px; }
  .brand-nine .n9-feature { min-height: 340px; padding: 25px; }
  .brand-nine .n9-feature-shapes, .brand-nine .n9-organise-art, .brand-nine .n9-build-art { min-height: 150px; }
  .brand-nine .n9-feature-shapes span { width: 72px; height: 87px; }
  .brand-nine .n9-organise-art { max-width: 280px; width: 100%; align-self: center; }
  .brand-nine .n9-build-art { flex-direction: row; gap: 22px; }
  .brand-nine .n9-dulche { grid-template-columns: 1fr; gap: 35px; padding: 36px 28px; }
  .brand-nine .n9-dulche-symbol { width: 190px; }
  .brand-nine .n9-account-band { padding-block: 50px; gap: 20px; }
  .brand-nine .n9-id-mark { width: 60px; height: 60px; border-radius: 15px; padding: 10px; font-size: 2rem; }
  .brand-nine .n9-account-band h2 { font-size: 1.65rem; }
  .brand-nine .n9-page-hero { padding-block: 50px 30px; }
  .brand-nine .n9-category-nav { gap: 7px; padding-bottom: 25px; }
  .brand-nine .n9-category-nav a { gap: 15px; padding-inline: 13px; font-size: .77rem; }
  .brand-nine .n9-home-feature { grid-template-columns: 1fr; gap: 25px; padding: 30px; }
  .brand-nine .n9-home-logo { width: 75px; height: 75px; border-radius: 18px; font-size: 3.5rem; }
  .brand-nine .n9-catalogue-section { padding-top: 52px; }
  .brand-nine .n9-app-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-nine .n9-app-card { padding: 24px 20px; }
  .brand-nine .n9-app-heading { display: block; }
  .brand-nine .n9-app-heading .n9-small-status { margin-top: 10px; }
  .brand-nine .n9-faq { padding-top: 55px; }
  .brand-nine .n9-about-story, .brand-nine .n9-ai-vision { grid-template-columns: 1fr; gap: 35px; }
  .brand-nine .n9-about-mark { min-height: 265px; }
  .brand-nine .n9-about-mark > span { font-size: 8rem; }
  .brand-nine .n9-principle-grid { grid-template-columns: 1fr; gap: 30px; }
  .brand-nine .n9-principle-grid h3 { margin-top: 21px; }
  .brand-nine .n9-cake-bridge { grid-template-columns: 1fr; padding: 35px 28px; gap: 40px; }
  .brand-nine .n9-cake-word { justify-self: end; font-size: 4.8rem; margin-right: 10px; }
  .brand-nine .n9-ai-graphic { min-height: 330px; }
}
@media (max-width: 430px) {
  .brand-nine .n9-container { width: calc(100% - 32px); }
  .brand-nine .n9-container h1 { font-size: 3.2rem; }
  .brand-nine .n9-hero-copy .n9-actions { gap: 13px; }
  .brand-nine .n9-floating-note { width: 128px; padding: 15px 14px 5px; right: -3px; }
  .brand-nine .n9-floating-note strong { font-size: .9rem; }
  .brand-nine .n9-art-workspace { padding: 20px 18px 26px; }
  .brand-nine .n9-art-inside { grid-template-columns: 40px 1fr; }
  .brand-nine .n9-art-swatch-row span { min-height: 62px; padding: 9px; }
  .brand-nine .n9-artwork figcaption { text-align: left; font-size: .59rem; }
  .brand-nine .n9-account-band { grid-template-columns: 1fr; }
  .brand-nine .n9-account-band > .n9-button { grid-column: auto; }
  .brand-nine .n9-app-grid { grid-template-columns: 1fr; }
  .brand-nine .n9-app-heading { display: flex; }
  .brand-nine .n9-app-heading .n9-small-status { margin-top: 0; }
  .brand-nine .n9-ai-node-one { left: 28px; }
  .brand-nine .n9-ai-node-two { right: 25px; }
  .brand-nine .n9-ai-node-three { left: 25px; }
  .brand-nine .n9-ai-node-four { right: 33px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-nine .n9-button, .brand-nine .n9-feature { transition: none; }
  .brand-nine .n9-button:hover, .brand-nine .n9-feature:hover { transform: none; }
}