.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:rgb(255 255 255 / .64);margin-bottom:1.2rem;font-weight:400}.breadcrumb a{color:rgb(255 255 255 / .68);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:rgb(255 255 255 / .7)}.breadcrumb .breadcrumb-sep{color:rgb(255 255 255 / .64);font-size:.6rem}.breadcrumb .breadcrumb-current{color:rgb(255 255 255 / .64)}.sup-hero{position:relative;overflow:hidden;padding:7rem 2.8rem 5.5rem}.sup-hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 800px 600px at 70% 30%,rgb(255 255 255 / .03) 0%,transparent 70%),radial-gradient(ellipse 600px 500px at 20% 70%,rgb(255 255 255 / .02) 0%,transparent 70%),#080d13}.sup-hero-bg::after{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.03"/></svg>');opacity:.4;pointer-events:none}.sup-hero-layout{position:relative;z-index:1;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.sup-hero-inner{max-width:540px}.hero-mobile-icons{display:none}.hero-mobile-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);border-radius:14px;color:rgb(255 255 255 / .64)}.sup-hero-visual{display:flex;align-items:center;justify-content:flex-end}.sup-hero-browser{width:100%;max-width:480px;border-radius:12px;overflow:hidden;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .03);box-shadow:0 20px 60px rgb(0 0 0 / .3),0 0 0 1px rgb(255 255 255 / .04)}.sup-hero-browser-bar{display:flex;gap:5px;padding:10px 14px;background:rgb(255 255 255 / .04);border-bottom:1px solid rgb(255 255 255 / .06)}.sup-hero-browser-bar span{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .1)}.sup-hero-browser img{width:100%;height:auto;display:block}.sup-hero .section-tag{color:rgb(255 255 255 / .64)}.sup-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:600;line-height:1.1;letter-spacing:-.04em;color:#fff;margin-bottom:1.2rem}.sup-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}.sup-hero-sub{font-size:.95rem;line-height:1.65;color:rgb(255 255 255 / .76);max-width:580px;margin-bottom:1.8rem}.sup-hero-btns{display:flex;gap:.8rem;margin-bottom:2rem}.sup-hero-proof{display:flex;gap:1.5rem;flex-wrap:wrap}.sup-hero-proof span{font-size:.7rem;color:rgb(255 255 255 / .64);display:flex;align-items:center;gap:.4rem;font-weight:500}.sup-hero-proof span::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:rgb(255 255 255 / .25);flex-shrink:0}.sup-why{padding:5.5rem 2.8rem;background:#f8f8f7;color:#080d13}.sup-why-inner{max-width:1080px;margin:0 auto}.sup-why-header{max-width:540px;margin-bottom:3rem}.sup-why .section-tag{color:rgb(8 13 19 / .64)}.sup-why-header h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#080d13;margin-bottom:.8rem}.sup-why-header h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:rgb(8 13 19 / .68)}.sup-why-header p{font-size:.92rem;color:rgb(8 13 19 / .68);line-height:1.6}.sup-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.sup-why-card{padding:1.8rem 1.5rem;background:#fff;border:1px solid rgb(8 13 19 / .06);border-radius:16px;transition:border-color .3s ease,box-shadow .3s ease}.sup-why-card:hover{border-color:rgb(8 13 19 / .64);box-shadow:0 4px 20px rgb(0 0 0 / .04)}.sup-why-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(8 13 19 / .04);border:1px solid rgb(8 13 19 / .06);border-radius:12px;color:rgb(8 13 19 / .66);margin-bottom:1.2rem}.sup-why-card h3{font-size:.95rem;font-weight:600;color:#080d13;margin-bottom:.5rem;letter-spacing:-.02em}.sup-why-card p{font-size:.82rem;color:rgb(8 13 19 / .68);line-height:1.6}.sup-process{padding:5.5rem 2.8rem;background:#080d13}.sup-process-inner{max-width:1080px;margin:0 auto}.sup-process .section-tag{color:rgb(255 255 255 / .64)}.sup-process-inner h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#fff;margin-bottom:.6rem}.sup-process-inner h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}.sup-process-desc{font-size:.92rem;color:rgb(255 255 255 / .68);margin-bottom:3rem;max-width:480px}.sup-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.sup-step{position:relative;padding:2rem 1.5rem 1.8rem;border-radius:16px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .05)}.sup-step h3{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.sup-step p{font-size:.82rem;color:rgb(255 255 255 / .64);line-height:1.6}.sup-channels{padding:5.5rem 2.8rem;background:#f8f8f7;color:#080d13}.sup-channels-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.sup-channels-left{max-width:520px}.sup-channels .section-tag{color:rgb(8 13 19 / .64)}.sup-channels-inner h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#080d13;margin-bottom:.6rem}.sup-channels-inner h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:rgb(8 13 19 / .68)}.sup-channels-desc{font-size:.85rem;color:rgb(8 13 19 / .68);line-height:1.65;max-width:340px}.sup-channels-right{display:flex;flex-direction:column;gap:.6rem}.sup-channel-card{padding:1rem 1.2rem;background:#fff;border:1px solid rgb(8 13 19 / .06);border-radius:12px;transition:border-color .3s ease,box-shadow .3s ease}.sup-channel-card:hover{border-color:rgb(8 13 19 / .64);box-shadow:0 4px 20px rgb(0 0 0 / .04)}.sup-channel-card h3{font-size:.88rem;font-weight:600;color:#080d13;margin-bottom:.25rem;letter-spacing:-.01em}.sup-channel-card p{font-size:.76rem;color:rgb(8 13 19 / .66);line-height:1.6}.sup-included{padding:5.5rem 2.8rem;background:#f2f1ef;color:#080d13}.sup-included-inner{max-width:1080px;margin:0 auto}.sup-included-header{max-width:540px;margin-bottom:3rem}.sup-included .section-tag{color:rgb(8 13 19 / .64)}.sup-included-header h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#080d13;margin-bottom:.8rem}.sup-included-header h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:rgb(8 13 19 / .68)}.sup-included-header p{font-size:.92rem;color:rgb(8 13 19 / .68);line-height:1.6}.sup-included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sup-included-card{padding:1.8rem 1.5rem;background:#fff;border:1px solid rgb(8 13 19 / .06);border-radius:16px;transition:border-color .3s ease,box-shadow .3s ease}.sup-included-card:hover{border-color:rgb(8 13 19 / .64);box-shadow:0 4px 20px rgb(0 0 0 / .04)}.sup-included-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(8 13 19 / .04);border:1px solid rgb(8 13 19 / .06);border-radius:12px;color:rgb(8 13 19 / .66);margin-bottom:1.2rem}.sup-included-card h3{font-size:.95rem;font-weight:600;color:#080d13;margin-bottom:.5rem;letter-spacing:-.02em}.sup-included-card p{font-size:.82rem;color:rgb(8 13 19 / .68);line-height:1.6}.sup-packages{padding:5.5rem 2.8rem;background:#f8f8f7;color:#080d13}.sup-packages-inner{max-width:1080px;margin:0 auto;text-align:center}.sup-packages .section-tag{color:rgb(8 13 19 / .64)}.sup-packages-inner h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#080d13;margin-bottom:.6rem}.sup-packages-inner h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:rgb(8 13 19 / .68)}.sup-packages-desc{font-size:.92rem;color:rgb(8 13 19 / .68);margin-bottom:3rem}.sup-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;text-align:left}.sup-package{padding:2rem 1.8rem;background:#fff;border:1px solid rgb(8 13 19 / .06);border-radius:18px;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease}.sup-package:hover{border-color:rgb(8 13 19 / .64);box-shadow:0 4px 20px rgb(0 0 0 / .04)}.sup-package-pop{border-color:rgb(8 13 19 / .64);background:#fff;position:relative;box-shadow:0 4px 24px rgb(0 0 0 / .06)}.sup-package-pop:hover{border-color:rgb(8 13 19 / .64);box-shadow:0 6px 30px rgb(0 0 0 / .08)}.sup-package-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:.25rem .8rem;background:#080d13;color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:99px;white-space:nowrap}.sup-package h3{font-size:1.15rem;font-weight:600;color:#080d13;margin-bottom:.25rem;letter-spacing:-.02em}.sup-package-tagline{font-size:.78rem;color:rgb(8 13 19 / .64);margin-bottom:1.5rem}.sup-package ul{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.sup-package li{font-size:.82rem;color:rgb(8 13 19 / .72);padding:.55rem 0;border-bottom:1px solid rgb(8 13 19 / .06);line-height:1.4}.sup-package li strong{color:#080d13;font-weight:500}.sup-package li:last-child{border-bottom:none}.sup-package-btn{width:100%;text-align:center;margin-top:auto}.sup-package .btn-ghost{color:#080d13;border-color:rgb(8 13 19 / .64);background:rgb(8 13 19 / .03);backdrop-filter:none}.sup-package .btn-ghost:hover{background:rgb(8 13 19 / .06);border-color:rgb(8 13 19 / .64)}.sup-package .btn-primary{background:#080d13;color:#fff}.sup-package .btn-primary:hover{background:#1a2332;box-shadow:0 4px 18px rgb(8 13 19 / .15)}.sup-cases{padding:5.5rem 2.8rem;background:#080d13}.sup-cases-inner{max-width:1080px;margin:0 auto}.sup-cases .section-tag{color:rgb(255 255 255 / .64)}.sup-cases-header h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#fff;margin-bottom:.6rem}.sup-cases-header h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}.sup-cases-header p{font-size:.92rem;color:rgb(255 255 255 / .68);margin-bottom:3rem;max-width:480px}.sup-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.sup-case-card{border-radius:14px;overflow:hidden;border:1px solid rgb(255 255 255 / .06);background:rgb(255 255 255 / .03);text-decoration:none;transition:border-color .3s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.sup-case-card:hover{border-color:rgb(255 255 255 / .64);transform:translateY(-3px)}.sup-case-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.sup-case-info{padding:1.2rem 1.3rem}.sup-case-info h3{font-size:.88rem;font-weight:600;color:#fff;margin-bottom:.25rem;letter-spacing:-.01em}.sup-case-info p{font-size:.74rem;color:rgb(255 255 255 / .64);line-height:1.5}.sup-proof{padding:5.5rem 2.8rem;background:#080d13;color:#fff}.sup-proof-inner{max-width:1080px;margin:0 auto}.sup-proof .section-tag{color:rgb(255 255 255 / .64)}.sup-proof-inner h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:#fff;margin-bottom:.6rem}.sup-proof-inner h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}.sup-proof-desc{font-size:.92rem;color:rgb(255 255 255 / .68);margin-bottom:2.5rem;max-width:480px}.sup-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.sup-proof .btn-ghost{color:rgb(255 255 255 / .7);border-color:rgb(255 255 255 / .64);backdrop-filter:none;background:#fff0}.sup-proof .btn-ghost:hover{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .64)}.sup-guides{background:#f8f8f7;padding:5.5rem 2.8rem}.sup-guides-inner{max-width:1080px;margin:0 auto}.sup-guides-inner .section-tag{color:rgb(8 13 19 / .64)}.sup-guides-inner h2{color:#080d13;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:0}.sup-guides-inner h2 em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400}.sup-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.sup-guide-card{display:flex;flex-direction:column;padding:1.8rem;background:#fff;border-radius:14px;text-decoration:none;color:inherit;border:1px solid rgb(8 13 19 / .05);transition:transform .3s ease,box-shadow .3s ease}.sup-guide-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .06)}.sup-guide-card h3{font-size:.95rem;font-weight:600;color:#080d13;margin-bottom:.4rem}.sup-guide-card p{font-size:.8rem;color:rgb(8 13 19 / .68);line-height:1.6;margin-bottom:.8rem}.sup-guide-link{margin-top:auto;font-weight:600;color:#080d13;font-size:.82rem}@media(max-width:1024px){.sup-why-grid{grid-template-columns:repeat(2,1fr)}.sup-process-grid{grid-template-columns:repeat(2,1fr)}.sup-included-grid{grid-template-columns:repeat(2,1fr)}.sup-cases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sup-hero{padding:5.5rem 1.4rem 3rem}.sup-hero-layout{grid-template-columns:1fr;gap:2rem}.sup-hero-browser{display:none}.sup-hero-visual{justify-content:flex-start}.hero-mobile-icons{display:flex;gap:.8rem;justify-content:flex-start;width:100%}.sup-hero h1{font-size:2rem}.sup-hero-sub{font-size:.88rem}.sup-hero-btns{flex-direction:column;gap:.6rem}.sup-hero-btns .btn{text-align:center}.sup-hero-proof{flex-direction:column;gap:.5rem}.sup-why,.sup-process,.sup-channels,.sup-included,.sup-packages,.sup-proof,.sup-cases{padding:3.5rem 1.4rem}.sup-why-grid,.sup-process-grid{grid-template-columns:1fr}.sup-channels-inner{grid-template-columns:1fr;gap:2rem}.sup-included-grid{grid-template-columns:1fr}.sup-packages-grid{grid-template-columns:1fr}.sup-cases-grid{grid-template-columns:1fr}.sup-proof-grid{grid-template-columns:1fr}.sup-guides{padding:3.5rem 1.4rem}.sup-guides-grid{grid-template-columns:1fr}}@media(max-width:420px){.sup-hero h1{font-size:1.65rem}}.breadcrumb,.breadcrumb a,.breadcrumb .breadcrumb-sep,.breadcrumb .breadcrumb-current,.sup-hero .section-tag,.sup-process .section-tag,.sup-cases .section-tag,.sup-proof .section-tag{color:rgb(255 255 255 / .8)}.sup-hero-proof span,.sup-process-desc,.sup-step p,.sup-proof-desc{color:rgb(255 255 255 / .82)}.sup-why .section-tag,.sup-channels .section-tag,.sup-included .section-tag,.sup-packages .section-tag,.sup-guides-inner .section-tag{color:rgb(8 13 19 / .78)}.sup-why-card p,.sup-channels-desc,.sup-channel-card p,.sup-included-card p,.sup-packages-desc,.sup-package-tagline,.sup-package li,.sup-guide-card p{color:rgb(8 13 19 / .8)}